宜呗小程序--微信小程序
Lzk
2025-08-05 b7bcaf556aa2424e808b6e6426ab22df9cfe11c1
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<script>
import {getPlatformProtocolNew} from "@/api/modules/user";
 
export default {
  name: "index",
  data() {
    return {
      list: [],
    }
  },
  created() {
    getPlatformProtocolNew().then(res=>{
      this.list = res;
    })
  },
  methods: {
    open() {
      this.$refs.agreement.open();
    },
    toProtocol(e){
      let title = e.name;
      let code = e.code;
      uni.navigateTo({
        url: `/pages/protocol/index?code=${code}&title=${title}`
      });
      console.log('选中该项:',e);
    },
  }
}
</script>
 
<template>
  <uv-popup ref="agreement"  mode="bottom"
            round="24rpx"
            zIndex="3">
    <uv-cell-group>
      <view class="popup-title">
        <view>请阅读以下协议</view>
      </view>
      <view class="setting-list-item">
        <view
            class="setting-text"
            style="font-size: 32rpx; font-weight: bold; justify-content: left"
        >平台服务协议</view
        >
      </view>
      <uv-cell @click="toProtocol(item)" v-for="(item,index) in list" :key="index" :isLink="true" :title="item.name"></uv-cell>
 
    </uv-cell-group>
  </uv-popup>
</template>
 
<style scoped lang="scss">
.popup-title {
  font-size: 36rpx;
  font-weight: 600;
  color: #252938;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-top: 38rpx;
}
.setting-list-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1rpx #dcdcdc;
  padding-left: 23rpx;
  padding-right: 8rpx;
  padding-top: 30rpx;
  padding-bottom: 30rpx;
}
.setting-text {
  font-size: 28rpx;
  color: #000000;
}
</style>