Files
zhongpin_Phase-II_MP_WX/BagAuth/pages/login/components/loginBottom.vue
2023-05-08 10:53:14 +08:00

56 lines
1.2 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<template>
<view class="bg-white bottom-part bg-white">
<view class=" text-center text-sm">
<view class="padding-xxs">
全国统一客服/投诉热线
<text class="oil-main-color" @tap="makeCall">{{hotline}}</text>
</view>
<view class="padding-xs">
<checkbox @tap="onChange" class='round red chagesize' :class="checked?'checked':''" :checked="checked?true:false"
value="C"></checkbox> 我已阅读并同意
<text @tap="toAgree('zhongpinUserAgree')" class="oil-main-color">用户协议</text><text @tap="toAgree('zhongpinPrivacyAgreement')" class="oil-main-color">隐私政策</text>
</view>
</view>
</view>
</template>
<script>
export default {
name: 'loginBottom',
data() {
return {
count: 0,
hotline: '4008-56-5355'
}
},
methods: {
onChange() {
this.count++
this.$emit('onCheck', this.count % 2 != 0)
},
toAgree(link) {
uni.navigateTo({
url: `/BagAuth/pages/agreeMent/agreeMent?link=${link}`
})
},
makeCall() {
uni.makePhoneCall({
phoneNumber: this.hotline
})
}
},
}
</script>
<style>
.bottom-part {
width: 750upx;
position: absolute;
bottom: 60rpx;
}
.chagesize {
transform: scale(0.6, 0.6);
}
</style>