work.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <template>
  2. <view class="nav-pages">
  3. <view class="nav-box">
  4. <view class="nav-title">巡店</view>
  5. <view class="nav-icon-list">
  6. <iconItemsList :list="listCy"></iconItemsList>
  7. </view>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. import iconItemsList from '@/components/icon-items-list/icon-items-list.vue'
  13. export default {
  14. components: {
  15. iconItemsList
  16. },
  17. data() {
  18. return {
  19. // 巡店
  20. listCy: [
  21. {
  22. id: 'gdcx',
  23. icon: '/static/navIcon/wdxd.png',
  24. name: '我的巡店',
  25. url:'/pages/myShopTour/myShopTour',
  26. target: 'page',
  27. auth: true
  28. },
  29. {
  30. id: 'tcgl',
  31. icon: '/static/navIcon/djpz.png',
  32. name: '点检配置',
  33. url:'/pages/workOrder/sellOrder/bundleList',
  34. target: 'page',
  35. auth: true
  36. },
  37. ],
  38. }
  39. },
  40. }
  41. </script>
  42. <style lang="scss">
  43. page{
  44. height: 100%;
  45. }
  46. .nav-pages{
  47. height: 100%;
  48. .nav-box{
  49. margin-bottom: 20upx;
  50. background-color: #FFFFFF;
  51. padding: 5upx 20upx;
  52. border-radius: 5upx;
  53. .nav-title{
  54. font-size: 32upx;
  55. padding: 15upx;
  56. border-bottom: 1px solid #eee;
  57. }
  58. .nav-icon-list{
  59. padding: 10upx;
  60. }
  61. }
  62. }
  63. </style>