w-picker-demo.vue 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <view class="w-picker-demo">
  3. <view class="item" @tap="navLink('date')">日期</view>
  4. <view class="item" @tap="navLink('time')">时间</view>
  5. <view class="item" @tap="navLink('selector')">单列选择</view>
  6. <view class="item" @tap="navLink('half')">上下午</view>
  7. <view class="item" @tap="navLink('shortTerm')">短期日期时间</view>
  8. <view class="item" @tap="navLink('range')">日期区间</view>
  9. <view class="item" @tap="navLink('region')">省市区三级联动</view>
  10. <view class="item" @tap="navLink('linkage')">自定义多级联动</view>
  11. </view>
  12. </template>
  13. <script>
  14. import wPicker from "@/components/w-picker/w-picker.vue"
  15. export default {
  16. components:{
  17. wPicker
  18. },
  19. data() {
  20. return {
  21. selectorList1:[],
  22. rangeVal:['2018-12-12','2020-04-02']
  23. }
  24. },
  25. onLoad() {
  26. },
  27. methods: {
  28. navLink(page){
  29. uni.navigateTo({
  30. url:`/pages/w-picker-demo/${page}`
  31. })
  32. }
  33. }
  34. }
  35. </script>
  36. <style>
  37. .w-picker-demo{
  38. padding:30rpx 0;
  39. text-align: center;
  40. }
  41. </style>