金诚优选前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

89 lines
2.0 KiB

<template>
<view class="agreement_index">
<image src="https://picsum.photos/seed/picsum/200/300" class="logo"></image>
<view class="item" @tap="chageAgreement('privite')">
<view class="txt">隐私协议</view>
<view class="rigth lf-iconfont icon--1"></view>
</view>
<view class="item" @tap="chageAgreement('serve')">
<view class="txt">服务协议</view>
<view class="rigth lf-iconfont icon--1"></view>
</view>
<view class="item" @click="dial">
<view class="txt">客服电话</view>
<view class="rigth">
<text class="lf-m-r-14">0351-8378888</text>
<text class="lf-iconfont icon--1"></text>
</view>
</view>
<view class="mask" v-if="showAgreement"></view>
<view class="greement-box" v-if="showAgreement">
<view class="title mx-1px-bottom">{{message}}</view>
<view class="content">
<u-parse :content="contents" />
</view>
<view class="btn mx-1px-top" @tap="chageAgreement">确定</view>
</view>
</view>
</template>
<script>
import {
pageLogin,
getUrl,
config,
is
} from '@/common/js/utils.js';
import uParse from '@/components/gaoyia-parse/parse.vue';
export default{
components: {
uParse
},
data() {
return{
showAgreement:false,
message:'隐私协议',
contents:''
}
},
onLoad(){
this.getGreementInfo();
},
methods:{
chageAgreement(type) {
if(type == 'privite'){
this.message = '隐私协议';
this.contents = this.agreement.privacy_agreement
} else{
this.message = '服务协议';
this.contents = this.agreement.service_agreement
}
this.showAgreement = !this.showAgreement
},
// 获取用户协议
getGreementInfo() {
this.$http.get({
api: 'api/user/agreement'
}).then(res => {
res = res.data;
if (res.status) {
this.agreement = res.data;
}
});
},
dial(){
uni.makePhoneCall({
phoneNumber: '1343344444'
})
}
}
}
</script>
<style rel="stylesheet/less" lang="less">
@import "agreement";
</style>