work.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  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: 'wodexundian',
  24. color: '#55aaff',
  25. name: '我的巡店',
  26. url:'/pages/myShopTour/myShopTour',
  27. target: 'page',
  28. auth: true
  29. },
  30. {
  31. id: 'tcgl',
  32. icon: 'dianjianshezhi',
  33. color: '#ffaf69',
  34. name: '点检配置',
  35. url:'/pages/spotCheckConfigure/spotCheckList',
  36. target: 'page',
  37. auth: true
  38. },
  39. ],
  40. }
  41. },
  42. }
  43. </script>
  44. <style lang="scss">
  45. page{
  46. height: 100%;
  47. }
  48. .nav-pages{
  49. height: 100%;
  50. .nav-box{
  51. margin-bottom: 20upx;
  52. background-color: #FFFFFF;
  53. padding: 5upx 20upx;
  54. border-radius: 5upx;
  55. .nav-title{
  56. font-size: 32upx;
  57. padding: 15upx;
  58. border-bottom: 1px solid #eee;
  59. }
  60. .nav-icon-list{
  61. padding: 10upx;
  62. }
  63. }
  64. }
  65. </style>