Browse Source

time dialog

master
maochaoying 2 years ago
parent
commit
1fbad22c65
  1. 4
      src/components/Setting/components/Date.vue
  2. 1
      src/components/dialogs/DatePicker.vue
  3. 129
      src/components/dialogs/TimePicker.vue
  4. 9
      src/main.js

4
src/components/Setting/components/Date.vue

@ -10,12 +10,14 @@
<p class="num">11:40</p>
<div class="btn">设置</div>
</div>
<DatePicker />
<!-- <DatePicker /> -->
<TimePicker />
</div>
</template>
<script setup>
import DatePicker from 'cpns/dialogs/DatePicker'
import TimePicker from 'cpns/dialogs/TimePicker'
</script>
<style lang="scss" scoped>

1
src/components/dialogs/DatePicker.vue

@ -32,7 +32,6 @@
<div class="select_wrap">
<van-date-picker
v-model="currentDate"
title="选择日期"
:formatter="formatter"
:columns-type="columnsType"
:show-toolbar="false"

129
src/components/dialogs/TimePicker.vue
File diff suppressed because it is too large
View File

9
src/main.js

@ -2,9 +2,14 @@ import { createApp } from 'vue'
import router from './router'
import store from './store'
import App from './App.vue'
import { DatePicker } from 'vant'
import { DatePicker, TimePicker } from 'vant'
import 'vant/lib/index.css'
import '@/assets/css/reset.css'
import './style.scss'
createApp(App).use(router).use(DatePicker).use(store).mount('#app')
createApp(App)
.use(router)
.use(DatePicker)
.use(TimePicker)
.use(store)
.mount('#app')
Loading…
Cancel
Save