xunJian.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. <template>
  2. <view class="">
  3. <view class="cu-list menu-avatar">
  4. <view class="cu-item deviceTypeItem" v-for="(item,index) in inspectList" :key="index" @tap="goRecordPage(index)">
  5. <view class="cu-avatar round" >
  6. <image class="image-bg" :src=item.imgUrl />
  7. </view>
  8. <view class="content">
  9. <view class="title">{{item.title}}</view>
  10. </view>
  11. <view class="nav-right num">
  12. <view>
  13. <text class="icon iconfont margin-right-xs margin-left-lg">&#xe629;</text>
  14. </view>
  15. </view>
  16. </view>
  17. </view>
  18. </view>
  19. </template>
  20. <script>
  21. import json from '../../data/json.js';
  22. export default {
  23. data() {
  24. return {
  25. inspectList: json.xunJianList,
  26. };
  27. },
  28. onLoad:function(option){
  29. },
  30. methods: {
  31. goRecordPage(index){
  32. let url = "";
  33. switch (index) {
  34. case 0:
  35. url = "/pages/xunJian/plan/plan"
  36. break;
  37. case 1:
  38. url = "/pages/xunJian/record/record"
  39. break;
  40. }
  41. uni.navigateTo({
  42. url: url
  43. })
  44. }
  45. }
  46. }
  47. </script>
  48. <style lang="scss">
  49. </style>