<script>
|
|
export default {
|
name: "index",
|
data() {
|
return {
|
list: [],
|
$webHost:'https://rbb98765.zrgy-bbg.com',
|
}
|
},
|
created() {
|
const _this = this;
|
uni.request( {
|
url: _this.$webHost + "/api/v2/renpin/H5/getPlatformProtocolNew",
|
data: {
|
customerId: uni.getStorageSync('ygxLogin').customerId,
|
appId: uni.getStorageSync('ygxLogin').appId
|
},
|
method: 'GET',
|
success(res) {
|
_this.list = res.data.data;
|
}
|
})
|
|
},
|
methods: {
|
open() {
|
this.$refs.agreement.open();
|
},
|
toProtocol(e){
|
console.log(e);
|
let title = e.name;
|
let code = e.code;
|
uni.navigateTo({
|
url: `/pages/web/xieyi?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 style="margin: auto;text-align: center;padding: 20rpx;">请阅读以下协议</view>
|
</view>
|
<view class="setting-list-item">
|
<view
|
class="setting-text"
|
style="font-size: 32rpx; font-weight: bold; justify-content: left;padding-left: 30rpx;"
|
>平台服务协议</view
|
>
|
</view>
|
<view class="list" style="height: 50vh;overflow: scroll;">
|
<view class="li" @click="toProtocol(item)" v-for="(item,index) in list" :key="index" >
|
|
<view style="font-size: 30rpx">{{item.name}}</view>
|
<view class="arrow"></view>
|
</view>
|
</view>
|
</uv-cell-group>
|
</uv-popup>
|
</template>
|
|
<style scoped lang="scss">
|
.list {
|
overflow: auto;
|
}
|
.popup-title {
|
font-size: 36rpx;
|
font-weight: 600;
|
color: #252938;
|
display: flex;
|
flex-direction: row;
|
justify-content: center;
|
|
margin: auto;
|
margin-top: 38rpx;
|
text-align: center;
|
}
|
.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;
|
}
|
.li{
|
padding: 20rpx 30rpx;
|
color:#303133;
|
border-bottom: 1rpx solid #dcdcdc;
|
position: relative;
|
font-size: 30rpx;
|
.arrow{
|
width: 15rpx;
|
height: 15rpx;
|
border-top: 1rpx solid #909399;
|
border-right: 1rpx solid #909399;
|
transform: rotate(45deg);
|
position: absolute;
|
top: 30rpx;
|
right: 40rpx;
|
}
|
}
|
</style>
|
