morePage.vue 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091
  1. <template>
  2. <view class="morePages">
  3. <view class="list-box">
  4. <view class="list-title">
  5. <u-icon size="38" name="bag"></u-icon> <text>货品管理</text>
  6. </view>
  7. <u-cell-group :border="false">
  8. <u-cell-item title="库存查询" :title-style="{fontSize:'1em'}">
  9. <text slot="icon"></text>
  10. </u-cell-item>
  11. <u-cell-item title="补货记录" :title-style="{fontSize:'1em'}">
  12. <text slot="icon"></text>
  13. </u-cell-item>
  14. </u-cell-group>
  15. </view>
  16. <view class="list-box">
  17. <view class="list-title">
  18. <u-icon size="34" name="order"></u-icon> <text>订单管理</text>
  19. </view>
  20. <u-cell-group :border="false">
  21. <u-cell-item title="货架订单" :title-style="{fontSize:'1em'}">
  22. <text slot="icon"></text>
  23. </u-cell-item>
  24. <u-cell-item title="临配订单" :title-style="{fontSize:'1em'}">
  25. <text slot="icon"></text>
  26. </u-cell-item>
  27. </u-cell-group>
  28. </view>
  29. <view class="list-box">
  30. <view class="list-title">
  31. <u-icon size="36" name="rmb-circle"></u-icon> <text>结算管理</text>
  32. </view>
  33. <u-cell-group :border="false">
  34. <u-cell-item title="结算记录" :title-style="{fontSize:'1em'}">
  35. <text slot="icon"></text>
  36. </u-cell-item>
  37. <u-cell-item title="付款结算" :title-style="{fontSize:'1em'}">
  38. <text slot="icon"></text>
  39. </u-cell-item>
  40. </u-cell-group>
  41. </view>
  42. <view class="list-box">
  43. <view class="list-title flex justify_center phone">
  44. <u-icon size="36" name="phone"></u-icon> <text>联系汽配商</text>
  45. </view>
  46. </view>
  47. </view>
  48. </template>
  49. <script>
  50. export default {
  51. data() {
  52. return {
  53. }
  54. },
  55. methods: {
  56. }
  57. }
  58. </script>
  59. <style lang="less">
  60. .morePages{
  61. width: 100%;
  62. padding: 30rpx;
  63. background: #f8f8f8;
  64. .list-box{
  65. background: #ffffff;
  66. margin-bottom: 30rpx;
  67. border-radius: 25rpx;
  68. overflow: hidden;
  69. box-shadow: 2rpx 2rpx 5rpx #eee;
  70. .list-title{
  71. padding:30rpx 20rpx;
  72. font-size: 30rpx;
  73. border-bottom: 2rpx solid #f8f8f8;
  74. > text{
  75. margin-left: 10rpx;
  76. }
  77. }
  78. }
  79. .phone{
  80. color: #00aaff;
  81. &:active{
  82. opacity: 0.8;
  83. transform:scale(0.9);
  84. }
  85. }
  86. }
  87. </style>