home.vue 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <template>
  2. <view class="main-block">
  3. <view class="page-block">
  4. <view class="btn-list">
  5. <navigator url="./index/index"
  6. class="item flex flex-col flex-center">
  7. <image src="../static/images/icon_2.png" class="icon-img" mode="aspectFit"></image>
  8. <view class="name">首页设置</view>
  9. </navigator>
  10. <navigator url="./audio/audio" class="item flex flex-col flex-center">
  11. <image src="../static/images/icon_15.png" class="icon-img" mode="aspectFit"></image>
  12. <view class="name">语音列表</view>
  13. </navigator>
  14. <navigator url="./swiper/swiper"
  15. class="item flex flex-col flex-center">
  16. <image src="../static/images/icon_9.png" class="icon-img" mode="aspectFit"></image>
  17. <view class="name">轮播图</view>
  18. </navigator>
  19. </view>
  20. </view>
  21. </view>
  22. </template>
  23. <script>
  24. export default {
  25. data() {
  26. return {
  27. store_id:"",
  28. type:2,
  29. }
  30. },
  31. onLoad(options) {
  32. this.type=options.type;
  33. this.store_id = options.store_id
  34. },
  35. }
  36. </script>
  37. <style>
  38. .main-block {
  39. padding: 50rpx 25rpx 0;
  40. }
  41. .btn-list {
  42. display: -webkit-box;
  43. display: -webkit-flex;
  44. display: flex;
  45. -webkit-box-orient: horizontal;
  46. -webkit-box-direction: normal;
  47. -webkit-flex-flow: row wrap;
  48. flex-flow: row wrap;
  49. -webkit-box-pack: start;
  50. -webkit-justify-content: flex-start;
  51. justify-content: flex-start;
  52. -webkit-align-content: flex-start;
  53. align-content: flex-start;
  54. }
  55. .page-block {
  56. width: 700rpx;
  57. background-color: #fff;
  58. box-sizing: border-box;
  59. border-radius: 8rpx;
  60. margin-bottom: 30rpx;
  61. }
  62. .btn-list .item {
  63. width: 33.33%;
  64. height: 145rpx;
  65. }
  66. .btn-list .item .icon-img {
  67. display: block;
  68. width: 48rpx;
  69. height: 48rpx;
  70. }
  71. .btn-list .item .name {
  72. font-size: 24rpx;
  73. line-height: 33rpx;
  74. margin-top: 16rpx;
  75. color: #666;
  76. }
  77. </style>