修改确认协议组件
This commit is contained in:
parent
a3d25011fa
commit
287ab818d5
|
@ -5,7 +5,7 @@
|
||||||
</view>
|
</view>
|
||||||
<view class="description">
|
<view class="description">
|
||||||
<text class="text">我已阅读并同意</text>
|
<text class="text">我已阅读并同意</text>
|
||||||
<text class="link">《熊熊安装服务协议》</text>
|
<text class="link">《服务协议》</text>
|
||||||
<text class="link">《隐私政策》</text>
|
<text class="link">《隐私政策》</text>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
@ -38,6 +38,7 @@ export default {
|
||||||
changeState() {
|
changeState() {
|
||||||
this.state = !this.state;
|
this.state = !this.state;
|
||||||
this.$emit("change", this.state);
|
this.$emit("change", this.state);
|
||||||
|
this.$emit("input", this.state);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
@ -47,6 +48,7 @@ export default {
|
||||||
.component-auth-agreement {
|
.component-auth-agreement {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
.icon-box {
|
.icon-box {
|
||||||
|
|
|
@ -1,44 +0,0 @@
|
||||||
<template>
|
|
||||||
<view class="component-auth-login" v-if="showLoginModal">
|
|
||||||
<button open-type="getUserInfo" @click="getUserInfo">授权登录</button>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
import { mapState } from "vuex";
|
|
||||||
export default {
|
|
||||||
name: "component-auth-login",
|
|
||||||
data() {
|
|
||||||
return {};
|
|
||||||
},
|
|
||||||
props: {},
|
|
||||||
components: {},
|
|
||||||
computed: {
|
|
||||||
...mapState("user", {
|
|
||||||
showLoginModal: (state) => state.showLoginModal,
|
|
||||||
}),
|
|
||||||
},
|
|
||||||
created() {},
|
|
||||||
mounted() {},
|
|
||||||
methods: {
|
|
||||||
getUserInfo() {
|
|
||||||
this.$store.dispatch("user/userInfo");
|
|
||||||
setTimeout(() => {
|
|
||||||
this.$store.commit("user/showLoginModal", false);
|
|
||||||
}, 2000);
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="less" scoped>
|
|
||||||
.component-auth-login {
|
|
||||||
z-index: 25;
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background-color: #e0e0e0;
|
|
||||||
}
|
|
||||||
</style>
|
|
|
@ -38,7 +38,7 @@
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
<view class="agreement-container">
|
<view class="agreement-container">
|
||||||
<agreement :agree="agree" @change="changeAgreeState" />
|
<agreement v-model="isAgree" />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="common-bottom-components" :style="{ bottom: config.safeAreaInsets.bottom + 'px' }">
|
<view class="common-bottom-components" :style="{ bottom: config.safeAreaInsets.bottom + 'px' }">
|
||||||
|
@ -66,7 +66,7 @@ export default {
|
||||||
datetime: "",
|
datetime: "",
|
||||||
message: "",
|
message: "",
|
||||||
insurance: false,
|
insurance: false,
|
||||||
agree: false,
|
isAgree: false,
|
||||||
serviceList: [
|
serviceList: [
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
|
@ -121,11 +121,8 @@ export default {
|
||||||
changeInsuranceState(state) {
|
changeInsuranceState(state) {
|
||||||
this.insurance = state;
|
this.insurance = state;
|
||||||
},
|
},
|
||||||
changeAgreeState(state) {
|
|
||||||
this.agree = state;
|
|
||||||
},
|
|
||||||
pay() {
|
pay() {
|
||||||
if (!this.agree) {
|
if (!this.isAgree) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: "请先阅读并同意《熊熊安装服务协议》《隐私政策》",
|
title: "请先阅读并同意《熊熊安装服务协议》《隐私政策》",
|
||||||
icon: "none",
|
icon: "none",
|
||||||
|
|
Loading…
Reference in New Issue