登录时,已阅读并同意
<view class="radioPact" style="text-align: center;">
<view @tap.stop='checkedTap1'>
<radio v-model="radioPact" :checked="radioPactChecked"/>
</view>
<view>我已阅读并同意<span class="radioText" @click="userService">《用户服务协议》</span></view>
</view>
.radioPact view{
display: inline-block;
font-size: 28rpx;
vertical-align: top;
height: 80rpx;
}
.radioText{
color: #50B44D;
}
radio{
margin-left:0rpx ;
}
/* 未选中的 背景样式 */
radio .wx-radio-input{
height: 25rpx;
width: 25rpx;
border-radius: 50%;
background: transparent;
}
/* 选中后的 背景样式 */
radio .wx-radio-input.wx-radio-input-checked{
border: none;
}
/* 选中后的 对勾样式 */
radio .wx-radio-input.wx-radio-input-checked::before{
border-radius: 50%;
width: 25rpx;
height:25rpx;
line-height:25rpx;
text-align: center;
font-size:25rpx;
color:#fff;
}
点击radio取消和选择
checkedTap1(){
this.radioPactChecked = !this.radioPactChecked
},
点击pdf,并打开
//用户协议
userService(){
uni.downloadFile({
url:`${PDF_URL}/promiseletter/承诺书.pdf`,
success(res) {
let filepathss = res.tempFilePath;
uni.openDocument({
filePath: filepathss,
fileType: 'pdf',
success: function(res) {
},
fail: function(err) {
uni.showToast({
title: '暂不支持此类型',
duration: 2000,
icon: 'none'
});
}
});
}
});
},