xcxAdmin.vue 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. <template>
  2. <view class="main-block">
  3. <view class="page-block">
  4. <block v-for="(item,index) in power_list" :key='index'>
  5. <navigator :url="`${item.address}?id=${item.id}`" class="cell flex-y-center box-pack-between" hover-class="nav-hover">
  6. <view class="flex-y-center">
  7. <image :src="item.image" class="cell-icon"></image>
  8. <view class="title">{{item.name}}</view>
  9. </view>
  10. <text class="iconfont icongengduo"></text>
  11. </navigator>
  12. </block>
  13. <!--
  14. <navigator url="../../appletXcx/Alipay/index" class="cell flex-y-center box-pack-between" hover-class="nav-hover">
  15. <view class="flex-y-center">
  16. <image src="../static/images/ali.png" class="cell-icon"></image>
  17. <view class="title">支付宝小程序</view>
  18. </view>
  19. <text class="iconfont icongengduo"></text>
  20. </navigator>
  21. <navigator url="../../appletXcx/Wechat/index" class="cell flex-y-center box-pack-between" hover-class="nav-hover">
  22. <view class="flex-y-center">
  23. <image src="../static/images/wx.png" class="cell-icon"></image>
  24. <view class="title">微信小程序</view>
  25. </view>
  26. <text class="iconfont icongengduo"></text>
  27. </navigator>
  28. <navigator url="../../appletXcx/WechatShop/index" class="cell flex-y-center box-pack-between" hover-class="nav-hover">
  29. <view class="flex-y-center">
  30. <image src="../../static/images/wx_shop.png" class="cell-icon"></image>
  31. <view class="title">微信小商店</view>
  32. </view>
  33. <text class="iconfont icongengduo"></text>
  34. </navigator> -->
  35. </view>
  36. </view>
  37. </view>
  38. </template>
  39. <script>
  40. export default {
  41. data() {
  42. return {
  43. power_list:[],
  44. }
  45. },
  46. onLoad(e) {
  47. this.sid=e.id;
  48. let { list } = this.$store.state.management_list_store.find((v, i) => v.id == e.id)
  49. this.power_list = list
  50. },
  51. methods: {
  52. }
  53. }
  54. </script>
  55. <style>
  56. .main-block {
  57. padding: 0rpx 25rpx;
  58. }
  59. .btn-list {
  60. display: -webkit-box;
  61. display: -webkit-flex;
  62. display: flex;
  63. -webkit-box-orient: horizontal;
  64. -webkit-box-direction: normal;
  65. -webkit-flex-flow: row wrap;
  66. flex-flow: row wrap;
  67. -webkit-box-pack: start;
  68. -webkit-justify-content: flex-start;
  69. justify-content: flex-start;
  70. -webkit-align-content: flex-start;
  71. align-content: flex-start;
  72. }
  73. .page-block {
  74. width: 700rpx;
  75. background-color: #fff;
  76. box-sizing: border-box;
  77. border-radius: 8rpx;
  78. margin-bottom: 30rpx;
  79. }
  80. .page-block .cell {
  81. height:123rpx;
  82. border-bottom: 1rpx solid #f5f5f5;
  83. }
  84. .page-block .cell:last-child {
  85. border-bottom: none;
  86. }
  87. .page-block .cell .cell-icon {
  88. flex: none;
  89. display: block;
  90. width: 48rpx;
  91. height: 48rpx;
  92. }
  93. .page-block .cell .icon-gengduo {
  94. margin-left: auto;
  95. font-size: 25rpx !important;
  96. color: #c9c9c9;
  97. }
  98. .page-block .cell .title {
  99. padding: 0 25rpx;
  100. font-size: 32rpx;
  101. color: #333;
  102. }
  103. </style>