订单管理,个人信息.
22
App.vue
|
|
@ -81,4 +81,26 @@
|
|||
.myZt-700w {
|
||||
font-family: 'JiangChengYuanTi-700W', sans-serif;
|
||||
}
|
||||
|
||||
.bg {
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
.column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
</style>
|
||||
21
pages.json
|
|
@ -34,6 +34,27 @@
|
|||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/me/user-info-page",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/me/coupon-page",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/me/order-page",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": ""
|
||||
}
|
||||
}
|
||||
],
|
||||
"globalStyle": {
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
<template>
|
||||
<view class="content" style="background-image: url('/static/bags_bg.png');">
|
||||
<view class="content bg" style="background-image: url('/static/bags_bg.png');">
|
||||
|
||||
<view class="" style="width: 100%; overflow: auto;">
|
||||
|
||||
|
|
@ -215,8 +215,5 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -255,10 +255,10 @@
|
|||
},
|
||||
|
||||
toDetails(id) {
|
||||
// 方式1:使用 uni.navigateTo
|
||||
uni.navigateTo({
|
||||
url: '/pages/home/product-details?id=' + id
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,35 +1,26 @@
|
|||
<template>
|
||||
<view class="content" style="background-image: url('/static/details_bg.png');">
|
||||
<view class="content bg" style="background-image: url('/static/details_bg.png');">
|
||||
|
||||
<view class="" style="width: 40rpx; height: 40rpx; position: fixed; top: 118.06rpx; left: 30.56rpx;"
|
||||
@click="toBack()">
|
||||
<image src="/static/ic_back.png" style="width: 14.58rpx; height: 27.08rpx;" mode=""></image>
|
||||
<view class="back" @click="toBack()">
|
||||
<image src="/static/ic_back.png" mode=""></image>
|
||||
</view>
|
||||
|
||||
|
||||
<view class=""
|
||||
style="width: 550rpx; height: 93.06rpx; margin-top: 225.69rpx; display: flex; align-items: center; justify-content: center; background-image: url('/static/title_bg.png'); background-size: cover; background-repeat: no-repeat; background-position: center;">
|
||||
<text style="font-size: 23.61rpx; color: #6E5B51;">坂本日常 吧唧</text>
|
||||
<view class="title bg" style=" background-image: url('/static/title_bg.png');">
|
||||
<text>坂本日常 吧唧</text>
|
||||
</view>
|
||||
|
||||
<view class=""
|
||||
style="width: 550rpx; display: flex; flex-direction: row; justify-content: space-between; margin-top: 31.94rpx;">
|
||||
<view class="v_fun">
|
||||
<image src="/static/bags.png" mode=""></image>
|
||||
|
||||
<image src="/static/bags.png" style="width: 111.81rpx; height: 81.94rpx;" mode=""></image>
|
||||
|
||||
<image src="/static/details.png" style="width: 111.81rpx; height: 81.94rpx;" @click="openDetailsPop()"
|
||||
mode="">
|
||||
<image src="/static/details.png" @click="openDetailsPop()" mode="">
|
||||
</image>
|
||||
|
||||
<image src="/static/share.png" style="width: 111.81rpx; height: 81.94rpx;" mode=""></image>
|
||||
|
||||
<image src="/static/share.png" mode=""></image>
|
||||
</view>
|
||||
|
||||
|
||||
<!-- ip背景 -->
|
||||
<view class="" style="width: 100%; height: 1118.75rpx; margin-top: 76.39rpx; display: flex; flex-direction: column; background-image: url('/static/goods_bg.png'); background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;">
|
||||
<view class="ipBg bg" style="background-image: url('/static/goods_bg.png');">
|
||||
|
||||
<!-- 轮播图 -->
|
||||
<view class="" style="width: 100%; height: 448.61rpx;margin-top: 54.86rpx;">
|
||||
|
|
@ -37,8 +28,7 @@
|
|||
</view>
|
||||
|
||||
|
||||
<view class=""
|
||||
style="margin: 120rpx auto 0;width: 513.89rpx; height: 51.39rpx; position: relative;display: flex;align-items: center; justify-content: center;">
|
||||
<view class="tip">
|
||||
<image src="/static/ic_prompt.png" style="width: 513.89rpx; height: 51.39rpx; position: absolute;">
|
||||
</image>
|
||||
<text style="position: absolute; font-size: 20.83rpx; color: #8C8574;">运费10元 满100包邮 3-5个工作日发货</text>
|
||||
|
|
@ -46,87 +36,108 @@
|
|||
|
||||
|
||||
<!-- 购买按钮 -->
|
||||
<view class="" @click="openPayPop()"
|
||||
style="margin: 59.03rpx auto 0; position: relative; width: 561.81rpx; height: 161.11rpx; display: flex; justify-content: center;">
|
||||
<image src="/static/ic_pay.png" style="width: 561.81rpx; height: 161.11rpx; position: absolute;"
|
||||
mode=""></image>
|
||||
|
||||
<view class=""
|
||||
style="width: 150rpx; height: 40rpx; position: absolute; bottom: 38rpx; display: flex; align-items: center; justify-content: center;">
|
||||
<text style="font-size: 27.78rpx; color: #FFFFFF;">¥20</text>
|
||||
<view class="pay" @click="openPayPop()">
|
||||
<image src="/static/ic_pay.png" mode=""></image>
|
||||
<view class="price">
|
||||
<text>¥20</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<image src="/static/ic_join.png" style="width: 561.81rpx; height: 122.92rpx; margin: 0 auto 0;" mode="">
|
||||
</image>
|
||||
<image class="join" src="/static/ic_join.png" mode=""></image>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- 详情弹窗 -->
|
||||
<uni-popup ref="detailsPop" type="bottom" :safe-area='false'>
|
||||
<view class="" style="width: 100%; height: 819.44rpx; display: flex; flex-direction: column; align-items: center; background-image: url('/static/specifics_bg.png'); background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;">
|
||||
<view class=""
|
||||
style="width: 688.88rpx; display: flex; flex-direction: row; justify-content: space-between; margin-top: 36.11rpx; align-items: center;">
|
||||
<view class="detailsPop bg" style="background-image: url('/static/specifics_bg.png');">
|
||||
<view class="popTitle">
|
||||
<view style="width: 30rpx;"></view>
|
||||
<text style="font-size: 31.25rpx; color: #695C4E;">商品详情</text>
|
||||
<view class=""
|
||||
style="width: 30rpx; height: 30rpx; display: flex; align-items: center; justify-content: center;"
|
||||
@click="closeDetailsPop()">
|
||||
<image src="/static/ic_close.png" style="width: 19.44rpx; height: 19.44rpx;" mode=""></image>
|
||||
<view class="popClose" style="" @click="closeDetailsPop()">
|
||||
<image src="/static/ic_close.png" style="" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<image src=""
|
||||
style="width: 447.92rpx; height: 447.92rpx; background-color: white; margin-top: 85.42rpx;" mode="">
|
||||
<image class="detailsImg" src="" mode="">
|
||||
</image>
|
||||
|
||||
<text
|
||||
style="font-size: 25rpx; color: #695C4E; width: 100%; margin-left: 38.19rpx; margin-top: 81.94rpx;">品牌:</text>
|
||||
<text
|
||||
style="font-size: 25rpx; color: #695C4E; width: 100%; margin-left: 38.19rpx; margin-top: 19.44rpx;">尺寸:直径约56mm</text>
|
||||
<text class="detailsBrand">品牌:</text>
|
||||
<text class="detailsSize">尺寸:直径约56mm</text>
|
||||
</view>
|
||||
</uni-popup>
|
||||
|
||||
|
||||
|
||||
<!-- 购买弹窗 -->
|
||||
<uni-popup ref="payPop" type="bottom" :safe-area='false'>
|
||||
<view class="payPop bg" style=" background-image: url('/static/pay_pop_bg.png');">
|
||||
|
||||
<view class="" style="width: 100%; height: 1002.78rpx; display: flex; flex-direction: column; align-items: center; background-image: url('/static/pay_pop_bg.png'); background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;">
|
||||
|
||||
<view class=""
|
||||
style="width: 688.88rpx; display: flex; flex-direction: row; justify-content: space-between; margin-top: 36.11rpx; align-items: center;">
|
||||
<view class="popTitle">
|
||||
<view style="width: 30rpx;"></view>
|
||||
<text style="font-size: 22.22rpx; color: #8C8574;">本商品不可退换 未成年人请谨慎购买</text>
|
||||
<view class=""
|
||||
style="width: 30rpx; height: 30rpx; display: flex; align-items: center; justify-content: center;"
|
||||
@click="closePayPop()()">
|
||||
<image src="/static/ic_close.png" style="width: 19.44rpx; height: 19.44rpx;" mode=""></image>
|
||||
<view class="popClose" @click="closePayPop()()">
|
||||
<image src="/static/ic_close.png" mode=""></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class=""
|
||||
style="width: 690.28rpx; height: 62.5rpx; background-color: #FFFFFF; border-radius: 16rpx; margin-top: 22.92rpx; display: flex; align-items: center; position: relative;">
|
||||
|
||||
<image src="/static/ic_address.png"
|
||||
style="width: 19.44rpx; height: 22.92rpx; position: absolute; left: 19.44rpx;" mode=""></image>
|
||||
<!-- 地址 -->
|
||||
<view class="payPopAddress">
|
||||
|
||||
<image class="image1" src="/static/ic_address.png" mode=""></image>
|
||||
|
||||
<text style="font-size: 22.22rpx; color: #6E5B51; left: 52.08rpx; position: absolute;">某某
|
||||
河南省河南省河南省河南省</text>
|
||||
<text>某某 河南省河南省河南省河南省</text>
|
||||
|
||||
<image src="/static/ic_right_arrow.png"
|
||||
style="width: 13.19rpx; height: 22.92rpx; position: absolute; right: 26.39rpx;" mode=""></image>
|
||||
<image class="image2" src="/static/ic_right_arrow.png" mode=""></image>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- 商品信息 -->
|
||||
<view class="payPopInfo">
|
||||
|
||||
<image class="goodsImg" src="" mode=""></image>
|
||||
|
||||
<text class="goodsTitle">坂本日常 吧唧</text>
|
||||
|
||||
<text class="goodsName">坂本</text>
|
||||
|
||||
|
||||
<view class="goodsPrice">
|
||||
<text class="text1">¥20</text>
|
||||
<text class="text2">库存紧张</text>
|
||||
</view>
|
||||
|
||||
<!-- 加减数量 -->
|
||||
<view class="addSub">
|
||||
<image src="/static/ic_minus.png" @click="decrease(index)"
|
||||
style="width: 28.47rpx; height: 28.47rpx;" mode=""></image>
|
||||
<text
|
||||
style="width: 70.83rpx; font-size: 29.17rpx; color: #6E5B51; text-align: center;">{{goodsNum}}</text>
|
||||
<image src="/static/ic_add.png" @click="increase(index)"
|
||||
style="width: 28.47rpx; height: 28.47rpx;" mode=""></image>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
<!-- 支付方式 -->
|
||||
|
||||
<view class="payPopPayment">
|
||||
<text style="margin-left: 20.14rpx;">支付方式</text>
|
||||
<text style="margin-right: 20.14rpx;">微信支付</text>
|
||||
</view>
|
||||
|
||||
<!-- 消费说明 -->
|
||||
<view class="payExplain">
|
||||
|
||||
</view>
|
||||
|
||||
<view class="payAgreement">
|
||||
<image src="/static/ic_check.png" style="width: 23.61rpx; height: 23.61rpx;" mode=""></image>
|
||||
<text style="color: #8C8574; margin-left: 10rpx;">同意 <text style="color: #FCAD6F;"> 《用户协议》</text>
|
||||
</text>
|
||||
</view>
|
||||
<image class="conPay" src="/static/confirm_pay.png" mode=""></image>
|
||||
</view>
|
||||
|
||||
</uni-popup>
|
||||
|
||||
|
||||
|
|
@ -144,6 +155,7 @@
|
|||
},
|
||||
data() {
|
||||
return {
|
||||
goodsNum: 1,
|
||||
bannerList: [{
|
||||
picture: 'https://contentcms-bj.cdn.bcebos.com/cmspic/ab7e4834ebc54a128e243bdfd51444da.jpeg?x-bce-process=image/crop,x_0,y_0,w_619,h_337',
|
||||
path: ''
|
||||
|
|
@ -187,7 +199,21 @@
|
|||
},
|
||||
closePayPop() {
|
||||
this.$refs.payPop.close()
|
||||
}
|
||||
},
|
||||
|
||||
// 增加数量
|
||||
increase(index) {
|
||||
this.goodsNum++;
|
||||
},
|
||||
|
||||
// 减少数量
|
||||
decrease(index) {
|
||||
if (this.goodsNum > 1) {
|
||||
this.goodsNum--;
|
||||
}
|
||||
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
|
@ -199,8 +225,304 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
|
||||
.back {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
position: fixed;
|
||||
top: 118.06rpx;
|
||||
left: 30.56rpx;
|
||||
|
||||
image {
|
||||
width: 14.58rpx;
|
||||
height: 27.08rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 550rpx;
|
||||
height: 93.06rpx;
|
||||
margin-top: 225.69rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
text {
|
||||
font-size: 23.61rpx;
|
||||
color: #6E5B51;
|
||||
}
|
||||
}
|
||||
|
||||
.v_fun {
|
||||
width: 550rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-top: 31.94rpx;
|
||||
|
||||
image {
|
||||
width: 111.81rpx;
|
||||
height: 81.94rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.ipBg {
|
||||
width: 100%;
|
||||
height: 1118.75rpx;
|
||||
margin-top: 76.39rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.tip {
|
||||
margin: 120rpx auto 0;
|
||||
width: 513.89rpx;
|
||||
height: 51.39rpx;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.pay {
|
||||
margin: 59.03rpx auto 0;
|
||||
position: relative;
|
||||
width: 561.81rpx;
|
||||
height: 161.11rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
|
||||
image {
|
||||
width: 561.81rpx;
|
||||
height: 161.11rpx;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.price {
|
||||
width: 150rpx;
|
||||
height: 40rpx;
|
||||
position: absolute;
|
||||
bottom: 38rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
text {
|
||||
font-size: 27.78rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.join {
|
||||
width: 561.81rpx;
|
||||
height: 122.92rpx;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
|
||||
.popTitle {
|
||||
width: 688.88rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-top: 36.11rpx;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.detailsPop {
|
||||
width: 100%;
|
||||
height: 819.44rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
|
||||
|
||||
.detailsImg {
|
||||
width: 447.92rpx;
|
||||
height: 447.92rpx;
|
||||
background-color: white;
|
||||
margin-top: 85.42rpx;
|
||||
}
|
||||
|
||||
.detailsBrand {
|
||||
font-size: 25rpx;
|
||||
color: #695C4E;
|
||||
width: 100%;
|
||||
margin-left: 38.19rpx;
|
||||
margin-top: 81.94rpx;
|
||||
}
|
||||
|
||||
.detailsSize {
|
||||
font-size: 25rpx;
|
||||
color: #695C4E;
|
||||
width: 100%;
|
||||
margin-left: 38.19rpx;
|
||||
margin-top: 19.44rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.popClose {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
image {
|
||||
width: 19.44rpx;
|
||||
height: 19.44rpx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
.payPop {
|
||||
width: 100%;
|
||||
height: 1002.78rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
.payPopAddress {
|
||||
width: 690.28rpx;
|
||||
height: 62.5rpx;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
margin-top: 22.92rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
|
||||
|
||||
.image1 {
|
||||
width: 19.44rpx;
|
||||
height: 22.92rpx;
|
||||
position: absolute;
|
||||
left: 19.44rpx;
|
||||
}
|
||||
|
||||
text {
|
||||
font-size: 22.22rpx;
|
||||
color: #6E5B51;
|
||||
left: 52.08rpx;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.image2 {
|
||||
width: 13.19rpx;
|
||||
height: 22.92rpx;
|
||||
position: absolute;
|
||||
right: 26.39rpx;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.payPopInfo {
|
||||
width: 690.28rpx;
|
||||
height: 161.81rpx;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
margin-top: 22.92rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
|
||||
|
||||
.goodsImg {
|
||||
width: 120.83rpx;
|
||||
height: 120.83rpx;
|
||||
background-color: #AAAAAA;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 20.14rpx;
|
||||
}
|
||||
|
||||
.goodsTitle {
|
||||
font-size: 23.61rpx;
|
||||
color: #6E5B51;
|
||||
position: absolute;
|
||||
left: 163.19rpx;
|
||||
top: 28.47rpx;
|
||||
}
|
||||
|
||||
.goodsName {
|
||||
font-size: 19.44rpx;
|
||||
color: #8C8574;
|
||||
position: absolute;
|
||||
left: 163.19rpx;
|
||||
top: 64.58rpx;
|
||||
}
|
||||
|
||||
.goodsPrice {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
position: absolute;
|
||||
left: 160.58rpx;
|
||||
bottom: 22.22rpx;
|
||||
|
||||
.text1 {
|
||||
font-size: 29.17rpx;
|
||||
color: #6E5B51;
|
||||
}
|
||||
|
||||
.text2 {
|
||||
font-size: 19.44rpx;
|
||||
color: #8C8574;
|
||||
margin-left: 10rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.addSub {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
position: absolute;
|
||||
bottom: 23.61rpx;
|
||||
right: 23.61rpx;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.payPopPayment {
|
||||
width: 690.28rpx;
|
||||
height: 62.5rpx;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 15.28rpx;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
font-size: 22.22rpx;
|
||||
color: #8C8574;
|
||||
}
|
||||
|
||||
.payExplain {
|
||||
width: 689.58rpx;
|
||||
height: 204.17rpx;
|
||||
background-color: #FFFFFF;
|
||||
margin-top: 15.28rpx;
|
||||
}
|
||||
|
||||
.payAgreement {
|
||||
width: 689.58rpx;
|
||||
margin: 15.28rpx auto 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
font-size: 22.22rpx;
|
||||
}
|
||||
|
||||
.conPay {
|
||||
width: 561.81rpx;
|
||||
height: 161.11rpx;
|
||||
margin: 86.11rpx auto 0;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
</style>
|
||||
173
pages/me/coupon-page.vue
Normal file
|
|
@ -0,0 +1,173 @@
|
|||
<template>
|
||||
<view class="content bg" style="background-image: url('/static/bags_bg.png');">
|
||||
|
||||
<view class="title">
|
||||
<view class="back" @click="toBack()">
|
||||
<image src="/static/ic_back.png" mode=""></image>
|
||||
</view>
|
||||
<text>我的优惠券</text>
|
||||
<view class="back"></view>
|
||||
</view>
|
||||
|
||||
|
||||
<view class="list" style="">
|
||||
<view class="item" v-for="(item,index) in dataList" style="">
|
||||
|
||||
<image class="item-img" src="" mode=""></image>
|
||||
|
||||
<text class="item-title">{{item.title}}</text>
|
||||
|
||||
<text class="item-time">{{item.time}}</text>
|
||||
|
||||
<image class="item-type" :src="item.type==0?'/static/coupon_0.png':'/static/coupon_1.png'" mode="">
|
||||
</image>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
dataList: [{
|
||||
imgUrl: "",
|
||||
title: "满50减50",
|
||||
time: "2025年12月30日到期",
|
||||
type: 0,
|
||||
}, {
|
||||
imgUrl: "",
|
||||
title: "满50减50",
|
||||
time: "2025年12月30日到期",
|
||||
type: 1,
|
||||
}, {
|
||||
imgUrl: "",
|
||||
title: "满50减50",
|
||||
time: "2025年12月30日到期",
|
||||
type: 0,
|
||||
}, {
|
||||
imgUrl: "",
|
||||
title: "满50减50",
|
||||
time: "2025年12月30日到期",
|
||||
type: 0,
|
||||
}, {
|
||||
imgUrl: "",
|
||||
title: "满50减50",
|
||||
time: "2025年12月30日到期",
|
||||
type: 0,
|
||||
},
|
||||
{
|
||||
imgUrl: "",
|
||||
title: "满50减50",
|
||||
time: "2025年12月30日到期",
|
||||
type: 0,
|
||||
},
|
||||
{
|
||||
imgUrl: "",
|
||||
title: "满50减50",
|
||||
time: "2025年12月30日到期",
|
||||
type: 0,
|
||||
},
|
||||
{
|
||||
imgUrl: "",
|
||||
title: "满50减50",
|
||||
time: "2025年12月30日到期",
|
||||
type: 0,
|
||||
}
|
||||
|
||||
]
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toBack() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.content {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 688.88rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-top: 119.44rpx;
|
||||
|
||||
text {
|
||||
font-size: 29.17rpx;
|
||||
color: #6E5B51;
|
||||
}
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
|
||||
image {
|
||||
width: 14.58rpx;
|
||||
height: 27.08rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.list {
|
||||
width: 100%;
|
||||
margin-top: 65rpx;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.item {
|
||||
width: 689.58rpx;
|
||||
height: 180.56rpx;
|
||||
background-color: white;
|
||||
border-radius: 16rpx;
|
||||
margin: 0 auto 15.28rpx;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.item-img {
|
||||
width: 125rpx;
|
||||
height: 125rpx;
|
||||
background-color: #9B9285;
|
||||
border-radius: 16rpx;
|
||||
position: absolute;
|
||||
left: 30.56rpx;
|
||||
}
|
||||
|
||||
.item-title {
|
||||
font-size: 25rpx;
|
||||
color: #876850;
|
||||
position: absolute;
|
||||
left: 185.42rpx;
|
||||
top: 56.25rpx;
|
||||
}
|
||||
|
||||
.item-time {
|
||||
font-size: 19.42rpx;
|
||||
color: #876850;
|
||||
position: absolute;
|
||||
left: 185.42rpx;
|
||||
bottom: 56.25rpx;
|
||||
}
|
||||
|
||||
.item-type {
|
||||
width: 143.75rpx;
|
||||
height: 59.72rpx;
|
||||
position: absolute;
|
||||
right: 26.39rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
|
@ -2,7 +2,8 @@
|
|||
<view class="content" style="background-image: url('/static/bags_bg.png');">
|
||||
|
||||
|
||||
<view class="" style="width: 100%; height: 138.19rpx; margin-top: 195.14rpx; position: relative;">
|
||||
<view class="" @click="toInfo()"
|
||||
style="width: 100%; height: 138.19rpx; margin-top: 195.14rpx; position: relative;">
|
||||
|
||||
<image src=""
|
||||
style="width: 137.5rpx; height: 137.5rpx; background-color: #FFFFFF; border: 2rpx solid #F5D677; border-radius: 50%; margin-left: 29.17rpx; position: absolute;"
|
||||
|
|
@ -22,17 +23,23 @@
|
|||
|
||||
<view class=""
|
||||
style="width: 689.58rpx; height: 161.81rpx; background-color: #FFFFFF; margin: 48.61rpx auto 0; border-radius: 20rpx; display: flex; flex-direction: row; align-items: center; justify-content: space-around;">
|
||||
<view style="width: 0.69rpx; height: 98.61rpx; "></view>
|
||||
|
||||
<image src="/static/ic_coupon.png" style="width: 100.69rpx; height: 98.61rpx;" mode=""></image>
|
||||
<!-- 优惠券 -->
|
||||
<image @click="toCoupon()" src="/static/ic_coupon.png" style="width: 100.69rpx; height: 98.61rpx;" mode="">
|
||||
</image>
|
||||
|
||||
<view style="width: 0.69rpx; height: 98.61rpx; background-color: #6E5B51;"></view>
|
||||
|
||||
<image src="/static/ic_order.png" style="width: 100.69rpx; height: 98.61rpx;" mode=""></image>
|
||||
|
||||
|
||||
<!-- 订单管理 -->
|
||||
<image @click="toOrder()" src="/static/ic_order.png" style="width: 100.69rpx; height: 98.61rpx;" mode="">
|
||||
</image>
|
||||
|
||||
<view style="width: 0.69rpx; height: 98.61rpx; background-color: #6E5B51;"></view>
|
||||
|
||||
<!-- 联系客服 -->
|
||||
<image src="/static/ic_kf.png" style="width: 100.69rpx; height: 98.61rpx;" mode=""></image>
|
||||
|
||||
<view style="width: 0.69rpx; height: 98.61rpx; "></view>
|
||||
|
||||
</view>
|
||||
|
||||
|
|
@ -48,6 +55,26 @@
|
|||
}
|
||||
},
|
||||
methods: {
|
||||
//个人信息
|
||||
toInfo() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/me/user-info-page'
|
||||
});
|
||||
},
|
||||
|
||||
//优惠券
|
||||
toCoupon() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/me/coupon-page'
|
||||
});
|
||||
},
|
||||
|
||||
//订单管理
|
||||
toOrder() {
|
||||
uni.navigateTo({
|
||||
url: '/pages/me/order-page'
|
||||
});
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
|
|
|
|||
152
pages/me/order-page.vue
Normal file
|
|
@ -0,0 +1,152 @@
|
|||
<template>
|
||||
<view class="content bg" style="background-image: url('/static/bags_bg.png');">
|
||||
|
||||
<view class="title">
|
||||
<view class="back" @click="toBack()">
|
||||
<image src="/static/ic_back.png" mode=""></image>
|
||||
</view>
|
||||
<text>订单管理</text>
|
||||
<view class="back"></view>
|
||||
</view>
|
||||
|
||||
<view class="" style="width: 100%; margin-top: 54.86rpx; overflow: auto;">
|
||||
|
||||
<view class="" v-for="(item,index) in dataList"
|
||||
style="width: 689.58rpx; height: 404.86rpx; background-color: white; border-radius: 16rpx; margin: 0 auto 15.28rpx; position: relative;">
|
||||
|
||||
|
||||
<image src=""
|
||||
style="position: absolute; width: 125rpx; height: 125rpx; background-color: #9B9285; border-radius: 16rpx; left: 30.56rpx; top: 59.72rpx;"
|
||||
mode=""></image>
|
||||
|
||||
<text
|
||||
style="font-size: 23.58rpx; color: #FF8B36; position: absolute; top: 30.56rpx; right: 23.61rpx;">待发货</text>
|
||||
|
||||
<text
|
||||
style="font-size: 23.58rpx; color: #6E5B51; position: absolute; left: 171.53rpx; top: 65.97rpx;">{{item.title}}</text>
|
||||
|
||||
<text
|
||||
style="font-size: 19.42rpx; color: #8C8574; position: absolute; left: 173.61rpx; top: 102.8rpx;">{{item.name}}</text>
|
||||
|
||||
<text
|
||||
style="font-size: 29.13rpx; color: #6E5B51; position: absolute; left: 172.92rpx; top: 154.17rpx;">¥{{item.price}}</text>
|
||||
|
||||
|
||||
<text
|
||||
style="font-size: 19.42rpx; color: #8C8574; position: absolute; top: 103.47rpx; right: 25rpx;">x{{item.num}}</text>
|
||||
|
||||
|
||||
<view class="row" style="align-items: center; position: absolute; left: 30.56rpx; top: 227.08rpx;">
|
||||
<image src="/static/ic_address.png" style="width: 19.44rpx; height: 22.92rpx;" mode=""></image>
|
||||
<text style="font-size: 23.58rpx; color: #6E5B51; margin-left: 10rpx;">{{item.address}}</text>
|
||||
</view>
|
||||
|
||||
<text
|
||||
style="font-size: 19.42rpx; color: #8C8574; position: absolute; left: 60.58rpx; top: 263.19rpx;">{{item.phone}}</text>
|
||||
|
||||
|
||||
<view class="row" style="position: absolute; right: 24.31rpx; bottom: 31.94rpx;">
|
||||
<image src="/static/ic_logistics.png" style="width: 143.75rpx; height: 59.72rpx;" mode=""></image>
|
||||
<image src="/static/confirm_receipt.png"
|
||||
style="width: 143.75rpx; height: 59.72rpx; margin-left: 25.69rpx;" mode=""></image>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
|
||||
dataList: [{
|
||||
imgUrl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: 20,
|
||||
num: 1,
|
||||
type: 0,
|
||||
address: "某某小区",
|
||||
phone: "某某 13333333333",
|
||||
isTakeOver: false
|
||||
}, {
|
||||
imgUrl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: 20,
|
||||
num: 1,
|
||||
type: 0,
|
||||
address: "某某小区",
|
||||
phone: "某某 13333333333",
|
||||
isTakeOver: false
|
||||
}, {
|
||||
imgUrl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: 20,
|
||||
num: 1,
|
||||
type: 0,
|
||||
address: "某某小区",
|
||||
phone: "某某 13333333333",
|
||||
isTakeOver: false
|
||||
}, {
|
||||
imgUrl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: 20,
|
||||
num: 1,
|
||||
type: 0,
|
||||
address: "某某小区",
|
||||
phone: "某某 13333333333",
|
||||
isTakeOver: false
|
||||
}, ]
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toBack() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.content {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 688.88rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-top: 119.44rpx;
|
||||
|
||||
text {
|
||||
font-size: 29.17rpx;
|
||||
color: #6E5B51;
|
||||
}
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
|
||||
image {
|
||||
width: 14.58rpx;
|
||||
height: 27.08rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
166
pages/me/user-info-page.vue
Normal file
|
|
@ -0,0 +1,166 @@
|
|||
<template>
|
||||
<view class="content bg" style="background-image: url('/static/bags_bg.png');">
|
||||
|
||||
|
||||
<view class="title">
|
||||
<view class="back" @click="toBack()">
|
||||
<image src="/static/ic_back.png" mode=""></image>
|
||||
</view>
|
||||
|
||||
<text>个人信息</text>
|
||||
|
||||
<view class="back">
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<image class="head" src="" @click="chooseImage()" style="" mode=""></image>
|
||||
<text class="setHead" @click="chooseImage()" style="">修改头像</text>
|
||||
|
||||
<view class="row nickName">
|
||||
<text style="margin-left: 40.28rpx;">昵称</text>
|
||||
<view class="" style="width: 50.58rpx; height: 20rpx; margin-right: 40.28rpx;">
|
||||
<textarea v-model="nickName" fixed="true" />
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view class="row nickName">
|
||||
|
||||
<text style="margin-left: 40.28rpx;">绑定手机号</text>
|
||||
|
||||
<text style="margin-right: 40.28rpx;">13333333333</text>
|
||||
|
||||
</view>
|
||||
<view class="row nickName">
|
||||
|
||||
<text style="margin-left: 40.28rpx;">我的ID</text>
|
||||
|
||||
<text style="margin-right: 40.28rpx;">5666</text>
|
||||
|
||||
</view>
|
||||
|
||||
<image class="save" src="/static/ic_save.png" mode="">
|
||||
</image>
|
||||
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
nickName: "某某"
|
||||
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
toBack() {
|
||||
uni.navigateBack();
|
||||
},
|
||||
|
||||
//修改头像
|
||||
chooseImage() {
|
||||
uni.chooseImage({
|
||||
count: 1, // 默认9,设置图片的最大选择数
|
||||
sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有
|
||||
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有
|
||||
success: (res) => {
|
||||
// 返回选定照片的本地文件路径列表,数组格式
|
||||
this.avatarUrl = res.tempFilePaths[0];
|
||||
// 可以调用上传图片的函数,例如 this.uploadImage(res.tempFilePaths[0]);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
//上传图片
|
||||
uploadImage(filePath) {
|
||||
uni.uploadFile({
|
||||
url: '你的上传接口URL', // 仅为示例,请替换为实际接口地址
|
||||
filePath: filePath,
|
||||
name: 'file', // 必须填,对应服务器接收的参数名
|
||||
formData: {
|
||||
'user': 'test' // HTTP 请求中其他额外的 form data
|
||||
},
|
||||
success: (uploadFileRes) => {
|
||||
console.log('上传成功');
|
||||
// 处理上传成功后的逻辑,例如更新头像URL等
|
||||
},
|
||||
fail: (error) => {
|
||||
console.error('上传失败', error);
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
<style lang="scss">
|
||||
.content {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.title {
|
||||
width: 688.88rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-top: 119.44rpx;
|
||||
|
||||
text {
|
||||
font-size: 29.17rpx;
|
||||
color: #6E5B51;
|
||||
}
|
||||
}
|
||||
|
||||
.back {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
|
||||
image {
|
||||
width: 14.58rpx;
|
||||
height: 27.08rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.head {
|
||||
width: 137.5rpx;
|
||||
height: 137.5rpx;
|
||||
background-color: white;
|
||||
border-radius: 50%;
|
||||
border: 1rpx solid #F5D677;
|
||||
margin-top: 31.94rpx;
|
||||
}
|
||||
|
||||
.setHead {
|
||||
margin-top: 14.58rpx;
|
||||
font-size: 19.42rpx;
|
||||
color: #8C8574;
|
||||
}
|
||||
|
||||
.nickName {
|
||||
width: 689.58rpx;
|
||||
height: 88.19rpx;
|
||||
background-color: white;
|
||||
margin-top: 60.42rpx;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-radius: 16rpx;
|
||||
font-size: 20.45rpx;
|
||||
color: #876850;
|
||||
}
|
||||
|
||||
.save {
|
||||
width: 561.81rpx;
|
||||
height: 122.92rpx;
|
||||
margin-top: 259.03rpx;
|
||||
}
|
||||
</style>
|
||||
BIN
static/confirm_pay.png
Normal file
|
After Width: | Height: | Size: 292 KiB |
BIN
static/confirm_receipt.png
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
static/coupon_0.png
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
static/coupon_1.png
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
static/ic_logistics.png
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
static/ic_save.png
Normal file
|
After Width: | Height: | Size: 72 KiB |
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"app.js","sources":["App.vue","main.js"],"sourcesContent":["<script>\r\n\texport default {\r\n\t\tonLaunch: function() {\r\n\t\t\tconsole.log('App Launch')\r\n\t\t},\r\n\t\tonShow: function() {\r\n\t\t\tconsole.log('App Show')\r\n\t\t},\r\n\t\tonHide: function() {\r\n\t\t\tconsole.log('App Hide')\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\t/*每个页面公共css */\r\n\r\n\r\n\t@font-face {\r\n\t\tfont-family: 'JiangChengYuanTi-300W';\r\n\t\t/* 定义字体家族名称 */\r\n\t\tsrc: url('/static/fonts/JiangChengYuanTi-300W.ttf') format('truetype');\r\n\t\t/* 指定字体文件路径和格式 */\r\n\t\tfont-weight: normal;\r\n\t\tfont-style: normal;\r\n\t}\r\n\r\n\t@font-face {\r\n\t\tfont-family: 'JiangChengYuanTi-400W';\r\n\t\t/* 定义字体家族名称 */\r\n\t\tsrc: url('/static/fonts/JiangChengYuanTi-300W.ttf') format('truetype');\r\n\t\t/* 指定字体文件路径和格式 */\r\n\t\tfont-weight: normal;\r\n\t\tfont-style: normal;\r\n\t}\r\n\r\n\t@font-face {\r\n\t\tfont-family: 'JiangChengYuanTi-500W';\r\n\t\t/* 定义字体家族名称 */\r\n\t\tsrc: url('/static/fonts/JiangChengYuanTi-300W.ttf') format('truetype');\r\n\t\t/* 指定字体文件路径和格式 */\r\n\t\tfont-weight: normal;\r\n\t\tfont-style: normal;\r\n\t}\r\n\r\n\t@font-face {\r\n\t\tfont-family: 'JiangChengYuanTi-600W';\r\n\t\t/* 定义字体家族名称 */\r\n\t\tsrc: url('/static/fonts/JiangChengYuanTi-300W.ttf') format('truetype');\r\n\t\t/* 指定字体文件路径和格式 */\r\n\t\tfont-weight: normal;\r\n\t\tfont-style: normal;\r\n\t}\r\n\r\n\t@font-face {\r\n\t\tfont-family: 'JiangChengYuanTi-700W';\r\n\t\t/* 定义字体家族名称 */\r\n\t\tsrc: url('/static/fonts/JiangChengYuanTi-300W.ttf') format('truetype');\r\n\t\t/* 指定字体文件路径和格式 */\r\n\t\tfont-weight: normal;\r\n\t\tfont-style: normal;\r\n\t}\r\n\r\n\r\n\t.myZt-300w {\r\n\t\tfont-family: 'JiangChengYuanTi-300W', sans-serif;\r\n\t}\r\n\r\n\t.myZt-400w {\r\n\t\tfont-family: 'JiangChengYuanTi-400W', sans-serif;\r\n\t}\r\n\r\n\t.myZt-500w {\r\n\t\tfont-family: 'JiangChengYuanTi-500W', sans-serif;\r\n\t}\r\n\r\n\t.myZt-600w {\r\n\t\tfont-family: 'JiangChengYuanTi-600W', sans-serif;\r\n\t}\r\n\r\n\t.myZt-700w {\r\n\t\tfont-family: 'JiangChengYuanTi-700W', sans-serif;\r\n\t}\r\n</style>","import App from './App'\n\n// #ifndef VUE3\nimport Vue from 'vue'\nimport './uni.promisify.adaptor'\nVue.config.productionTip = false\nApp.mpType = 'app'\nconst app = new Vue({\n ...App\n})\napp.$mount()\n// #endif\n\n// #ifdef VUE3\nimport { createSSRApp } from 'vue'\nexport function createApp() {\n const app = createSSRApp(App)\n return {\n app\n }\n}\n// #endif"],"names":["uni","createSSRApp","App"],"mappings":";;;;;;;;;;AACC,MAAK,YAAU;AAAA,EACd,UAAU,WAAW;AACpBA,kBAAAA,MAAA,MAAA,OAAA,gBAAY,YAAY;AAAA,EACxB;AAAA,EACD,QAAQ,WAAW;AAClBA,kBAAAA,MAAY,MAAA,OAAA,gBAAA,UAAU;AAAA,EACtB;AAAA,EACD,QAAQ,WAAW;AAClBA,kBAAAA,MAAY,MAAA,OAAA,iBAAA,UAAU;AAAA,EACvB;AACD;ACIM,SAAS,YAAY;AAC1B,QAAM,MAAMC,cAAY,aAACC,SAAG;AAC5B,SAAO;AAAA,IACL;AAAA,EACD;AACH;;;"}
|
||||
{"version":3,"file":"app.js","sources":["App.vue","main.js"],"sourcesContent":["<script>\r\n\texport default {\r\n\t\tonLaunch: function() {\r\n\t\t\tconsole.log('App Launch')\r\n\t\t},\r\n\t\tonShow: function() {\r\n\t\t\tconsole.log('App Show')\r\n\t\t},\r\n\t\tonHide: function() {\r\n\t\t\tconsole.log('App Hide')\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\t/*每个页面公共css */\r\n\r\n\r\n\t@font-face {\r\n\t\tfont-family: 'JiangChengYuanTi-300W';\r\n\t\t/* 定义字体家族名称 */\r\n\t\tsrc: url('/static/fonts/JiangChengYuanTi-300W.ttf') format('truetype');\r\n\t\t/* 指定字体文件路径和格式 */\r\n\t\tfont-weight: normal;\r\n\t\tfont-style: normal;\r\n\t}\r\n\r\n\t@font-face {\r\n\t\tfont-family: 'JiangChengYuanTi-400W';\r\n\t\t/* 定义字体家族名称 */\r\n\t\tsrc: url('/static/fonts/JiangChengYuanTi-300W.ttf') format('truetype');\r\n\t\t/* 指定字体文件路径和格式 */\r\n\t\tfont-weight: normal;\r\n\t\tfont-style: normal;\r\n\t}\r\n\r\n\t@font-face {\r\n\t\tfont-family: 'JiangChengYuanTi-500W';\r\n\t\t/* 定义字体家族名称 */\r\n\t\tsrc: url('/static/fonts/JiangChengYuanTi-300W.ttf') format('truetype');\r\n\t\t/* 指定字体文件路径和格式 */\r\n\t\tfont-weight: normal;\r\n\t\tfont-style: normal;\r\n\t}\r\n\r\n\t@font-face {\r\n\t\tfont-family: 'JiangChengYuanTi-600W';\r\n\t\t/* 定义字体家族名称 */\r\n\t\tsrc: url('/static/fonts/JiangChengYuanTi-300W.ttf') format('truetype');\r\n\t\t/* 指定字体文件路径和格式 */\r\n\t\tfont-weight: normal;\r\n\t\tfont-style: normal;\r\n\t}\r\n\r\n\t@font-face {\r\n\t\tfont-family: 'JiangChengYuanTi-700W';\r\n\t\t/* 定义字体家族名称 */\r\n\t\tsrc: url('/static/fonts/JiangChengYuanTi-300W.ttf') format('truetype');\r\n\t\t/* 指定字体文件路径和格式 */\r\n\t\tfont-weight: normal;\r\n\t\tfont-style: normal;\r\n\t}\r\n\r\n\r\n\t.myZt-300w {\r\n\t\tfont-family: 'JiangChengYuanTi-300W', sans-serif;\r\n\t}\r\n\r\n\t.myZt-400w {\r\n\t\tfont-family: 'JiangChengYuanTi-400W', sans-serif;\r\n\t}\r\n\r\n\t.myZt-500w {\r\n\t\tfont-family: 'JiangChengYuanTi-500W', sans-serif;\r\n\t}\r\n\r\n\t.myZt-600w {\r\n\t\tfont-family: 'JiangChengYuanTi-600W', sans-serif;\r\n\t}\r\n\r\n\t.myZt-700w {\r\n\t\tfont-family: 'JiangChengYuanTi-700W', sans-serif;\r\n\t}\r\n\r\n\t.bg {\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-position: center;\r\n\t}\r\n\r\n\t.column {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t.row {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: row;\r\n\t}\r\n\r\n\t.center {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t}\r\n</style>","import App from './App'\n\n// #ifndef VUE3\nimport Vue from 'vue'\nimport './uni.promisify.adaptor'\nVue.config.productionTip = false\nApp.mpType = 'app'\nconst app = new Vue({\n ...App\n})\napp.$mount()\n// #endif\n\n// #ifdef VUE3\nimport { createSSRApp } from 'vue'\nexport function createApp() {\n const app = createSSRApp(App)\n return {\n app\n }\n}\n// #endif"],"names":["uni","createSSRApp","App"],"mappings":";;;;;;;;;;;;;AACC,MAAK,YAAU;AAAA,EACd,UAAU,WAAW;AACpBA,kBAAAA,MAAA,MAAA,OAAA,gBAAY,YAAY;AAAA,EACxB;AAAA,EACD,QAAQ,WAAW;AAClBA,kBAAAA,MAAY,MAAA,OAAA,gBAAA,UAAU;AAAA,EACtB;AAAA,EACD,QAAQ,WAAW;AAClBA,kBAAAA,MAAY,MAAA,OAAA,iBAAA,UAAU;AAAA,EACvB;AACD;ACIM,SAAS,YAAY;AAC1B,QAAM,MAAMC,cAAY,aAACC,SAAG;AAC5B,SAAO;AAAA,IACL;AAAA,EACD;AACH;;;"}
|
||||
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"assets.js","sources":["static/bg.png","static/ic_search.png","static/ic_notice.png","static/ic_minus.png","static/ic_add.png","static/pay_bg.png","static/ic_modify.png","static/ic_coupon.png","static/ic_order.png","static/ic_kf.png","static/ic_back.png","static/bags.png","static/details.png","static/share.png","static/ic_prompt.png","static/ic_pay.png","static/ic_join.png","static/ic_close.png","static/ic_address.png","static/ic_right_arrow.png"],"sourcesContent":["export default \"__VITE_ASSET__bac8c679__\"","export default \"__VITE_ASSET__3638b49d__\"","export default \"__VITE_ASSET__d68df3c1__\"","export default \"__VITE_ASSET__bda5b53e__\"","export default \"__VITE_ASSET__63ab7a4a__\"","export default \"__VITE_ASSET__1a1db255__\"","export default \"__VITE_ASSET__82cecd0b__\"","export default \"__VITE_ASSET__a83ffaaf__\"","export default \"__VITE_ASSET__c3b37da8__\"","export default \"__VITE_ASSET__30b826e5__\"","export default \"__VITE_ASSET__35492172__\"","export default \"__VITE_ASSET__8eb81c6b__\"","export default \"__VITE_ASSET__71a6f703__\"","export default \"__VITE_ASSET__e3417b68__\"","export default \"__VITE_ASSET__8282e1ce__\"","export default \"__VITE_ASSET__99e67017__\"","export default \"__VITE_ASSET__1da9a958__\"","export default \"__VITE_ASSET__96212905__\"","export default \"__VITE_ASSET__dc3075f2__\"","export default \"__VITE_ASSET__c9decb20__\""],"names":[],"mappings":";AAAA,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;;;;;;;;;;;;;;;;;;;;;"}
|
||||
{"version":3,"file":"assets.js","sources":["static/bg.png","static/ic_search.png","static/ic_notice.png","static/ic_minus.png","static/ic_add.png","static/pay_bg.png","static/ic_modify.png","static/ic_coupon.png","static/ic_order.png","static/ic_kf.png","static/ic_back.png","static/bags.png","static/details.png","static/share.png","static/ic_prompt.png","static/ic_pay.png","static/ic_join.png","static/ic_close.png","static/ic_address.png","static/ic_right_arrow.png","static/ic_check.png","static/confirm_pay.png","static/ic_save.png","static/ic_logistics.png","static/confirm_receipt.png"],"sourcesContent":["export default \"__VITE_ASSET__bac8c679__\"","export default \"__VITE_ASSET__3638b49d__\"","export default \"__VITE_ASSET__d68df3c1__\"","export default \"__VITE_ASSET__bda5b53e__\"","export default \"__VITE_ASSET__63ab7a4a__\"","export default \"__VITE_ASSET__1a1db255__\"","export default \"__VITE_ASSET__82cecd0b__\"","export default \"__VITE_ASSET__a83ffaaf__\"","export default \"__VITE_ASSET__c3b37da8__\"","export default \"__VITE_ASSET__30b826e5__\"","export default \"__VITE_ASSET__35492172__\"","export default \"__VITE_ASSET__8eb81c6b__\"","export default \"__VITE_ASSET__71a6f703__\"","export default \"__VITE_ASSET__e3417b68__\"","export default \"__VITE_ASSET__8282e1ce__\"","export default \"__VITE_ASSET__99e67017__\"","export default \"__VITE_ASSET__1da9a958__\"","export default \"__VITE_ASSET__96212905__\"","export default \"__VITE_ASSET__dc3075f2__\"","export default \"__VITE_ASSET__c9decb20__\"","export default \"__VITE_ASSET__ec31f9f9__\"","export default \"__VITE_ASSET__b86711f9__\"","export default \"__VITE_ASSET__b31d1dfc__\"","export default \"__VITE_ASSET__a940df47__\"","export default \"__VITE_ASSET__280b22dd__\""],"names":[],"mappings":";AAAA,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,cAAA;ACAf,MAAe,cAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,aAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,eAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,eAAA;ACAf,MAAe,aAAA;ACAf,MAAe,cAAA;ACAf,MAAe,cAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;ACAf,MAAe,aAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
||||
1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/me/coupon-page.js.map
vendored
Normal file
|
|
@ -1 +1 @@
|
|||
{"version":3,"file":"me-page.js","sources":["pages/me/me-page.vue","../../../Software/HBuilderX.4.15.2024050802/HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvbWUvbWUtcGFnZS52dWU"],"sourcesContent":["<template>\r\n\t<view class=\"content\" style=\"background-image: url('/static/bags_bg.png');\">\r\n\r\n\r\n\t\t<view class=\"\" style=\"width: 100%; height: 138.19rpx; margin-top: 195.14rpx; position: relative;\">\r\n\r\n\t\t\t<image src=\"\"\r\n\t\t\t\tstyle=\"width: 137.5rpx; height: 137.5rpx; background-color: #FFFFFF; border: 2rpx solid #F5D677; border-radius: 50%; margin-left: 29.17rpx; position: absolute;\"\r\n\t\t\t\tmode=\"\"></image>\r\n\r\n\t\t\t<view class=\"\"\r\n\t\t\t\tstyle=\"display: flex; flex-direction: row; position: absolute; align-items: center; left: 186.81rpx; top: 35.42rpx;\">\r\n\t\t\t\t<text style=\"font-size: 29.17rpx; color: #6E5B51;\">坂本日常</text>\r\n\t\t\t\t<image src=\"/static/ic_modify.png\" style=\"width: 22.92rpx; height: 22.92rpx; margin-left: 13.16rpx;\"\r\n\t\t\t\t\tmode=\"\"></image>\r\n\t\t\t</view>\r\n\r\n\t\t\t<text\r\n\t\t\t\tstyle=\"position: absolute; left: 186.81rpx; bottom: 35.42rpx; font-size: 19.42rpx; color: #8C8574;\">ID:3232321323</text>\r\n\r\n\t\t</view>\r\n\r\n\t\t<view class=\"\"\r\n\t\t\tstyle=\"width: 689.58rpx; height: 161.81rpx; background-color: #FFFFFF; margin: 48.61rpx auto 0; border-radius: 20rpx; display: flex; flex-direction: row; align-items: center; justify-content: space-around;\">\r\n\r\n\t\t\t<image src=\"/static/ic_coupon.png\" style=\"width: 100.69rpx; height: 98.61rpx;\" mode=\"\"></image>\r\n\r\n\t\t\t<view style=\"width: 0.69rpx; height: 98.61rpx; background-color: #6E5B51;\"></view>\r\n\t\t\t\r\n\t\t\t<image src=\"/static/ic_order.png\" style=\"width: 100.69rpx; height: 98.61rpx;\" mode=\"\"></image>\r\n\t\t\t\r\n\t\t\t<view style=\"width: 0.69rpx; height: 98.61rpx; background-color: #6E5B51;\"></view>\r\n\r\n\t\t\t<image src=\"/static/ic_kf.png\" style=\"width: 100.69rpx; height: 98.61rpx;\" mode=\"\"></image>\r\n\r\n\r\n\t\t</view>\r\n\r\n\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods: {\r\n\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\t.content {\r\n\t\twidth: 100%;\r\n\t\theight: 100vh;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-position: center;\r\n\t}\r\n</style>","import MiniProgramPage from 'F:/gitCode/uniapp/guyu/pages/me/me-page.vue'\nwx.createPage(MiniProgramPage)"],"names":[],"mappings":";;;AA2CC,MAAK,YAAU;AAAA,EACd,OAAO;AACN,WAAO,CAEP;AAAA,EACA;AAAA,EACD,SAAS,CAET;AACD;;;;;;;;;;ACnDD,GAAG,WAAW,eAAe;"}
|
||||
{"version":3,"file":"me-page.js","sources":["pages/me/me-page.vue","../../../Software/HBuilderX.4.15.2024050802/HBuilderX/plugins/uniapp-cli-vite/uniPage:/cGFnZXMvbWUvbWUtcGFnZS52dWU"],"sourcesContent":["<template>\r\n\t<view class=\"content\" style=\"background-image: url('/static/bags_bg.png');\">\r\n\r\n\r\n\t\t<view class=\"\" @click=\"toInfo()\"\r\n\t\t\tstyle=\"width: 100%; height: 138.19rpx; margin-top: 195.14rpx; position: relative;\">\r\n\r\n\t\t\t<image src=\"\"\r\n\t\t\t\tstyle=\"width: 137.5rpx; height: 137.5rpx; background-color: #FFFFFF; border: 2rpx solid #F5D677; border-radius: 50%; margin-left: 29.17rpx; position: absolute;\"\r\n\t\t\t\tmode=\"\"></image>\r\n\r\n\t\t\t<view class=\"\"\r\n\t\t\t\tstyle=\"display: flex; flex-direction: row; position: absolute; align-items: center; left: 186.81rpx; top: 35.42rpx;\">\r\n\t\t\t\t<text style=\"font-size: 29.17rpx; color: #6E5B51;\">坂本日常</text>\r\n\t\t\t\t<image src=\"/static/ic_modify.png\" style=\"width: 22.92rpx; height: 22.92rpx; margin-left: 13.16rpx;\"\r\n\t\t\t\t\tmode=\"\"></image>\r\n\t\t\t</view>\r\n\r\n\t\t\t<text\r\n\t\t\t\tstyle=\"position: absolute; left: 186.81rpx; bottom: 35.42rpx; font-size: 19.42rpx; color: #8C8574;\">ID:3232321323</text>\r\n\r\n\t\t</view>\r\n\r\n\t\t<view class=\"\"\r\n\t\t\tstyle=\"width: 689.58rpx; height: 161.81rpx; background-color: #FFFFFF; margin: 48.61rpx auto 0; border-radius: 20rpx; display: flex; flex-direction: row; align-items: center; justify-content: space-around;\">\r\n\t\t\t<view style=\"width: 0.69rpx; height: 98.61rpx; \"></view>\r\n\r\n\t\t\t<!-- 优惠券 -->\r\n\t\t\t<image @click=\"toCoupon()\" src=\"/static/ic_coupon.png\" style=\"width: 100.69rpx; height: 98.61rpx;\" mode=\"\">\r\n\t\t\t</image>\r\n\r\n\t\t\t<view style=\"width: 0.69rpx; height: 98.61rpx; background-color: #6E5B51;\"></view>\r\n\r\n\t\t\t<!-- 订单管理 -->\r\n\t\t\t<image @click=\"toOrder()\" src=\"/static/ic_order.png\" style=\"width: 100.69rpx; height: 98.61rpx;\" mode=\"\">\r\n\t\t\t</image>\r\n\r\n\t\t\t<view style=\"width: 0.69rpx; height: 98.61rpx; background-color: #6E5B51;\"></view>\r\n\r\n\t\t\t<!-- 联系客服 -->\r\n\t\t\t<image src=\"/static/ic_kf.png\" style=\"width: 100.69rpx; height: 98.61rpx;\" mode=\"\"></image>\r\n\t\t\t<view style=\"width: 0.69rpx; height: 98.61rpx; \"></view>\r\n\r\n\t\t</view>\r\n\r\n\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t//个人信息\r\n\t\t\ttoInfo() {\r\n\t\t\t\tuni.navigateTo({\r\n\t\t\t\t\turl: '/pages/me/user-info-page'\r\n\t\t\t\t});\r\n\t\t\t},\r\n\r\n\t\t\t//优惠券\r\n\t\t\ttoCoupon() {\r\n\t\t\t\tuni.navigateTo({\r\n\t\t\t\t\turl: '/pages/me/coupon-page'\r\n\t\t\t\t});\r\n\t\t\t},\r\n\r\n\t\t\t//订单管理\r\n\t\t\ttoOrder() {\r\n\t\t\t\tuni.navigateTo({\r\n\t\t\t\t\turl: '/pages/me/order-page'\r\n\t\t\t\t});\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n\t.content {\r\n\t\twidth: 100%;\r\n\t\theight: 100vh;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\talign-items: center;\r\n\t\tbackground-size: cover;\r\n\t\tbackground-repeat: no-repeat;\r\n\t\tbackground-position: center;\r\n\t}\r\n</style>","import MiniProgramPage from 'F:/gitCode/uniapp/guyu/pages/me/me-page.vue'\nwx.createPage(MiniProgramPage)"],"names":["uni"],"mappings":";;;AAkDC,MAAK,YAAU;AAAA,EACd,OAAO;AACN,WAAO,CAEP;AAAA,EACA;AAAA,EACD,SAAS;AAAA;AAAA,IAER,SAAS;AACRA,oBAAAA,MAAI,WAAW;AAAA,QACd,KAAK;AAAA,MACN,CAAC;AAAA,IACD;AAAA;AAAA,IAGD,WAAW;AACVA,oBAAAA,MAAI,WAAW;AAAA,QACd,KAAK;AAAA,MACN,CAAC;AAAA,IACD;AAAA;AAAA,IAGD,UAAU;AACTA,oBAAAA,MAAI,WAAW;AAAA,QACd,KAAK;AAAA,MACN,CAAC;AAAA,IACF;AAAA,EAED;AACD;;;;;;;;;;;;;AC9ED,GAAG,WAAW,eAAe;"}
|
||||
1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/me/order-page.js.map
vendored
Normal file
1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/me/user-info-page.js.map
vendored
Normal file
3
unpackage/dist/dev/mp-weixin/app.js
vendored
|
|
@ -7,6 +7,9 @@ if (!Math) {
|
|||
"./pages/bags/bags-page.js";
|
||||
"./pages/me/me-page.js";
|
||||
"./pages/home/product-details.js";
|
||||
"./pages/me/user-info-page.js";
|
||||
"./pages/me/coupon-page.js";
|
||||
"./pages/me/order-page.js";
|
||||
}
|
||||
const _sfc_main = {
|
||||
onLaunch: function() {
|
||||
|
|
|
|||
5
unpackage/dist/dev/mp-weixin/app.json
vendored
|
|
@ -4,7 +4,10 @@
|
|||
"pages/index/index",
|
||||
"pages/bags/bags-page",
|
||||
"pages/me/me-page",
|
||||
"pages/home/product-details"
|
||||
"pages/home/product-details",
|
||||
"pages/me/user-info-page",
|
||||
"pages/me/coupon-page",
|
||||
"pages/me/order-page"
|
||||
],
|
||||
"window": {
|
||||
"navigationBarTextStyle": "black",
|
||||
|
|
|
|||
18
unpackage/dist/dev/mp-weixin/app.wxss
vendored
|
|
@ -78,4 +78,22 @@
|
|||
}
|
||||
.myZt-700w {
|
||||
font-family: "JiangChengYuanTi-700W", sans-serif;
|
||||
}
|
||||
.bg {
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
.column {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
.center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[data-c-h="true"]{display: none !important;}
|
||||
66
unpackage/dist/dev/mp-weixin/common/assets.js
vendored
|
|
@ -1,42 +1,52 @@
|
|||
"use strict";
|
||||
const _imports_0$3 = "/static/bg.png";
|
||||
const _imports_1$3 = "/static/ic_search.png";
|
||||
const _imports_2$3 = "/static/ic_notice.png";
|
||||
const _imports_0$2 = "/static/ic_minus.png";
|
||||
const _imports_1$2 = "/static/ic_add.png";
|
||||
const _imports_2$2 = "/static/pay_bg.png";
|
||||
const _imports_0$2 = "/static/bg.png";
|
||||
const _imports_1$4 = "/static/ic_search.png";
|
||||
const _imports_2$4 = "/static/ic_notice.png";
|
||||
const _imports_10 = "/static/ic_minus.png";
|
||||
const _imports_11 = "/static/ic_add.png";
|
||||
const _imports_2$3 = "/static/pay_bg.png";
|
||||
const _imports_0$1 = "/static/ic_modify.png";
|
||||
const _imports_1$1 = "/static/ic_coupon.png";
|
||||
const _imports_2$1 = "/static/ic_order.png";
|
||||
const _imports_3$1 = "/static/ic_kf.png";
|
||||
const _imports_1$3 = "/static/ic_coupon.png";
|
||||
const _imports_2$2 = "/static/ic_order.png";
|
||||
const _imports_3$2 = "/static/ic_kf.png";
|
||||
const _imports_0 = "/static/ic_back.png";
|
||||
const _imports_1 = "/static/bags.png";
|
||||
const _imports_2 = "/static/details.png";
|
||||
const _imports_3 = "/static/share.png";
|
||||
const _imports_1$2 = "/static/bags.png";
|
||||
const _imports_2$1 = "/static/details.png";
|
||||
const _imports_3$1 = "/static/share.png";
|
||||
const _imports_4 = "/static/ic_prompt.png";
|
||||
const _imports_5 = "/static/ic_pay.png";
|
||||
const _imports_6 = "/static/ic_join.png";
|
||||
const _imports_7 = "/static/ic_close.png";
|
||||
const _imports_8 = "/static/ic_address.png";
|
||||
const _imports_1$1 = "/static/ic_address.png";
|
||||
const _imports_9 = "/static/ic_right_arrow.png";
|
||||
exports._imports_0 = _imports_0$3;
|
||||
exports._imports_0$1 = _imports_0$2;
|
||||
exports._imports_0$2 = _imports_0$1;
|
||||
exports._imports_0$3 = _imports_0;
|
||||
exports._imports_1 = _imports_1$3;
|
||||
exports._imports_1$1 = _imports_1$2;
|
||||
exports._imports_1$2 = _imports_1$1;
|
||||
exports._imports_1$3 = _imports_1;
|
||||
exports._imports_2 = _imports_2$3;
|
||||
exports._imports_2$1 = _imports_2$2;
|
||||
exports._imports_2$2 = _imports_2$1;
|
||||
exports._imports_2$3 = _imports_2;
|
||||
exports._imports_3 = _imports_3$1;
|
||||
exports._imports_3$1 = _imports_3;
|
||||
const _imports_12 = "/static/ic_check.png";
|
||||
const _imports_13 = "/static/confirm_pay.png";
|
||||
const _imports_1 = "/static/ic_save.png";
|
||||
const _imports_2 = "/static/ic_logistics.png";
|
||||
const _imports_3 = "/static/confirm_receipt.png";
|
||||
exports._imports_0 = _imports_0$2;
|
||||
exports._imports_0$1 = _imports_0$1;
|
||||
exports._imports_0$2 = _imports_0;
|
||||
exports._imports_1 = _imports_1$4;
|
||||
exports._imports_1$1 = _imports_1$3;
|
||||
exports._imports_1$2 = _imports_1$2;
|
||||
exports._imports_1$3 = _imports_1$1;
|
||||
exports._imports_1$4 = _imports_1;
|
||||
exports._imports_10 = _imports_10;
|
||||
exports._imports_11 = _imports_11;
|
||||
exports._imports_12 = _imports_12;
|
||||
exports._imports_13 = _imports_13;
|
||||
exports._imports_2 = _imports_2$4;
|
||||
exports._imports_2$1 = _imports_2$3;
|
||||
exports._imports_2$2 = _imports_2$2;
|
||||
exports._imports_2$3 = _imports_2$1;
|
||||
exports._imports_2$4 = _imports_2;
|
||||
exports._imports_3 = _imports_3$2;
|
||||
exports._imports_3$1 = _imports_3$1;
|
||||
exports._imports_3$2 = _imports_3;
|
||||
exports._imports_4 = _imports_4;
|
||||
exports._imports_5 = _imports_5;
|
||||
exports._imports_6 = _imports_6;
|
||||
exports._imports_7 = _imports_7;
|
||||
exports._imports_8 = _imports_8;
|
||||
exports._imports_9 = _imports_9;
|
||||
//# sourceMappingURL=../../.sourcemap/mp-weixin/common/assets.js.map
|
||||
|
|
|
|||
|
|
@ -7042,7 +7042,7 @@ function isConsoleWritable() {
|
|||
function initRuntimeSocketService() {
|
||||
const hosts = "172.17.0.1,192.168.1.7,192.168.195.32,127.0.0.1";
|
||||
const port = "8090";
|
||||
const id = "mp-weixin_z4LtYV";
|
||||
const id = "mp-weixin__1wxGm";
|
||||
const lazy = typeof swan !== "undefined";
|
||||
let restoreError = lazy ? () => {
|
||||
} : initOnError();
|
||||
|
|
|
|||
|
|
@ -140,8 +140,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||
i: common_vendor.o(($event) => $options.increase(index))
|
||||
};
|
||||
}),
|
||||
b: common_assets._imports_0$1,
|
||||
c: common_assets._imports_1$1,
|
||||
b: common_assets._imports_10,
|
||||
c: common_assets._imports_11,
|
||||
d: common_assets._imports_2$1,
|
||||
e: common_vendor.t($data.checkNum),
|
||||
f: common_vendor.t($data.sumPrice),
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view class="content" style="background-image:url('/static/bags_bg.png')"><view class="" style="width:100%;overflow:auto"><view class="" style="width:689.58rpx;margin:201.39rpx auto 114.58rpx;display:flex;flex-direction:column"><view wx:for="{{a}}" wx:for-item="item" class="" style="width:100%;height:161.81rpx;background-color:#FFFBF0;border-radius:30rpx;margin-bottom:29.17rpx;display:flex;align-items:center;position:relative"><image src="{{item.a}}" bindtap="{{item.b}}" style="width:29.17rpx;height:29.17rpx;margin-left:20.83rpx" mode=""></image><image src="{{item.c}}" style="width:125rpx;height:125rpx;background-color:#9B9285;border-radius:30rpx;margin-left:19.44rpx" mode=""></image><text style="position:absolute;left:210.42rpx;top:24.31rpx;font-size:23.58rpx;color:#6E5B51">{{item.d}}</text><text style="position:absolute;left:210.42rpx;top:60.42rpx;font-size:19.42rpx;color:#6E5B51">{{item.e}}</text><view class="" style="display:flex;flex-direction:row;position:absolute;left:205.81rpx;bottom:26.39rpx"><text style="font-size:29.13rpx;color:#6E5B51">¥{{item.f}}</text><text style="font-size:19.42rpx;color:#6E5B51;margin-left:17.36rpx;margin-top:10rpx">库存紧张</text></view><view class="" style="display:flex;flex-direction:row;position:absolute;bottom:23.61rpx;right:23.61rpx;align-items:center"><image src="{{b}}" bindtap="{{item.g}}" style="width:28.47rpx;height:28.47rpx" mode=""></image><text style="width:70.83rpx;font-size:29.17rpx;color:#6E5B51;text-align:center">{{item.h}}</text><image src="{{c}}" bindtap="{{item.i}}" style="width:28.47rpx;height:28.47rpx" mode=""></image></view></view></view></view><view class="" style="width:100%;height:114.58rpx;background-color:#FFFDF1;position:fixed;bottom:0;display:flex;flex-direction:row-reverse;align-items:center"><view class="" style="width:164.58rpx;height:68.75rpx;position:relative;margin-right:19.44rpx;display:flex;align-items:center;justify-content:center"><image src="{{d}}" style="width:100%;height:100%;position:absolute" mode=""></image><text style="position:absolute;font-size:20.83rpx;color:#66594E">结算 ({{e}})</text></view><text style="font-size:29.13rpx;color:#6E5B51;margin-right:30.56rpx">¥{{f}}</text><text style="font-size:19.42rpx;color:#8C8574">共</text><text style="font-size:19.42rpx;color:#8C8574;margin-right:30rpx">合计: {{g}}件</text><view class="" style="display:flex;flex-direction:row;align-items:center;position:fixed;left:46rpx"><image src="{{h}}" bindtap="{{i}}" style="width:29.17rpx;height:29.17rpx" mode=""></image><text style="font-size:19.42rpx;color:#8C8574;margin-left:13rpx;margin-bottom:2rpx">全选</text></view></view></view>
|
||||
<view class="content bg" style="background-image:url('/static/bags_bg.png')"><view class="" style="width:100%;overflow:auto"><view class="" style="width:689.58rpx;margin:201.39rpx auto 114.58rpx;display:flex;flex-direction:column"><view wx:for="{{a}}" wx:for-item="item" class="" style="width:100%;height:161.81rpx;background-color:#FFFBF0;border-radius:30rpx;margin-bottom:29.17rpx;display:flex;align-items:center;position:relative"><image src="{{item.a}}" bindtap="{{item.b}}" style="width:29.17rpx;height:29.17rpx;margin-left:20.83rpx" mode=""></image><image src="{{item.c}}" style="width:125rpx;height:125rpx;background-color:#9B9285;border-radius:30rpx;margin-left:19.44rpx" mode=""></image><text style="position:absolute;left:210.42rpx;top:24.31rpx;font-size:23.58rpx;color:#6E5B51">{{item.d}}</text><text style="position:absolute;left:210.42rpx;top:60.42rpx;font-size:19.42rpx;color:#6E5B51">{{item.e}}</text><view class="" style="display:flex;flex-direction:row;position:absolute;left:205.81rpx;bottom:26.39rpx"><text style="font-size:29.13rpx;color:#6E5B51">¥{{item.f}}</text><text style="font-size:19.42rpx;color:#6E5B51;margin-left:17.36rpx;margin-top:10rpx">库存紧张</text></view><view class="" style="display:flex;flex-direction:row;position:absolute;bottom:23.61rpx;right:23.61rpx;align-items:center"><image src="{{b}}" bindtap="{{item.g}}" style="width:28.47rpx;height:28.47rpx" mode=""></image><text style="width:70.83rpx;font-size:29.17rpx;color:#6E5B51;text-align:center">{{item.h}}</text><image src="{{c}}" bindtap="{{item.i}}" style="width:28.47rpx;height:28.47rpx" mode=""></image></view></view></view></view><view class="" style="width:100%;height:114.58rpx;background-color:#FFFDF1;position:fixed;bottom:0;display:flex;flex-direction:row-reverse;align-items:center"><view class="" style="width:164.58rpx;height:68.75rpx;position:relative;margin-right:19.44rpx;display:flex;align-items:center;justify-content:center"><image src="{{d}}" style="width:100%;height:100%;position:absolute" mode=""></image><text style="position:absolute;font-size:20.83rpx;color:#66594E">结算 ({{e}})</text></view><text style="font-size:29.13rpx;color:#6E5B51;margin-right:30.56rpx">¥{{f}}</text><text style="font-size:19.42rpx;color:#8C8574">共</text><text style="font-size:19.42rpx;color:#8C8574;margin-right:30rpx">合计: {{g}}件</text><view class="" style="display:flex;flex-direction:row;align-items:center;position:fixed;left:46rpx"><image src="{{h}}" bindtap="{{i}}" style="width:29.17rpx;height:29.17rpx" mode=""></image><text style="font-size:19.42rpx;color:#8C8574;margin-left:13rpx;margin-bottom:2rpx">全选</text></view></view></view>
|
||||
|
|
@ -29,7 +29,4 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
|
@ -7,10 +7,11 @@ const _sfc_main = {
|
|||
specialBanner
|
||||
},
|
||||
onLoad(options) {
|
||||
common_vendor.index.__f__("log", "at pages/home/product-details.vue:143", options.id);
|
||||
common_vendor.index.__f__("log", "at pages/home/product-details.vue:154", options.id);
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
goodsNum: 1,
|
||||
bannerList: [{
|
||||
picture: "https://contentcms-bj.cdn.bcebos.com/cmspic/ab7e4834ebc54a128e243bdfd51444da.jpeg?x-bce-process=image/crop,x_0,y_0,w_619,h_337",
|
||||
path: ""
|
||||
|
|
@ -52,6 +53,16 @@ const _sfc_main = {
|
|||
},
|
||||
closePayPop() {
|
||||
this.$refs.payPop.close();
|
||||
},
|
||||
// 增加数量
|
||||
increase(index) {
|
||||
this.goodsNum++;
|
||||
},
|
||||
// 减少数量
|
||||
decrease(index) {
|
||||
if (this.goodsNum > 1) {
|
||||
this.goodsNum--;
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
@ -66,9 +77,9 @@ if (!Math) {
|
|||
}
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_assets._imports_0$3,
|
||||
a: common_assets._imports_0$2,
|
||||
b: common_vendor.o(($event) => $options.toBack()),
|
||||
c: common_assets._imports_1$3,
|
||||
c: common_assets._imports_1$2,
|
||||
d: common_assets._imports_2$3,
|
||||
e: common_vendor.o(($event) => $options.openDetailsPop()),
|
||||
f: common_assets._imports_3$1,
|
||||
|
|
@ -89,10 +100,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||
}),
|
||||
p: common_assets._imports_7,
|
||||
q: common_vendor.o(($event) => $options.closePayPop()()),
|
||||
r: common_assets._imports_8,
|
||||
r: common_assets._imports_1$3,
|
||||
s: common_assets._imports_9,
|
||||
t: common_vendor.sr("payPop", "65d16733-2"),
|
||||
v: common_vendor.p({
|
||||
t: common_assets._imports_10,
|
||||
v: common_vendor.o(($event) => $options.decrease(_ctx.index)),
|
||||
w: common_vendor.t($data.goodsNum),
|
||||
x: common_assets._imports_11,
|
||||
y: common_vendor.o(($event) => $options.increase(_ctx.index)),
|
||||
z: common_assets._imports_12,
|
||||
A: common_assets._imports_13,
|
||||
B: common_vendor.sr("payPop", "65d16733-2"),
|
||||
C: common_vendor.p({
|
||||
type: "bottom",
|
||||
["safe-area"]: false
|
||||
})
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view class="content" style="background-image:url('/static/details_bg.png')"><view class="" style="width:40rpx;height:40rpx;position:fixed;top:118.06rpx;left:30.56rpx" bindtap="{{b}}"><image src="{{a}}" style="width:14.58rpx;height:27.08rpx" mode=""></image></view><view class="" style="width:550rpx;height:93.06rpx;margin-top:225.69rpx;display:flex;align-items:center;justify-content:center;background-image:url('/static/title_bg.png');background-size:cover;background-repeat:no-repeat;background-position:center"><text style="font-size:23.61rpx;color:#6E5B51">坂本日常 吧唧</text></view><view class="" style="width:550rpx;display:flex;flex-direction:row;justify-content:space-between;margin-top:31.94rpx"><image src="{{c}}" style="width:111.81rpx;height:81.94rpx" mode=""></image><image src="{{d}}" style="width:111.81rpx;height:81.94rpx" bindtap="{{e}}" mode=""></image><image src="{{f}}" style="width:111.81rpx;height:81.94rpx" mode=""></image></view><view class="" style="width:100%;height:1118.75rpx;margin-top:76.39rpx;display:flex;flex-direction:column;background-image:url('/static/goods_bg.png');background-size:cover;background-repeat:no-repeat;background-position:center"><view class="" style="width:100%;height:448.61rpx;margin-top:54.86rpx"><special-banner wx:if="{{g}}" u-i="65d16733-0" bind:__l="__l" u-p="{{g}}"></special-banner></view><view class="" style="margin:120rpx auto 0;width:513.89rpx;height:51.39rpx;position:relative;display:flex;align-items:center;justify-content:center"><image src="{{h}}" style="width:513.89rpx;height:51.39rpx;position:absolute"></image><text style="position:absolute;font-size:20.83rpx;color:#8C8574">运费10元 满100包邮 3-5个工作日发货</text></view><view class="" bindtap="{{j}}" style="margin:59.03rpx auto 0;position:relative;width:561.81rpx;height:161.11rpx;display:flex;justify-content:center"><image src="{{i}}" style="width:561.81rpx;height:161.11rpx;position:absolute" mode=""></image><view class="" style="width:150rpx;height:40rpx;position:absolute;bottom:38rpx;display:flex;align-items:center;justify-content:center"><text style="font-size:27.78rpx;color:#FFFFFF">¥20</text></view></view><image src="{{k}}" style="width:561.81rpx;height:122.92rpx;margin:0 auto 0" mode=""></image></view><uni-popup wx:if="{{o}}" class="r" u-s="{{['d']}}" u-r="detailsPop" u-i="65d16733-1" bind:__l="__l" u-p="{{o}}"><view class="" style="width:100%;height:819.44rpx;display:flex;flex-direction:column;align-items:center;background-image:url('/static/specifics_bg.png');background-size:cover;background-repeat:no-repeat;background-position:center"><view class="" style="width:688.88rpx;display:flex;flex-direction:row;justify-content:space-between;margin-top:36.11rpx;align-items:center"><view style="width:30rpx"></view><text style="font-size:31.25rpx;color:#695C4E">商品详情</text><view class="" style="width:30rpx;height:30rpx;display:flex;align-items:center;justify-content:center" bindtap="{{m}}"><image src="{{l}}" style="width:19.44rpx;height:19.44rpx" mode=""></image></view></view><image src="{{''}}" style="width:447.92rpx;height:447.92rpx;background-color:white;margin-top:85.42rpx" mode=""></image><text style="font-size:25rpx;color:#695C4E;width:100%;margin-left:38.19rpx;margin-top:81.94rpx">品牌:</text><text style="font-size:25rpx;color:#695C4E;width:100%;margin-left:38.19rpx;margin-top:19.44rpx">尺寸:直径约56mm</text></view></uni-popup><uni-popup wx:if="{{v}}" class="r" u-s="{{['d']}}" u-r="payPop" u-i="65d16733-2" bind:__l="__l" u-p="{{v}}"><view class="" style="width:100%;height:1002.78rpx;display:flex;flex-direction:column;align-items:center;background-image:url('/static/pay_pop_bg.png');background-size:cover;background-repeat:no-repeat;background-position:center"><view class="" style="width:688.88rpx;display:flex;flex-direction:row;justify-content:space-between;margin-top:36.11rpx;align-items:center"><view style="width:30rpx"></view><text style="font-size:22.22rpx;color:#8C8574">本商品不可退换 未成年人请谨慎购买</text><view class="" style="width:30rpx;height:30rpx;display:flex;align-items:center;justify-content:center" bindtap="{{q}}"><image src="{{p}}" style="width:19.44rpx;height:19.44rpx" mode=""></image></view></view><view class="" style="width:690.28rpx;height:62.5rpx;background-color:#FFFFFF;border-radius:16rpx;margin-top:22.92rpx;display:flex;align-items:center;position:relative"><image src="{{r}}" style="width:19.44rpx;height:22.92rpx;position:absolute;left:19.44rpx" mode=""></image><text style="font-size:22.22rpx;color:#6E5B51;left:52.08rpx;position:absolute">某某 河南省河南省河南省河南省</text><image src="{{s}}" style="width:13.19rpx;height:22.92rpx;position:absolute;right:26.39rpx" mode=""></image></view></view></uni-popup></view>
|
||||
<view class="content bg" style="background-image:url('/static/details_bg.png')"><view class="back" bindtap="{{b}}"><image src="{{a}}" mode=""></image></view><view class="title bg" style="background-image:url('/static/title_bg.png')"><text>坂本日常 吧唧</text></view><view class="v_fun"><image src="{{c}}" mode=""></image><image src="{{d}}" bindtap="{{e}}" mode=""></image><image src="{{f}}" mode=""></image></view><view class="ipBg bg" style="background-image:url('/static/goods_bg.png')"><view class="" style="width:100%;height:448.61rpx;margin-top:54.86rpx"><special-banner wx:if="{{g}}" u-i="65d16733-0" bind:__l="__l" u-p="{{g}}"></special-banner></view><view class="tip"><image src="{{h}}" style="width:513.89rpx;height:51.39rpx;position:absolute"></image><text style="position:absolute;font-size:20.83rpx;color:#8C8574">运费10元 满100包邮 3-5个工作日发货</text></view><view class="pay" bindtap="{{j}}"><image src="{{i}}" mode=""></image><view class="price"><text>¥20</text></view></view><image class="join" src="{{k}}" mode=""></image></view><uni-popup wx:if="{{o}}" class="r" u-s="{{['d']}}" u-r="detailsPop" u-i="65d16733-1" bind:__l="__l" u-p="{{o}}"><view class="detailsPop bg" style="background-image:url('/static/specifics_bg.png')"><view class="popTitle"><view style="width:30rpx"></view><text style="font-size:31.25rpx;color:#695C4E">商品详情</text><view class="popClose" style="" bindtap="{{m}}"><image src="{{l}}" style="" mode=""></image></view></view><image class="detailsImg" src="{{''}}" mode=""></image><text class="detailsBrand">品牌:</text><text class="detailsSize">尺寸:直径约56mm</text></view></uni-popup><uni-popup wx:if="{{C}}" class="r" u-s="{{['d']}}" u-r="payPop" u-i="65d16733-2" bind:__l="__l" u-p="{{C}}"><view class="payPop bg" style="background-image:url('/static/pay_pop_bg.png')"><view class="popTitle"><view style="width:30rpx"></view><text style="font-size:22.22rpx;color:#8C8574">本商品不可退换 未成年人请谨慎购买</text><view class="popClose" bindtap="{{q}}"><image src="{{p}}" mode=""></image></view></view><view class="payPopAddress"><image class="image1" src="{{r}}" mode=""></image><text>某某 河南省河南省河南省河南省</text><image class="image2" src="{{s}}" mode=""></image></view><view class="payPopInfo"><image class="goodsImg" src="{{''}}" mode=""></image><text class="goodsTitle">坂本日常 吧唧</text><text class="goodsName">坂本</text><view class="goodsPrice"><text class="text1">¥20</text><text class="text2">库存紧张</text></view><view class="addSub"><image src="{{t}}" bindtap="{{v}}" style="width:28.47rpx;height:28.47rpx" mode=""></image><text style="width:70.83rpx;font-size:29.17rpx;color:#6E5B51;text-align:center">{{w}}</text><image src="{{x}}" bindtap="{{y}}" style="width:28.47rpx;height:28.47rpx" mode=""></image></view></view><view class="payPopPayment"><text style="margin-left:20.14rpx">支付方式</text><text style="margin-right:20.14rpx">微信支付</text></view><view class="payExplain"></view><view class="payAgreement"><image src="{{z}}" style="width:23.61rpx;height:23.61rpx" mode=""></image><text style="color:#8C8574;margin-left:10rpx">同意 <text style="color:#FCAD6F"> 《用户协议》</text></text></view><image class="conPay" src="{{A}}" mode=""></image></view></uni-popup></view>
|
||||
|
|
@ -29,7 +29,255 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
.back {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
position: fixed;
|
||||
top: 118.06rpx;
|
||||
left: 30.56rpx;
|
||||
}
|
||||
.back image {
|
||||
width: 14.58rpx;
|
||||
height: 27.08rpx;
|
||||
}
|
||||
.title {
|
||||
width: 550rpx;
|
||||
height: 93.06rpx;
|
||||
margin-top: 225.69rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.title text {
|
||||
font-size: 23.61rpx;
|
||||
color: #6E5B51;
|
||||
}
|
||||
.v_fun {
|
||||
width: 550rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-top: 31.94rpx;
|
||||
}
|
||||
.v_fun image {
|
||||
width: 111.81rpx;
|
||||
height: 81.94rpx;
|
||||
}
|
||||
.ipBg {
|
||||
width: 100%;
|
||||
height: 1118.75rpx;
|
||||
margin-top: 76.39rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.tip {
|
||||
margin: 120rpx auto 0;
|
||||
width: 513.89rpx;
|
||||
height: 51.39rpx;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.pay {
|
||||
margin: 59.03rpx auto 0;
|
||||
position: relative;
|
||||
width: 561.81rpx;
|
||||
height: 161.11rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.pay image {
|
||||
width: 561.81rpx;
|
||||
height: 161.11rpx;
|
||||
position: absolute;
|
||||
}
|
||||
.pay .price {
|
||||
width: 150rpx;
|
||||
height: 40rpx;
|
||||
position: absolute;
|
||||
bottom: 38rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.pay .price text {
|
||||
font-size: 27.78rpx;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
.join {
|
||||
width: 561.81rpx;
|
||||
height: 122.92rpx;
|
||||
margin: 0 auto 0;
|
||||
}
|
||||
.popTitle {
|
||||
width: 688.88rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-top: 36.11rpx;
|
||||
align-items: center;
|
||||
}
|
||||
.detailsPop {
|
||||
width: 100%;
|
||||
height: 819.44rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.detailsPop .detailsImg {
|
||||
width: 447.92rpx;
|
||||
height: 447.92rpx;
|
||||
background-color: white;
|
||||
margin-top: 85.42rpx;
|
||||
}
|
||||
.detailsPop .detailsBrand {
|
||||
font-size: 25rpx;
|
||||
color: #695C4E;
|
||||
width: 100%;
|
||||
margin-left: 38.19rpx;
|
||||
margin-top: 81.94rpx;
|
||||
}
|
||||
.detailsPop .detailsSize {
|
||||
font-size: 25rpx;
|
||||
color: #695C4E;
|
||||
width: 100%;
|
||||
margin-left: 38.19rpx;
|
||||
margin-top: 19.44rpx;
|
||||
}
|
||||
.popClose {
|
||||
width: 30rpx;
|
||||
height: 30rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.popClose image {
|
||||
width: 19.44rpx;
|
||||
height: 19.44rpx;
|
||||
}
|
||||
.payPop {
|
||||
width: 100%;
|
||||
height: 1002.78rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.payPop .payPopAddress {
|
||||
width: 690.28rpx;
|
||||
height: 62.5rpx;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
margin-top: 22.92rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
.payPop .payPopAddress .image1 {
|
||||
width: 19.44rpx;
|
||||
height: 22.92rpx;
|
||||
position: absolute;
|
||||
left: 19.44rpx;
|
||||
}
|
||||
.payPop .payPopAddress text {
|
||||
font-size: 22.22rpx;
|
||||
color: #6E5B51;
|
||||
left: 52.08rpx;
|
||||
position: absolute;
|
||||
}
|
||||
.payPop .payPopAddress .image2 {
|
||||
width: 13.19rpx;
|
||||
height: 22.92rpx;
|
||||
position: absolute;
|
||||
right: 26.39rpx;
|
||||
}
|
||||
.payPop .payPopInfo {
|
||||
width: 690.28rpx;
|
||||
height: 161.81rpx;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
margin-top: 22.92rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
}
|
||||
.payPop .payPopInfo .goodsImg {
|
||||
width: 120.83rpx;
|
||||
height: 120.83rpx;
|
||||
background-color: #AAAAAA;
|
||||
border-radius: 50%;
|
||||
position: absolute;
|
||||
left: 20.14rpx;
|
||||
}
|
||||
.payPop .payPopInfo .goodsTitle {
|
||||
font-size: 23.61rpx;
|
||||
color: #6E5B51;
|
||||
position: absolute;
|
||||
left: 163.19rpx;
|
||||
top: 28.47rpx;
|
||||
}
|
||||
.payPop .payPopInfo .goodsName {
|
||||
font-size: 19.44rpx;
|
||||
color: #8C8574;
|
||||
position: absolute;
|
||||
left: 163.19rpx;
|
||||
top: 64.58rpx;
|
||||
}
|
||||
.payPop .payPopInfo .goodsPrice {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
position: absolute;
|
||||
left: 160.58rpx;
|
||||
bottom: 22.22rpx;
|
||||
}
|
||||
.payPop .payPopInfo .goodsPrice .text1 {
|
||||
font-size: 29.17rpx;
|
||||
color: #6E5B51;
|
||||
}
|
||||
.payPop .payPopInfo .goodsPrice .text2 {
|
||||
font-size: 19.44rpx;
|
||||
color: #8C8574;
|
||||
margin-left: 10rpx;
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
.payPop .payPopInfo .addSub {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
position: absolute;
|
||||
bottom: 23.61rpx;
|
||||
right: 23.61rpx;
|
||||
align-items: center;
|
||||
}
|
||||
.payPop .payPopPayment {
|
||||
width: 690.28rpx;
|
||||
height: 62.5rpx;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 15.28rpx;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
font-size: 22.22rpx;
|
||||
color: #8C8574;
|
||||
}
|
||||
.payPop .payExplain {
|
||||
width: 689.58rpx;
|
||||
height: 204.17rpx;
|
||||
background-color: #FFFFFF;
|
||||
margin-top: 15.28rpx;
|
||||
}
|
||||
.payPop .payAgreement {
|
||||
width: 689.58rpx;
|
||||
margin: 15.28rpx auto 0;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
font-size: 22.22rpx;
|
||||
}
|
||||
.payPop .conPay {
|
||||
width: 561.81rpx;
|
||||
height: 161.11rpx;
|
||||
margin: 86.11rpx auto 0;
|
||||
}
|
||||
80
unpackage/dist/dev/mp-weixin/pages/me/coupon-page.js
vendored
Normal file
|
|
@ -0,0 +1,80 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {
|
||||
dataList: [
|
||||
{
|
||||
imgUrl: "",
|
||||
title: "满50减50",
|
||||
time: "2025年12月30日到期",
|
||||
type: 0
|
||||
},
|
||||
{
|
||||
imgUrl: "",
|
||||
title: "满50减50",
|
||||
time: "2025年12月30日到期",
|
||||
type: 1
|
||||
},
|
||||
{
|
||||
imgUrl: "",
|
||||
title: "满50减50",
|
||||
time: "2025年12月30日到期",
|
||||
type: 0
|
||||
},
|
||||
{
|
||||
imgUrl: "",
|
||||
title: "满50减50",
|
||||
time: "2025年12月30日到期",
|
||||
type: 0
|
||||
},
|
||||
{
|
||||
imgUrl: "",
|
||||
title: "满50减50",
|
||||
time: "2025年12月30日到期",
|
||||
type: 0
|
||||
},
|
||||
{
|
||||
imgUrl: "",
|
||||
title: "满50减50",
|
||||
time: "2025年12月30日到期",
|
||||
type: 0
|
||||
},
|
||||
{
|
||||
imgUrl: "",
|
||||
title: "满50减50",
|
||||
time: "2025年12月30日到期",
|
||||
type: 0
|
||||
},
|
||||
{
|
||||
imgUrl: "",
|
||||
title: "满50减50",
|
||||
time: "2025年12月30日到期",
|
||||
type: 0
|
||||
}
|
||||
]
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
toBack() {
|
||||
common_vendor.index.navigateBack();
|
||||
}
|
||||
}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_assets._imports_0$2,
|
||||
b: common_vendor.o(($event) => $options.toBack()),
|
||||
c: common_vendor.f($data.dataList, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.title),
|
||||
b: common_vendor.t(item.time),
|
||||
c: item.type == 0 ? "/static/coupon_0.png" : "/static/coupon_1.png"
|
||||
};
|
||||
})
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/me/coupon-page.js.map
|
||||
5
unpackage/dist/dev/mp-weixin/pages/me/coupon-page.json
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
{
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/me/coupon-page.wxml
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
<view class="content bg" style="background-image:url('/static/bags_bg.png')"><view class="title"><view class="back" bindtap="{{b}}"><image src="{{a}}" mode=""></image></view><text>我的优惠券</text><view class="back"></view></view><view class="list" style=""><view wx:for="{{c}}" wx:for-item="item" class="item" style=""><image class="item-img" src="{{''}}" mode=""></image><text class="item-title">{{item.a}}</text><text class="item-time">{{item.b}}</text><image class="item-type" src="{{item.c}}" mode=""></image></view></view></view>
|
||||
94
unpackage/dist/dev/mp-weixin/pages/me/coupon-page.wxss
vendored
Normal file
|
|
@ -0,0 +1,94 @@
|
|||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.content {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.title {
|
||||
width: 688.88rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-top: 119.44rpx;
|
||||
}
|
||||
.title text {
|
||||
font-size: 29.17rpx;
|
||||
color: #6E5B51;
|
||||
}
|
||||
.back {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
.back image {
|
||||
width: 14.58rpx;
|
||||
height: 27.08rpx;
|
||||
}
|
||||
.list {
|
||||
width: 100%;
|
||||
margin-top: 65rpx;
|
||||
overflow: auto;
|
||||
}
|
||||
.item {
|
||||
width: 689.58rpx;
|
||||
height: 180.56rpx;
|
||||
background-color: white;
|
||||
border-radius: 16rpx;
|
||||
margin: 0 auto 15.28rpx;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.item .item-img {
|
||||
width: 125rpx;
|
||||
height: 125rpx;
|
||||
background-color: #9B9285;
|
||||
border-radius: 16rpx;
|
||||
position: absolute;
|
||||
left: 30.56rpx;
|
||||
}
|
||||
.item .item-title {
|
||||
font-size: 25rpx;
|
||||
color: #876850;
|
||||
position: absolute;
|
||||
left: 185.42rpx;
|
||||
top: 56.25rpx;
|
||||
}
|
||||
.item .item-time {
|
||||
font-size: 19.42rpx;
|
||||
color: #876850;
|
||||
position: absolute;
|
||||
left: 185.42rpx;
|
||||
bottom: 56.25rpx;
|
||||
}
|
||||
.item .item-type {
|
||||
width: 143.75rpx;
|
||||
height: 59.72rpx;
|
||||
position: absolute;
|
||||
right: 26.39rpx;
|
||||
}
|
||||
34
unpackage/dist/dev/mp-weixin/pages/me/me-page.js
vendored
|
|
@ -1,18 +1,40 @@
|
|||
"use strict";
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {};
|
||||
},
|
||||
methods: {}
|
||||
methods: {
|
||||
//个人信息
|
||||
toInfo() {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/pages/me/user-info-page"
|
||||
});
|
||||
},
|
||||
//优惠券
|
||||
toCoupon() {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/pages/me/coupon-page"
|
||||
});
|
||||
},
|
||||
//订单管理
|
||||
toOrder() {
|
||||
common_vendor.index.navigateTo({
|
||||
url: "/pages/me/order-page"
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_assets._imports_0$2,
|
||||
b: common_assets._imports_1$2,
|
||||
c: common_assets._imports_2$2,
|
||||
d: common_assets._imports_3
|
||||
a: common_assets._imports_0$1,
|
||||
b: common_vendor.o(($event) => $options.toInfo()),
|
||||
c: common_vendor.o(($event) => $options.toCoupon()),
|
||||
d: common_assets._imports_1$1,
|
||||
e: common_vendor.o(($event) => $options.toOrder()),
|
||||
f: common_assets._imports_2$2,
|
||||
g: common_assets._imports_3
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<view class="content" style="background-image:url('/static/bags_bg.png')"><view class="" style="width:100%;height:138.19rpx;margin-top:195.14rpx;position:relative"><image src="{{''}}" style="width:137.5rpx;height:137.5rpx;background-color:#FFFFFF;border:2rpx solid #F5D677;border-radius:50%;margin-left:29.17rpx;position:absolute" mode=""></image><view class="" style="display:flex;flex-direction:row;position:absolute;align-items:center;left:186.81rpx;top:35.42rpx"><text style="font-size:29.17rpx;color:#6E5B51">坂本日常</text><image src="{{a}}" style="width:22.92rpx;height:22.92rpx;margin-left:13.16rpx" mode=""></image></view><text style="position:absolute;left:186.81rpx;bottom:35.42rpx;font-size:19.42rpx;color:#8C8574">ID:3232321323</text></view><view class="" style="width:689.58rpx;height:161.81rpx;background-color:#FFFFFF;margin:48.61rpx auto 0;border-radius:20rpx;display:flex;flex-direction:row;align-items:center;justify-content:space-around"><image src="{{b}}" style="width:100.69rpx;height:98.61rpx" mode=""></image><view style="width:0.69rpx;height:98.61rpx;background-color:#6E5B51"></view><image src="{{c}}" style="width:100.69rpx;height:98.61rpx" mode=""></image><view style="width:0.69rpx;height:98.61rpx;background-color:#6E5B51"></view><image src="{{d}}" style="width:100.69rpx;height:98.61rpx" mode=""></image></view></view>
|
||||
<view class="content" style="background-image:url('/static/bags_bg.png')"><view class="" bindtap="{{b}}" style="width:100%;height:138.19rpx;margin-top:195.14rpx;position:relative"><image src="{{''}}" style="width:137.5rpx;height:137.5rpx;background-color:#FFFFFF;border:2rpx solid #F5D677;border-radius:50%;margin-left:29.17rpx;position:absolute" mode=""></image><view class="" style="display:flex;flex-direction:row;position:absolute;align-items:center;left:186.81rpx;top:35.42rpx"><text style="font-size:29.17rpx;color:#6E5B51">坂本日常</text><image src="{{a}}" style="width:22.92rpx;height:22.92rpx;margin-left:13.16rpx" mode=""></image></view><text style="position:absolute;left:186.81rpx;bottom:35.42rpx;font-size:19.42rpx;color:#8C8574">ID:3232321323</text></view><view class="" style="width:689.58rpx;height:161.81rpx;background-color:#FFFFFF;margin:48.61rpx auto 0;border-radius:20rpx;display:flex;flex-direction:row;align-items:center;justify-content:space-around"><view style="width:0.69rpx;height:98.61rpx"></view><image bindtap="{{c}}" src="{{d}}" style="width:100.69rpx;height:98.61rpx" mode=""></image><view style="width:0.69rpx;height:98.61rpx;background-color:#6E5B51"></view><image bindtap="{{e}}" src="{{f}}" style="width:100.69rpx;height:98.61rpx" mode=""></image><view style="width:0.69rpx;height:98.61rpx;background-color:#6E5B51"></view><image src="{{g}}" style="width:100.69rpx;height:98.61rpx" mode=""></image><view style="width:0.69rpx;height:98.61rpx"></view></view></view>
|
||||
77
unpackage/dist/dev/mp-weixin/pages/me/order-page.js
vendored
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {
|
||||
dataList: [{
|
||||
imgUrl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: 20,
|
||||
num: 1,
|
||||
type: 0,
|
||||
address: "某某小区",
|
||||
phone: "某某 13333333333",
|
||||
isTakeOver: false
|
||||
}, {
|
||||
imgUrl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: 20,
|
||||
num: 1,
|
||||
type: 0,
|
||||
address: "某某小区",
|
||||
phone: "某某 13333333333",
|
||||
isTakeOver: false
|
||||
}, {
|
||||
imgUrl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: 20,
|
||||
num: 1,
|
||||
type: 0,
|
||||
address: "某某小区",
|
||||
phone: "某某 13333333333",
|
||||
isTakeOver: false
|
||||
}, {
|
||||
imgUrl: "",
|
||||
title: "坂本日常 吧唧",
|
||||
name: "坂本",
|
||||
price: 20,
|
||||
num: 1,
|
||||
type: 0,
|
||||
address: "某某小区",
|
||||
phone: "某某 13333333333",
|
||||
isTakeOver: false
|
||||
}]
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
toBack() {
|
||||
common_vendor.index.navigateBack();
|
||||
}
|
||||
}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_assets._imports_0$2,
|
||||
b: common_vendor.o(($event) => $options.toBack()),
|
||||
c: common_vendor.f($data.dataList, (item, index, i0) => {
|
||||
return {
|
||||
a: common_vendor.t(item.title),
|
||||
b: common_vendor.t(item.name),
|
||||
c: common_vendor.t(item.price),
|
||||
d: common_vendor.t(item.num),
|
||||
e: common_vendor.t(item.address),
|
||||
f: common_vendor.t(item.phone)
|
||||
};
|
||||
}),
|
||||
d: common_assets._imports_1$3,
|
||||
e: common_assets._imports_2$4,
|
||||
f: common_assets._imports_3$2
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/me/order-page.js.map
|
||||
5
unpackage/dist/dev/mp-weixin/pages/me/order-page.json
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
{
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/me/order-page.wxml
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
<view class="content bg" style="background-image:url('/static/bags_bg.png')"><view class="title"><view class="back" bindtap="{{b}}"><image src="{{a}}" mode=""></image></view><text>订单管理</text><view class="back"></view></view><view class="" style="width:100%;margin-top:54.86rpx;overflow:auto"><view wx:for="{{c}}" wx:for-item="item" class="" style="width:689.58rpx;height:404.86rpx;background-color:white;border-radius:16rpx;margin:0 auto 15.28rpx;position:relative"><image src="{{''}}" style="position:absolute;width:125rpx;height:125rpx;background-color:#9B9285;border-radius:16rpx;left:30.56rpx;top:59.72rpx" mode=""></image><text style="font-size:23.58rpx;color:#FF8B36;position:absolute;top:30.56rpx;right:23.61rpx">待发货</text><text style="font-size:23.58rpx;color:#6E5B51;position:absolute;left:171.53rpx;top:65.97rpx">{{item.a}}</text><text style="font-size:19.42rpx;color:#8C8574;position:absolute;left:173.61rpx;top:102.8rpx">{{item.b}}</text><text style="font-size:29.13rpx;color:#6E5B51;position:absolute;left:172.92rpx;top:154.17rpx">¥{{item.c}}</text><text style="font-size:19.42rpx;color:#8C8574;position:absolute;top:103.47rpx;right:25rpx">x{{item.d}}</text><view class="row" style="align-items:center;position:absolute;left:30.56rpx;top:227.08rpx"><image src="{{d}}" style="width:19.44rpx;height:22.92rpx" mode=""></image><text style="font-size:23.58rpx;color:#6E5B51;margin-left:10rpx">{{item.e}}</text></view><text style="font-size:19.42rpx;color:#8C8574;position:absolute;left:60.58rpx;top:263.19rpx">{{item.f}}</text><view class="row" style="position:absolute;right:24.31rpx;bottom:31.94rpx"><image src="{{e}}" style="width:143.75rpx;height:59.72rpx" mode=""></image><image src="{{f}}" style="width:143.75rpx;height:59.72rpx;margin-left:25.69rpx" mode=""></image></view></view></view></view>
|
||||
51
unpackage/dist/dev/mp-weixin/pages/me/order-page.wxss
vendored
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.content {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.title {
|
||||
width: 688.88rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-top: 119.44rpx;
|
||||
}
|
||||
.title text {
|
||||
font-size: 29.17rpx;
|
||||
color: #6E5B51;
|
||||
}
|
||||
.back {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
.back image {
|
||||
width: 14.58rpx;
|
||||
height: 27.08rpx;
|
||||
}
|
||||
63
unpackage/dist/dev/mp-weixin/pages/me/user-info-page.js
vendored
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
"use strict";
|
||||
const common_vendor = require("../../common/vendor.js");
|
||||
const common_assets = require("../../common/assets.js");
|
||||
const _sfc_main = {
|
||||
data() {
|
||||
return {
|
||||
nickName: "某某"
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
toBack() {
|
||||
common_vendor.index.navigateBack();
|
||||
},
|
||||
//修改头像
|
||||
chooseImage() {
|
||||
common_vendor.index.chooseImage({
|
||||
count: 1,
|
||||
// 默认9,设置图片的最大选择数
|
||||
sizeType: ["compressed"],
|
||||
// 可以指定是原图还是压缩图,默认二者都有
|
||||
sourceType: ["album", "camera"],
|
||||
// 可以指定来源是相册还是相机,默认二者都有
|
||||
success: (res) => {
|
||||
this.avatarUrl = res.tempFilePaths[0];
|
||||
}
|
||||
});
|
||||
},
|
||||
//上传图片
|
||||
uploadImage(filePath) {
|
||||
common_vendor.index.uploadFile({
|
||||
url: "你的上传接口URL",
|
||||
// 仅为示例,请替换为实际接口地址
|
||||
filePath,
|
||||
name: "file",
|
||||
// 必须填,对应服务器接收的参数名
|
||||
formData: {
|
||||
"user": "test"
|
||||
// HTTP 请求中其他额外的 form data
|
||||
},
|
||||
success: (uploadFileRes) => {
|
||||
common_vendor.index.__f__("log", "at pages/me/user-info-page.vue:87", "上传成功");
|
||||
},
|
||||
fail: (error) => {
|
||||
common_vendor.index.__f__("error", "at pages/me/user-info-page.vue:91", "上传失败", error);
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||
return {
|
||||
a: common_assets._imports_0$2,
|
||||
b: common_vendor.o(($event) => $options.toBack()),
|
||||
c: common_vendor.o(($event) => $options.chooseImage()),
|
||||
d: common_vendor.o(($event) => $options.chooseImage()),
|
||||
e: $data.nickName,
|
||||
f: common_vendor.o(($event) => $data.nickName = $event.detail.value),
|
||||
g: common_assets._imports_1$4
|
||||
};
|
||||
}
|
||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||
wx.createPage(MiniProgramPage);
|
||||
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/me/user-info-page.js.map
|
||||
5
unpackage/dist/dev/mp-weixin/pages/me/user-info-page.json
vendored
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
{
|
||||
"navigationStyle": "custom",
|
||||
"navigationBarTitleText": "",
|
||||
"usingComponents": {}
|
||||
}
|
||||
1
unpackage/dist/dev/mp-weixin/pages/me/user-info-page.wxml
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
<view class="content bg" style="background-image:url('/static/bags_bg.png')"><view class="title"><view class="back" bindtap="{{b}}"><image src="{{a}}" mode=""></image></view><text>个人信息</text><view class="back"></view></view><image class="head" src="{{''}}" bindtap="{{c}}" style="" mode=""></image><text class="setHead" bindtap="{{d}}" style="">修改头像</text><view class="row nickName"><text style="margin-left:40.28rpx">昵称</text><view class="" style="width:50.58rpx;height:20rpx;margin-right:40.28rpx"><block wx:if="{{r0}}"><textarea fixed="true" value="{{e}}" bindinput="{{f}}"/></block></view></view><view class="row nickName"><text style="margin-left:40.28rpx">绑定手机号</text><text style="margin-right:40.28rpx">13333333333</text></view><view class="row nickName"><text style="margin-left:40.28rpx">我的ID</text><text style="margin-right:40.28rpx">5666</text></view><image class="save" src="{{g}}" mode=""></image></view>
|
||||
80
unpackage/dist/dev/mp-weixin/pages/me/user-info-page.wxss
vendored
Normal file
|
|
@ -0,0 +1,80 @@
|
|||
/**
|
||||
* 这里是uni-app内置的常用样式变量
|
||||
*
|
||||
* uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
|
||||
* 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
|
||||
*
|
||||
*/
|
||||
/**
|
||||
* 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
|
||||
*
|
||||
* 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
|
||||
*/
|
||||
/* 颜色变量 */
|
||||
/* 行为相关颜色 */
|
||||
/* 文字基本颜色 */
|
||||
/* 背景颜色 */
|
||||
/* 边框颜色 */
|
||||
/* 尺寸变量 */
|
||||
/* 文字尺寸 */
|
||||
/* 图片尺寸 */
|
||||
/* Border Radius */
|
||||
/* 水平间距 */
|
||||
/* 垂直间距 */
|
||||
/* 透明度 */
|
||||
/* 文章场景相关 */
|
||||
.content {
|
||||
width: 100%;
|
||||
height: 100vh;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.title {
|
||||
width: 688.88rpx;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
margin-top: 119.44rpx;
|
||||
}
|
||||
.title text {
|
||||
font-size: 29.17rpx;
|
||||
color: #6E5B51;
|
||||
}
|
||||
.back {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
.back image {
|
||||
width: 14.58rpx;
|
||||
height: 27.08rpx;
|
||||
}
|
||||
.head {
|
||||
width: 137.5rpx;
|
||||
height: 137.5rpx;
|
||||
background-color: white;
|
||||
border-radius: 50%;
|
||||
border: 1rpx solid #F5D677;
|
||||
margin-top: 31.94rpx;
|
||||
}
|
||||
.setHead {
|
||||
margin-top: 14.58rpx;
|
||||
font-size: 19.42rpx;
|
||||
color: #8C8574;
|
||||
}
|
||||
.nickName {
|
||||
width: 689.58rpx;
|
||||
height: 88.19rpx;
|
||||
background-color: white;
|
||||
margin-top: 60.42rpx;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-radius: 16rpx;
|
||||
font-size: 20.45rpx;
|
||||
color: #876850;
|
||||
}
|
||||
.save {
|
||||
width: 561.81rpx;
|
||||
height: 122.92rpx;
|
||||
margin-top: 259.03rpx;
|
||||
}
|
||||
BIN
unpackage/dist/dev/mp-weixin/static/confirm_pay.png
vendored
Normal file
|
After Width: | Height: | Size: 292 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/confirm_receipt.png
vendored
Normal file
|
After Width: | Height: | Size: 24 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/coupon_0.png
vendored
Normal file
|
After Width: | Height: | Size: 18 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/coupon_1.png
vendored
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/ic_logistics.png
vendored
Normal file
|
After Width: | Height: | Size: 23 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/ic_save.png
vendored
Normal file
|
After Width: | Height: | Size: 72 KiB |