榆钱落尽槿花稀
d274992900
2.优化分享海报 3.发布页面新增登陆判断 4.发布页面新增认证判断 5.发布页面修改责任书确认 6.优化责任书样式 7.提现页面新增tips弹窗 8.提现页面新增提现须知 9.身份认证页面新增入住协议勾选 10.身份认证页面新增入住弹窗确认 11.身份认证页面优化UI 12.个人中心页面优化
103 lines
1.5 KiB
Vue
103 lines
1.5 KiB
Vue
<template>
|
|
<view class="protocol_box" @click="protocolClick()">
|
|
<view class="select" :class="{active: agree}" @click="agreeClick"></view>
|
|
<view>
|
|
<text>我已阅读并同意</text>
|
|
<text class="key-text" style="color: #0CA013;"> {{name}} </text>
|
|
<text> {{desc}} </text>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
// 是否同意
|
|
agree: {
|
|
type: Boolean,
|
|
default: false
|
|
},
|
|
desc: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
name: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
// 协议数组
|
|
protocolArr: {
|
|
type: Array,
|
|
default: function() {
|
|
return [];
|
|
}
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
// 是否同意勾选
|
|
agreeClick() {
|
|
|
|
this.$emit('click')
|
|
|
|
},
|
|
protocolClick(tag) {
|
|
|
|
this.$emit('protocolClick', tag)
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
}
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
//主题色 #008CFF
|
|
$themeColor: #323232;
|
|
|
|
|
|
|
|
.protocol_box {
|
|
display: flex;
|
|
flex-wrap: nowrap;
|
|
justify-content: center;
|
|
align-items: center;
|
|
|
|
//margin-top: 20rpx;
|
|
// margin-left: 40rpx;
|
|
font-size: 28rpx;
|
|
color: $themeColor;
|
|
font-size: 13px;
|
|
|
|
.select {
|
|
width: 36rpx;
|
|
height: 36rpx;
|
|
background-image: url("./ic_nor.png");
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-size: 100% auto;
|
|
margin-right: 15rpx;
|
|
margin-top: 2px;
|
|
|
|
|
|
&.active {
|
|
background-image: url("./ic_sel.png");
|
|
}
|
|
}
|
|
|
|
.key-text {
|
|
color: $themeColor;
|
|
font-size: 13px;
|
|
text-decoration: underline;
|
|
white-space: pre-wrap;
|
|
}
|
|
|
|
|
|
}
|
|
</style> |