no message
This commit is contained in:
106
pages/user/index.js
Normal file
106
pages/user/index.js
Normal file
@@ -0,0 +1,106 @@
|
||||
var e = require("../../common/vendor.js"),
|
||||
n = require("../../hooks/onMounted.js"),
|
||||
r = require("../../hooks/onShow.js"),
|
||||
u = require("../../hooks/onShareAppMessage.js"),
|
||||
i = require("../../hooks/useState.js"),
|
||||
t = require("../../hooks/useHeight.js"),
|
||||
o = require("../../constant/index.js"),
|
||||
a = require("../../utils/navigate.js"),
|
||||
s = require("../../config/index.js");
|
||||
require("../../service/index.js"),
|
||||
require("../../utils/request.js"),
|
||||
require("../../utils/util.js"),
|
||||
require("../../enums/index.js"),
|
||||
require("../../store/app/index.js"),
|
||||
require("../../data/index.js");
|
||||
var c = {
|
||||
__name: "index",
|
||||
setup: function (c) {
|
||||
var f = i.useState(),
|
||||
l = f.userId,
|
||||
d = f.nickName,
|
||||
g = f.avatar,
|
||||
v = f.token,
|
||||
p = t.useHeight().navigationBarHeight,
|
||||
q = e.ref(!0),
|
||||
x = e.ref(!1),
|
||||
h = function () {},
|
||||
j = function (e) {
|
||||
a.navigateTo({
|
||||
url: "/pages/order-list-mine/index",
|
||||
params: { tabIndex: e },
|
||||
});
|
||||
},
|
||||
m = function () {
|
||||
a.navigateTo({
|
||||
url: "/pages/web-view/index",
|
||||
params: { url: o.concealAgreementUrl, title: "隐私协议" },
|
||||
});
|
||||
},
|
||||
k = function () {
|
||||
a.navigateTo({
|
||||
url: "/pages/web-view/index",
|
||||
params: { url: o.userAgreementUrl, title: "用户协议" },
|
||||
});
|
||||
},
|
||||
w = function () {
|
||||
a.navigateTo({ url: "/pages/question/index" });
|
||||
},
|
||||
_ = function (e) {
|
||||
e.detail.path && a.switchTab({ url: e.detail.path });
|
||||
},
|
||||
S = function () {
|
||||
a.navigateTo({ url: "/pages/easter-egg/index" });
|
||||
};
|
||||
return (
|
||||
n.onMounted(function () {
|
||||
q.value = !1;
|
||||
var n = e.index.getAccountInfoSync().miniProgram.envVersion;
|
||||
("develop" !== n && "trial" !== n) || (x.value = !0);
|
||||
}, !1),
|
||||
r.onShow(),
|
||||
u.onShareAppMessage(),
|
||||
function (n, r) {
|
||||
return e.e(
|
||||
{ a: !q.value },
|
||||
q.value
|
||||
? {}
|
||||
: e.e(
|
||||
{ b: e.unref(g), c: e.t(e.unref(d)), d: e.unref(v) },
|
||||
e.unref(v) ? { e: e.t(e.unref(l)) } : {},
|
||||
{ f: !e.unref(v) },
|
||||
(e.unref(v), {}),
|
||||
{
|
||||
g: e.o(h),
|
||||
h: "".concat(e.unref(p) + 10, "px"),
|
||||
i: e.o(function (e) {
|
||||
return j(0);
|
||||
}),
|
||||
j: e.o(function (e) {
|
||||
return j(1);
|
||||
}),
|
||||
k: e.o(function (e) {
|
||||
return j(2);
|
||||
}),
|
||||
l: e.o(function (e) {
|
||||
return j(3);
|
||||
}),
|
||||
m: e.o(function (e) {
|
||||
return j(4);
|
||||
}),
|
||||
n: e.o(m),
|
||||
o: e.o(k),
|
||||
p: e.o(w),
|
||||
q: e.unref(s.appName),
|
||||
r: e.o(_),
|
||||
s: x.value,
|
||||
},
|
||||
x.value ? { t: e.o(S) } : {}
|
||||
)
|
||||
);
|
||||
}
|
||||
);
|
||||
},
|
||||
},
|
||||
f = e._export_sfc(c, [["__scopeId", "data-v-d3798410"]]);
|
||||
(c.__runtimeHooks = 2), wx.createPage(f);
|
||||
6
pages/user/index.json
Normal file
6
pages/user/index.json
Normal file
@@ -0,0 +1,6 @@
|
||||
{
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTextStyle": "white",
|
||||
"navigationBarTitleText": "我的",
|
||||
"usingComponents": {}
|
||||
}
|
||||
199
pages/user/index.wxml
Normal file
199
pages/user/index.wxml
Normal file
@@ -0,0 +1,199 @@
|
||||
<view class="content data-v-d3798410" wx:if="{{a}}">
|
||||
<view class="background data-v-d3798410">
|
||||
<view class="background-inner data-v-d3798410"></view>
|
||||
<view
|
||||
bindtap="{{g}}"
|
||||
class="user-info data-v-d3798410"
|
||||
style="{{'padding-top:'+h}}"
|
||||
>
|
||||
<view class="left-content data-v-d3798410">
|
||||
<image class="data-v-d3798410" src="{{b}}"></image>
|
||||
</view>
|
||||
<view class="right-content data-v-d3798410">
|
||||
<view class="name data-v-d3798410">
|
||||
<text class="data-v-d3798410">{{c}}</text>
|
||||
</view>
|
||||
<view class="id data-v-d3798410" wx:if="{{d}}">
|
||||
<text class="data-v-d3798410">用户ID：{{e}}</text>
|
||||
</view>
|
||||
<view class="login data-v-d3798410" wx:if="{{f}}">
|
||||
<text class="data-v-d3798410">点击登录</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="order data-v-d3798410">
|
||||
<view
|
||||
bindtap="{{i}}"
|
||||
class="order-item data-v-d3798410"
|
||||
hoverClass="default-hover-class"
|
||||
hoverStayTime="100"
|
||||
>
|
||||
<image
|
||||
class="data-v-d3798410"
|
||||
src="/static/svgs/icon_order_1.svg"
|
||||
></image>
|
||||
<text class="data-v-d3798410">全部订单</text>
|
||||
</view>
|
||||
<view
|
||||
bindtap="{{j}}"
|
||||
class="order-item data-v-d3798410"
|
||||
hoverClass="default-hover-class"
|
||||
hoverStayTime="100"
|
||||
>
|
||||
<image
|
||||
class="data-v-d3798410"
|
||||
src="/static/svgs/icon_order_2.svg"
|
||||
></image>
|
||||
<text class="data-v-d3798410">待付款</text>
|
||||
</view>
|
||||
<view
|
||||
bindtap="{{k}}"
|
||||
class="order-item data-v-d3798410"
|
||||
hoverClass="default-hover-class"
|
||||
hoverStayTime="100"
|
||||
>
|
||||
<image
|
||||
class="data-v-d3798410"
|
||||
src="/static/svgs/icon_order_3.svg"
|
||||
></image>
|
||||
<text class="data-v-d3798410">待上传</text>
|
||||
</view>
|
||||
<view
|
||||
bindtap="{{l}}"
|
||||
class="order-item data-v-d3798410"
|
||||
hoverClass="default-hover-class"
|
||||
hoverStayTime="100"
|
||||
>
|
||||
<image
|
||||
class="data-v-d3798410"
|
||||
src="/static/svgs/icon_order_4.svg"
|
||||
></image>
|
||||
<text class="data-v-d3798410">查询中</text>
|
||||
</view>
|
||||
<view
|
||||
bindtap="{{m}}"
|
||||
class="order-item data-v-d3798410"
|
||||
hoverClass="default-hover-class"
|
||||
hoverStayTime="100"
|
||||
>
|
||||
<image
|
||||
class="data-v-d3798410"
|
||||
src="/static/svgs/icon_order_5.svg"
|
||||
></image>
|
||||
<text class="data-v-d3798410">查询成功</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="cell-content data-v-d3798410">
|
||||
<button
|
||||
bindtap="{{n}}"
|
||||
class="cell data-v-d3798410"
|
||||
hoverClass="default-hover-class"
|
||||
hoverStayTime="100"
|
||||
>
|
||||
<image
|
||||
class="icon data-v-d3798410"
|
||||
src="/static/svgs/icon_conceal_agreement.svg"
|
||||
></image>
|
||||
<text class="data-v-d3798410">隐私协议</text>
|
||||
<image
|
||||
class="more data-v-d3798410"
|
||||
src="/static/svgs/icon_right.svg"
|
||||
></image>
|
||||
</button>
|
||||
<button
|
||||
bindtap="{{o}}"
|
||||
class="cell data-v-d3798410"
|
||||
hoverClass="default-hover-class"
|
||||
hoverStayTime="100"
|
||||
>
|
||||
<image
|
||||
class="icon data-v-d3798410"
|
||||
src="/static/svgs/icon_user_agreement.svg"
|
||||
></image>
|
||||
<text class="data-v-d3798410">用户协议</text>
|
||||
<image
|
||||
class="more data-v-d3798410"
|
||||
src="/static/svgs/icon_right.svg"
|
||||
></image>
|
||||
</button>
|
||||
<button
|
||||
class="cell data-v-d3798410"
|
||||
hoverClass="default-hover-class"
|
||||
hoverStayTime="100"
|
||||
openType="share"
|
||||
>
|
||||
<image
|
||||
class="icon data-v-d3798410"
|
||||
src="/static/svgs/icon_share.svg"
|
||||
></image>
|
||||
<text class="data-v-d3798410">推荐给好友</text>
|
||||
<image
|
||||
class="more data-v-d3798410"
|
||||
src="/static/svgs/icon_right.svg"
|
||||
></image>
|
||||
</button>
|
||||
<button
|
||||
bindtap="{{p}}"
|
||||
class="cell data-v-d3798410"
|
||||
hoverClass="default-hover-class"
|
||||
hoverStayTime="100"
|
||||
>
|
||||
<image
|
||||
class="icon data-v-d3798410"
|
||||
src="/static/svgs/icon_question.svg"
|
||||
></image>
|
||||
<text class="data-v-d3798410">常见问题</text>
|
||||
<image
|
||||
class="more data-v-d3798410"
|
||||
src="/static/svgs/icon_right.svg"
|
||||
></image>
|
||||
</button>
|
||||
<button
|
||||
class="cell data-v-d3798410"
|
||||
hoverClass="default-hover-class"
|
||||
hoverStayTime="100"
|
||||
openType="feedback"
|
||||
>
|
||||
<image
|
||||
class="icon data-v-d3798410"
|
||||
src="/static/svgs/icon_feedback.svg"
|
||||
></image>
|
||||
<text class="data-v-d3798410">意见反馈</text>
|
||||
<image
|
||||
class="more data-v-d3798410"
|
||||
src="/static/svgs/icon_right.svg"
|
||||
></image>
|
||||
</button>
|
||||
<button
|
||||
showMessageCard
|
||||
bindcontact="{{r}}"
|
||||
class="cell data-v-d3798410"
|
||||
hoverClass="default-hover-class"
|
||||
hoverStayTime="100"
|
||||
openType="contact"
|
||||
sendMessageImg="/static/images/pic_share_mp.png"
|
||||
sendMessagePath="/pages/splash/index"
|
||||
sendMessageTitle="{{q}}"
|
||||
>
|
||||
<image
|
||||
class="icon data-v-d3798410"
|
||||
src="/static/svgs/icon_contact.svg"
|
||||
></image>
|
||||
<text class="data-v-d3798410">联系客服</text>
|
||||
<image
|
||||
class="more data-v-d3798410"
|
||||
src="/static/svgs/icon_right.svg"
|
||||
></image>
|
||||
</button>
|
||||
</view>
|
||||
<view class="tips data-v-d3798410"> 客服工作时间为9:00～18:00 </view>
|
||||
<image
|
||||
catchtap="{{t}}"
|
||||
class="easter-egg data-v-d3798410"
|
||||
hoverClass="default-hover-class"
|
||||
hoverStayTime="100"
|
||||
src="/static/svgs/icon_easter_egg.svg"
|
||||
wx:if="{{s}}"
|
||||
></image>
|
||||
</view>
|
||||
195
pages/user/index.wxss
Normal file
195
pages/user/index.wxss
Normal file
@@ -0,0 +1,195 @@
|
||||
page {
|
||||
background-color: #fff;
|
||||
}
|
||||
.content.data-v-d3798410 {
|
||||
position: relative;
|
||||
}
|
||||
.content .background.data-v-d3798410 {
|
||||
height: 500rpx;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
z-index: 9;
|
||||
}
|
||||
.content .background .background-inner.data-v-d3798410 {
|
||||
background: linear-gradient(to right top, #1f68e9, #2c74ef);
|
||||
border-radius: 0 0 50% 50%;
|
||||
content: "";
|
||||
height: 500rpx;
|
||||
left: -20%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 140%;
|
||||
z-index: -1;
|
||||
}
|
||||
.content .background .user-info.data-v-d3798410 {
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
padding: 40rpx;
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
}
|
||||
.content .background .user-info .left-content.data-v-d3798410 {
|
||||
border: 2rpx solid #fff;
|
||||
border-radius: 100%;
|
||||
height: 125rpx;
|
||||
overflow: hidden;
|
||||
width: 125rpx;
|
||||
}
|
||||
.content .background .user-info .left-content image.data-v-d3798410 {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.content .background .user-info .right-content.data-v-d3798410 {
|
||||
color: #fff;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-grow: 1;
|
||||
justify-content: center;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
.content .background .user-info .right-content .name.data-v-d3798410 {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-size: 38rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
.content .background .user-info .right-content .name image.data-v-d3798410 {
|
||||
height: 20rpx;
|
||||
margin-left: 10rpx;
|
||||
width: 20rpx;
|
||||
}
|
||||
.content .background .user-info .right-content .id.data-v-d3798410 {
|
||||
color: hsla(0, 0%, 100%, 0.847);
|
||||
font-size: 28rpx;
|
||||
margin-top: 16rpx;
|
||||
}
|
||||
.content .background .user-info .right-content .login.data-v-d3798410 {
|
||||
color: #fff;
|
||||
font-size: 38rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
.content .order.data-v-d3798410 {
|
||||
align-self: center;
|
||||
background-color: #fff;
|
||||
border-radius: 12rpx;
|
||||
box-shadow: 0 2rpx 20rpx rgba(0, 0, 0, 0.1);
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: -120rpx 50rpx 20rpx;
|
||||
padding: 30rpx 20rpx 20rpx;
|
||||
position: relative;
|
||||
z-index: 99;
|
||||
}
|
||||
.content .order .order-item.data-v-d3798410 {
|
||||
align-items: center;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
width: 150rpx;
|
||||
}
|
||||
.content .order .order-item image.data-v-d3798410 {
|
||||
height: 50rpx;
|
||||
width: 50rpx;
|
||||
}
|
||||
.content .order .order-item text.data-v-d3798410 {
|
||||
color: #444;
|
||||
font-size: 28rpx;
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
.content .cell-content.data-v-d3798410 {
|
||||
background-color: #fff;
|
||||
padding: 0 20rpx;
|
||||
}
|
||||
.content .cell-content .cell.data-v-d3798410 {
|
||||
align-items: center;
|
||||
background-color: #fff;
|
||||
border: 0;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin: 0;
|
||||
padding: 18rpx 40rpx;
|
||||
}
|
||||
.content .cell-content .cell .icon.data-v-d3798410 {
|
||||
flex-shrink: 0;
|
||||
height: 44rpx;
|
||||
width: 44rpx;
|
||||
}
|
||||
.content .cell-content .cell text.data-v-d3798410 {
|
||||
color: #333;
|
||||
display: block;
|
||||
flex-grow: 1;
|
||||
font-size: 30rpx;
|
||||
margin-left: 30rpx;
|
||||
text-align: left;
|
||||
}
|
||||
.content .cell-content .cell .more.data-v-d3798410 {
|
||||
flex-shrink: 0;
|
||||
height: 22rpx;
|
||||
width: 12rpx;
|
||||
}
|
||||
.content .cell-content .divider.data-v-d3798410 {
|
||||
background-color: #f4f4f4;
|
||||
height: 1rpx;
|
||||
margin: 8rpx 0;
|
||||
width: 100%;
|
||||
}
|
||||
.content .tips.data-v-d3798410 {
|
||||
color: gray;
|
||||
font-size: 24rpx;
|
||||
padding: 20rpx 0 40rpx;
|
||||
text-align: center;
|
||||
}
|
||||
.content .easter-egg.data-v-d3798410 {
|
||||
animation: shake-d3798410 1s linear 0.15s infinite;
|
||||
bottom: 100rpx;
|
||||
height: 100rpx;
|
||||
position: fixed;
|
||||
right: 50rpx;
|
||||
width: 100rpx;
|
||||
z-index: 88;
|
||||
}
|
||||
.hover-class.data-v-d3798410 {
|
||||
opacity: 0.7;
|
||||
}
|
||||
@-webkit-keyframes shake-d3798410 {
|
||||
10% {
|
||||
transform: rotate(15deg);
|
||||
}
|
||||
20% {
|
||||
transform: rotate(-10deg);
|
||||
}
|
||||
30% {
|
||||
transform: rotate(5deg);
|
||||
}
|
||||
40% {
|
||||
transform: rotate(-5deg);
|
||||
}
|
||||
50%,
|
||||
to {
|
||||
transform: rotate(0);
|
||||
}
|
||||
}
|
||||
@keyframes shake-d3798410 {
|
||||
10% {
|
||||
transform: rotate(15deg);
|
||||
}
|
||||
20% {
|
||||
transform: rotate(-10deg);
|
||||
}
|
||||
30% {
|
||||
transform: rotate(5deg);
|
||||
}
|
||||
40% {
|
||||
transform: rotate(-5deg);
|
||||
}
|
||||
50%,
|
||||
to {
|
||||
transform: rotate(0);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user