no message
This commit is contained in:
85
components/agreement/index.js
Normal file
85
components/agreement/index.js
Normal file
@@ -0,0 +1,85 @@
|
||||
var e = require("../../common/vendor.js"),
|
||||
n = require("../../hooks/useState.js"),
|
||||
t = require("../../constant/index.js"),
|
||||
o = require("../../utils/navigate.js"),
|
||||
a = require("../../utils/util.js");
|
||||
require("../../store/app/index.js"),
|
||||
require("../../enums/index.js"),
|
||||
require("../../data/index.js"),
|
||||
Array || e.resolveComponent("uni-popup")(),
|
||||
Math;
|
||||
var r = {
|
||||
__name: "index",
|
||||
props: { checked: { type: Boolean, default: !0 } },
|
||||
emits: ["change"],
|
||||
setup: function (r, i) {
|
||||
var u = i.emit,
|
||||
s = n.useState().setAgreementPopupShow,
|
||||
c = e.ref(null),
|
||||
l = e.ref(!1),
|
||||
p = function () {
|
||||
u("change");
|
||||
},
|
||||
d = function () {
|
||||
o.navigateTo({
|
||||
url: "/pages/web-view/index",
|
||||
params: { url: t.userAgreementUrl, title: "用户协议" },
|
||||
});
|
||||
},
|
||||
g = function () {
|
||||
o.navigateTo({
|
||||
url: "/pages/web-view/index",
|
||||
params: { url: t.userNoticeUrl, title: "用户须知" },
|
||||
});
|
||||
},
|
||||
v = function () {
|
||||
l.value = !l.value;
|
||||
},
|
||||
m = function () {
|
||||
s(!1), c.value.close();
|
||||
},
|
||||
f = function () {
|
||||
if (l.value) {
|
||||
var n = e.index.getStorageSync("hasClickAgreement");
|
||||
n ? n++ : (n = 1),
|
||||
e.index.setStorageSync("hasClickAgreement", n),
|
||||
s(!1),
|
||||
c.value.close(),
|
||||
u("change");
|
||||
} else a.showToast("请先阅读并同意协议");
|
||||
};
|
||||
return (
|
||||
e.onMounted(function () {
|
||||
!e.index.getStorageSync("hasClickAgreement") ||
|
||||
e.index.getStorageSync("hasClickAgreement") < 1
|
||||
? setTimeout(function () {
|
||||
c.value.open(), s(!0);
|
||||
}, 300)
|
||||
: (u("change"), s(!1));
|
||||
}),
|
||||
function (n, t) {
|
||||
return {
|
||||
a: r.checked,
|
||||
b: e.o(p),
|
||||
c: !r.checked,
|
||||
d: e.o(p),
|
||||
e: e.o(p),
|
||||
f: e.o(d),
|
||||
g: e.o(g),
|
||||
h: e.o(d),
|
||||
i: e.o(g),
|
||||
j: l.value,
|
||||
k: !l.value,
|
||||
l: e.o(v),
|
||||
m: e.o(m),
|
||||
n: e.n(l.value ? "canClick" : ""),
|
||||
o: e.o(f),
|
||||
p: e.sr(c, "14559edd-0", { k: "popup" }),
|
||||
q: e.p({ type: "center", "is-mask-click": !1, animation: !0 }),
|
||||
};
|
||||
}
|
||||
);
|
||||
},
|
||||
},
|
||||
i = e._export_sfc(r, [["__scopeId", "data-v-14559edd"]]);
|
||||
wx.createComponent(i);
|
||||
6
components/agreement/index.json
Normal file
6
components/agreement/index.json
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {
|
||||
"uni-popup": "../../uni_modules/uni-popup/components/uni-popup/uni-popup"
|
||||
}
|
||||
}
|
||||
86
components/agreement/index.wxml
Normal file
86
components/agreement/index.wxml
Normal file
@@ -0,0 +1,86 @@
|
||||
<view class="data-v-14559edd">
|
||||
<view class="container data-v-14559edd">
|
||||
<image
|
||||
bindtap="{{b}}"
|
||||
class="data-v-14559edd"
|
||||
hidden="{{!a}}"
|
||||
src="/static/images/icon_checked_1.png"
|
||||
></image>
|
||||
<image
|
||||
bindtap="{{d}}"
|
||||
class="data-v-14559edd"
|
||||
hidden="{{!c}}"
|
||||
src="/static/images/icon_unchecked_1.png"
|
||||
></image>
|
||||
<text class="data-v-14559edd">
|
||||
<text bindtap="{{e}}" class="data-v-14559edd">我已阅读并同意</text>
|
||||
<text bindtap="{{f}}" class="agreement data-v-14559edd"
|
||||
>《用户协议》</text
|
||||
>
|
||||
<text class="data-v-14559edd">和</text>
|
||||
<text bindtap="{{g}}" class="agreement data-v-14559edd"
|
||||
>《用户须知》</text
|
||||
>
|
||||
</text>
|
||||
</view>
|
||||
<uni-popup
|
||||
bind:__l="__l"
|
||||
class="r data-v-14559edd"
|
||||
uI="14559edd-0"
|
||||
uP="{{q}}"
|
||||
uR="popup"
|
||||
uS="{{['d']}}"
|
||||
wx:if="{{q}}"
|
||||
>
|
||||
<view class="popup data-v-14559edd">
|
||||
<view class="popup-title data-v-14559edd">用户须知</view>
|
||||
<view class="popup-content data-v-14559edd">
|
||||
<view class="tip data-v-14559edd">
|
||||
<text class="data-v-14559edd">使用本服务意味着您已阅读并同意</text>
|
||||
<text bindtap="{{h}}" class="agreement data-v-14559edd"
|
||||
>《用户协议》</text
|
||||
>
|
||||
<text class="data-v-14559edd">和</text>
|
||||
<text bindtap="{{i}}" class="agreement data-v-14559edd"
|
||||
>《用户须知》</text
|
||||
>
|
||||
</view>
|
||||
<view bindtap="{{l}}" class="confirm data-v-14559edd">
|
||||
<image
|
||||
class="data-v-14559edd"
|
||||
hidden="{{!j}}"
|
||||
src="/static/images/icon_checked_1.png"
|
||||
></image>
|
||||
<image
|
||||
class="data-v-14559edd"
|
||||
hidden="{{!k}}"
|
||||
src="/static/images/icon_unchecked_1.png"
|
||||
></image>
|
||||
<view class="data-v-14559edd">
|
||||
<text class="data-v-14559edd">我已阅读以上协议并确认是</text>
|
||||
<text class="important data-v-14559edd">车主本人/经过车主授权</text>
|
||||
<text class="data-v-14559edd">同意使用该服务</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="popup-buttons data-v-14559edd">
|
||||
<view
|
||||
bindtap="{{m}}"
|
||||
class="button normal data-v-14559edd"
|
||||
hoverClass="hover-class"
|
||||
hoverStayTime="100"
|
||||
>
|
||||
取消
|
||||
</view>
|
||||
<view
|
||||
bindtap="{{o}}"
|
||||
class="{{['button','data-v-14559edd',n]}}"
|
||||
hoverClass="hover-class"
|
||||
hoverStayTime="100"
|
||||
>
|
||||
确认
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</view>
|
||||
86
components/agreement/index.wxss
Normal file
86
components/agreement/index.wxss
Normal file
@@ -0,0 +1,86 @@
|
||||
.container.data-v-14559edd {
|
||||
align-items: center;
|
||||
color: #9a9a9a;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-size: 26rpx;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.container image.data-v-14559edd {
|
||||
height: 44rpx;
|
||||
margin-right: 10rpx;
|
||||
width: 44rpx;
|
||||
}
|
||||
.agreement.data-v-14559edd {
|
||||
color: #1f68e9;
|
||||
}
|
||||
.popup.data-v-14559edd {
|
||||
background-color: #fff;
|
||||
border-radius: 20rpx;
|
||||
margin-bottom: 15vh;
|
||||
overflow: hidden;
|
||||
width: 625rpx;
|
||||
}
|
||||
.popup .popup-title.data-v-14559edd {
|
||||
color: #333;
|
||||
font-size: 32rpx;
|
||||
font-weight: 700;
|
||||
margin: 50rpx 0 40rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.popup .popup-content.data-v-14559edd {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
padding: 0 60rpx;
|
||||
}
|
||||
.popup .popup-content .tip.data-v-14559edd {
|
||||
color: #333;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
.popup .popup-content .confirm.data-v-14559edd {
|
||||
align-items: center;
|
||||
color: #8a8a8a;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-size: 28rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.popup .popup-content .confirm image.data-v-14559edd {
|
||||
flex-shrink: 0;
|
||||
height: 40rpx;
|
||||
margin-right: 10rpx;
|
||||
width: 40rpx;
|
||||
}
|
||||
.popup .popup-content .important.data-v-14559edd {
|
||||
color: #ff8453;
|
||||
}
|
||||
.popup .popup-buttons.data-v-14559edd {
|
||||
align-items: center;
|
||||
border-top: 2rpx solid #f2f2f2;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
margin-top: 40rpx;
|
||||
}
|
||||
.popup .popup-buttons .button.data-v-14559edd {
|
||||
flex-grow: 1;
|
||||
font-size: 32rpx;
|
||||
font-weight: 700;
|
||||
padding: 30rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.popup .popup-buttons .button.normal.data-v-14559edd {
|
||||
color: #333;
|
||||
}
|
||||
.popup .popup-buttons .button.canClick.data-v-14559edd {
|
||||
color: #1f68e9;
|
||||
}
|
||||
.popup .popup-buttons .button.data-v-14559edd:nth-child(1) {
|
||||
border-right: 2rpx solid #f2f2f2;
|
||||
color: #333;
|
||||
}
|
||||
.hover-class.data-v-14559edd {
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
Reference in New Issue
Block a user