index.vue 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798
  1. <template>
  2. <view class="main-block">
  3. <view class="page-block">
  4. <view class="btn-list">
  5. <block v-for="(item,index) in power_list" :key='index'>
  6. <navigator v-if="item.id!=858" class="item flex flex-col flex-center" :url="item.address">
  7. <image :src="item.image" class="icon-img" mode="aspectFit"></image>
  8. <view class="name">{{item.name}}</view>
  9. </navigator>
  10. <view v-if="item.id==858" @click="navToIntegral" class="item flex flex-col flex-center">
  11. <image src="../static/images/icon_1.png" class="icon-img" mode="aspectFit"></image>
  12. <view class="name">积分推送</view>
  13. </view>
  14. </block>
  15. </view>
  16. </view>
  17. </view>
  18. </template>
  19. <script>
  20. export default {
  21. data() {
  22. return {
  23. power_list:[],
  24. }
  25. },
  26. onLoad(e) {
  27. this.sid=e.id;
  28. let { list } = this.$store.state.management_list_store.find((v, i) => v.id == e.id)
  29. this.power_list = list
  30. },
  31. methods: {
  32. navToIntegral() {
  33. let urls = ['./templateMessage', './vipCardMessage']
  34. uni.showActionSheet({
  35. itemList: ['模板消息推送', '会员卡消息推送'],
  36. success: (r) => {
  37. uni.navigateTo({
  38. url: urls[r.tapIndex]
  39. })
  40. }
  41. })
  42. },
  43. }
  44. }
  45. </script>
  46. <style>
  47. .main-block {
  48. padding: 50rpx 25rpx 0;
  49. }
  50. .btn-list {
  51. display: -webkit-box;
  52. display: -webkit-flex;
  53. display: flex;
  54. -webkit-box-orient: horizontal;
  55. -webkit-box-direction: normal;
  56. -webkit-flex-flow: row wrap;
  57. flex-flow: row wrap;
  58. -webkit-box-pack: start;
  59. -webkit-justify-content: flex-start;
  60. justify-content: flex-start;
  61. -webkit-align-content: flex-start;
  62. align-content: flex-start;
  63. }
  64. .page-block {
  65. width: 700rpx;
  66. background-color: #fff;
  67. box-sizing: border-box;
  68. border-radius: 8rpx;
  69. margin-bottom: 30rpx;
  70. }
  71. .btn-list .item {
  72. width: 33.33%;
  73. height: 145rpx;
  74. }
  75. .btn-list .item .icon-img {
  76. display: block;
  77. width: 48rpx;
  78. height: 48rpx;
  79. }
  80. .btn-list .item .name {
  81. font-size: 24rpx;
  82. line-height: 33rpx;
  83. margin-top: 16rpx;
  84. color: #666;
  85. }
  86. </style>