修改了已知问题
This commit is contained in:
Ling53666
parent
0b0c66a243
commit
4dce4df8cb
|
|
@ -34,6 +34,16 @@
|
||||||
"title": "认证美甲师",
|
"title": "认证美甲师",
|
||||||
"page": "pages/meijiashirenzheng/meijiashirenzheng",
|
"page": "pages/meijiashirenzheng/meijiashirenzheng",
|
||||||
"launchMode": "common"
|
"launchMode": "common"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "我的评价",
|
||||||
|
"page": "pages/wodepingjia/wodepingjia",
|
||||||
|
"launchMode": "common"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"title": "评价",
|
||||||
|
"page": "pages/pingjia/pingjia",
|
||||||
|
"launchMode": "common"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
@ -95,5 +95,5 @@
|
||||||
page{
|
page{
|
||||||
width: 100vw; /* 或者 750rpx */
|
width: 100vw; /* 或者 750rpx */
|
||||||
height: auto;
|
height: auto;
|
||||||
overflow: hidden; /* 防止溢出 */
|
overflow:hidden; /* 防止溢出 */
|
||||||
}
|
}
|
||||||
|
|
@ -33,7 +33,8 @@
|
||||||
"pages/dianpuzhuye/dianpuzhuye",
|
"pages/dianpuzhuye/dianpuzhuye",
|
||||||
"pages/index",
|
"pages/index",
|
||||||
"pages/test/test",
|
"pages/test/test",
|
||||||
"pages/meijiashirenzheng/meijiashirenzheng"
|
"pages/meijiashirenzheng/meijiashirenzheng",
|
||||||
|
"pages/pingjia/pingjia"
|
||||||
],
|
],
|
||||||
"window": {
|
"window": {
|
||||||
"defaultTitle": "甲情甲意",
|
"defaultTitle": "甲情甲意",
|
||||||
|
|
@ -53,20 +54,20 @@
|
||||||
{
|
{
|
||||||
"pagePath": "pages/shouye/shouye",
|
"pagePath": "pages/shouye/shouye",
|
||||||
"name": "首页",
|
"name": "首页",
|
||||||
"icon": "pages/image/首页.png",
|
"icon": "pages/image/shouye.png",
|
||||||
"activeIcon": "pages/image/首页.png"
|
"activeIcon": "pages/image/shouye.png"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"pagePath": "pages/gouwuche/gouwuche",
|
"pagePath": "pages/gouwuche/gouwuche",
|
||||||
"name": "购物车",
|
"name": "购物车",
|
||||||
"icon": "pages/image/购物车.png",
|
"icon": "pages/image/gouwuche.png",
|
||||||
"activeIcon": "pages/image/购物车.png"
|
"activeIcon": "pages/image/gouwuche.png"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"pagePath": "pages/wode/wode",
|
"pagePath": "pages/wode/wode",
|
||||||
"name": "我的",
|
"name": "我的",
|
||||||
"icon": "pages/image/我的.png",
|
"icon": "pages/image/my.png",
|
||||||
"activeIcon": "pages/image/我的.png"
|
"activeIcon": "pages/image/my.png"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1,27 +1,30 @@
|
||||||
/* 搜索框 */
|
/* 搜索框 */
|
||||||
|
.Box1{
|
||||||
|
width: 100%;
|
||||||
|
height: 60px;
|
||||||
|
}
|
||||||
.box1{
|
.box1{
|
||||||
width: 330px;
|
width: 330px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
top:5px;
|
margin-top:15px;
|
||||||
left: 35px;
|
margin-left: 35px;
|
||||||
position: absolute;
|
border: 1px solid #de868f;
|
||||||
background-color: darkgray;
|
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
|
overflow:hidden;
|
||||||
}
|
}
|
||||||
/* 框内信息 */
|
/* 框内信息 */
|
||||||
.box2{
|
.box2{
|
||||||
width: 328px;
|
width: 100%;
|
||||||
height: 37px;
|
height: 30px;
|
||||||
top:1px;
|
|
||||||
left: 1px;
|
|
||||||
position: absolute;
|
|
||||||
background-color:#ffffff;
|
background-color:#ffffff;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
}
|
}
|
||||||
.box2 image{
|
|
||||||
|
|
||||||
|
.image{
|
||||||
width: 25px;
|
width: 25px;
|
||||||
height: 25px;
|
height: 25px;
|
||||||
position: absolute;
|
position: relative;
|
||||||
top:6px;
|
top:6px;
|
||||||
left: 5px;
|
left: 5px;
|
||||||
}
|
}
|
||||||
|
|
@ -31,7 +34,7 @@
|
||||||
position: absolute;
|
position: absolute;
|
||||||
}
|
}
|
||||||
/* 地区选择 */
|
/* 地区选择 */
|
||||||
.h1 image{
|
.image1{
|
||||||
width: 15px;
|
width: 15px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
@ -83,131 +86,6 @@
|
||||||
left:5px;
|
left:5px;
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
}
|
}
|
||||||
/* b店铺 */
|
|
||||||
.bdianpu{
|
|
||||||
width: 344px;
|
|
||||||
height: 120px;
|
|
||||||
position: absolute;
|
|
||||||
left: 22px;
|
|
||||||
top: 220px;
|
|
||||||
margin: auto;
|
|
||||||
border: 3px #de868f solid;
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* b店铺名称 */
|
|
||||||
.bname{
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: bold;
|
|
||||||
left: 110px;
|
|
||||||
top: 15px;
|
|
||||||
position: absolute;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* b店铺图片 */
|
|
||||||
.t2 image{
|
|
||||||
width: 100px;
|
|
||||||
height: 100px;
|
|
||||||
position: absolute;
|
|
||||||
top:10px;
|
|
||||||
left:5px;
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* c店铺 */
|
|
||||||
.cdianpu{
|
|
||||||
width: 344px;
|
|
||||||
height: 120px;
|
|
||||||
position: absolute;
|
|
||||||
left: 0px;
|
|
||||||
top: 128px;
|
|
||||||
margin: auto;
|
|
||||||
border: 3px #de868f solid;
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* c店铺名称 */
|
|
||||||
.cname{
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: bold;
|
|
||||||
left: 110px;
|
|
||||||
top: 15px;
|
|
||||||
position: absolute;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* c店铺图片 */
|
|
||||||
.t3 image{
|
|
||||||
width: 100px;
|
|
||||||
height: 100px;
|
|
||||||
position: absolute;
|
|
||||||
top:10px;
|
|
||||||
left:5px;
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
/* d店铺 */
|
|
||||||
.ddianpu{
|
|
||||||
width: 344px;
|
|
||||||
height: 120px;
|
|
||||||
position: absolute;
|
|
||||||
left: 0px;
|
|
||||||
top: 130px;
|
|
||||||
margin: auto;
|
|
||||||
border: 3px #de868f solid;
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* d店铺名称 */
|
|
||||||
.dname{
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: bold;
|
|
||||||
left: 110px;
|
|
||||||
top: 15px;
|
|
||||||
position: absolute;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* d店铺图片 */
|
|
||||||
.t4 image{
|
|
||||||
width: 100px;
|
|
||||||
height: 100px;
|
|
||||||
position: absolute;
|
|
||||||
top:10px;
|
|
||||||
left:5px;
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
/* e店铺 */
|
|
||||||
.edianpu{
|
|
||||||
width: 344px;
|
|
||||||
height: 120px;
|
|
||||||
position: absolute;
|
|
||||||
left: 0px;
|
|
||||||
top: 130px;
|
|
||||||
margin: auto;
|
|
||||||
border: 3px #de868f solid;
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* e店铺名称 */
|
|
||||||
.ename{
|
|
||||||
font-size: 15px;
|
|
||||||
font-weight: bold;
|
|
||||||
left: 110px;
|
|
||||||
top: 15px;
|
|
||||||
position: absolute;
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* e店铺图片 */
|
|
||||||
.t5 image{
|
|
||||||
width: 100px;
|
|
||||||
height: 100px;
|
|
||||||
position: absolute;
|
|
||||||
top:10px;
|
|
||||||
left:5px;
|
|
||||||
border-radius: 20px;
|
|
||||||
}
|
|
||||||
/* 可预定小框 */
|
/* 可预定小框 */
|
||||||
.ksm{
|
.ksm{
|
||||||
width: 70px;
|
width: 70px;
|
||||||
|
|
@ -281,7 +159,7 @@
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
border-bottom: 1px solid #ddd;
|
border-bottom: 1px solid #ddd;
|
||||||
position: relative;
|
position: relative;
|
||||||
bottom: 6rpx;
|
bottom: 60rpx;
|
||||||
left: 40rpx;
|
left: 40rpx;
|
||||||
width: 560rpx;
|
width: 560rpx;
|
||||||
}
|
}
|
||||||
|
|
@ -312,4 +190,9 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap; /* 允许换行 */
|
flex-wrap: wrap; /* 允许换行 */
|
||||||
justify-content: space-between; /* 使子元素分布更均匀 */
|
justify-content: space-between; /* 使子元素分布更均匀 */
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.Box2{
|
||||||
|
position: relative;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<view class="Box1">
|
<view class="Box1">
|
||||||
<view class="box1">
|
<view class="box1">
|
||||||
<view class="box2">
|
<view class="box2">
|
||||||
<image mode="scaleToFill" src="../image/搜索.png" />
|
<image class="image" mode="scaleToFill" src="../image/sousuo.png" />
|
||||||
<view class="search-outer">
|
<view class="search-outer">
|
||||||
<input
|
<input
|
||||||
class="search-input"
|
class="search-input"
|
||||||
|
|
@ -21,10 +21,9 @@
|
||||||
<view class="Box2">
|
<view class="Box2">
|
||||||
<!-- 地区选择 -->
|
<!-- 地区选择 -->
|
||||||
<view class="h1">
|
<view class="h1">
|
||||||
<image mode="scaleToFill" src="../image/地点.png" />
|
<image class="image1" mode="scaleToFill" src="../image/didian.png" />
|
||||||
<view class="h2">
|
<view class="h2">
|
||||||
<text class="z2">哈尔滨华德学院</text>
|
<text class="z2">哈尔滨华德学院</text>
|
||||||
<image mode="scaleToFill" src="../image/降序.png" />
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 综合排序 -->
|
<!-- 综合排序 -->
|
||||||
|
|
|
||||||
|
|
@ -3,40 +3,35 @@
|
||||||
/* 店铺名框 */
|
/* 店铺名框 */
|
||||||
.Box2
|
.Box2
|
||||||
{
|
{
|
||||||
width: 380px;
|
width: 100%;
|
||||||
height: 150px;
|
height: 150px;
|
||||||
background-color: white;
|
background-color: white;
|
||||||
position: relative;
|
position: relative;
|
||||||
left:5px;
|
top:30px;
|
||||||
top:50px;
|
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
}
|
}
|
||||||
/* 店铺名 */
|
/* 店铺名 */
|
||||||
.z2{
|
.z2{
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
font-weight: bolder;
|
font-weight: bolder;
|
||||||
left: 50rpx;
|
|
||||||
bottom: 130rpx;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
.image1{
|
.image1{
|
||||||
width: 80px;
|
width: 80px;
|
||||||
height: 20px;
|
height: 20px;
|
||||||
position: relative;
|
margin-left: 10rpx;
|
||||||
right: 230rpx;
|
margin-top: 20rpx;
|
||||||
bottom: 50rpx;
|
|
||||||
}
|
}
|
||||||
.z3{
|
.z3{
|
||||||
position: relative;
|
position: relative;
|
||||||
|
left: 30rpx;
|
||||||
|
bottom: 8rpx;
|
||||||
color: rgb(194, 53, 53);
|
color: rgb(194, 53, 53);
|
||||||
bottom:95rpx;
|
|
||||||
left: 230px;
|
|
||||||
}
|
}
|
||||||
.z4{
|
.z4{
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 480rpx;
|
left: 80rpx;
|
||||||
bottom: 95rpx;
|
bottom:10rpx;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 相册框按钮 */
|
/* 相册框按钮 */
|
||||||
|
|
@ -101,7 +96,6 @@
|
||||||
/* 推荐项目 */
|
/* 推荐项目 */
|
||||||
.zt1{
|
.zt1{
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
top:130rpx;
|
|
||||||
left: 10px;
|
left: 10px;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
@ -114,17 +108,21 @@
|
||||||
}
|
}
|
||||||
.zt2{
|
.zt2{
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
position: relative;
|
display: flex;
|
||||||
top:10rpx;
|
flex-direction: column;
|
||||||
left: 30rpx;
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
.zt3{
|
.zt3{
|
||||||
color: #E89709;
|
color: #E89709;
|
||||||
font-size: 19px;
|
font-size: 19px;
|
||||||
font-weight: bolder;
|
font-weight: bolder;
|
||||||
position: relative;
|
display: flex;
|
||||||
top:10rpx;
|
flex-direction: column;
|
||||||
left: 100rpx;
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.zt4{
|
.zt4{
|
||||||
|
|
@ -165,45 +163,46 @@
|
||||||
/* 推荐美甲师 */
|
/* 推荐美甲师 */
|
||||||
.wz1{
|
.wz1{
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
position: absolute;
|
position: relative;
|
||||||
top:505px;
|
|
||||||
left: 10px;
|
left: 10px;
|
||||||
}
|
}
|
||||||
/* 第一个美甲师 */
|
/* 第一个美甲师 */
|
||||||
|
|
||||||
/* 底部框 */
|
/* 底部框 */
|
||||||
.Box6{
|
.Box6{
|
||||||
width: 390px;
|
width: 100%;
|
||||||
height: 80px;
|
height: 70px;
|
||||||
height: #ffffffe9;
|
height: #ffffffe9;
|
||||||
position: absolute;
|
top:1300rpx;
|
||||||
top:700px;
|
position: fixed;
|
||||||
}
|
}
|
||||||
.image12{
|
.image12{
|
||||||
width: 35px;
|
width: 35px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
position: absolute;
|
position: relative;
|
||||||
top:15px;
|
top:15px;
|
||||||
left: 20px;
|
left: 20rpx;
|
||||||
}
|
}
|
||||||
.box5{
|
.box5{
|
||||||
width: 390px;
|
width: 100%;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
background-color: darkgray;
|
background-color: darkgray;
|
||||||
|
position: relative;
|
||||||
|
bottom: 45rpx;
|
||||||
}
|
}
|
||||||
.t1{
|
.t1{
|
||||||
position: absolute;
|
position: relative;
|
||||||
top:20px;
|
left: 90rpx;
|
||||||
left: 60px;
|
bottom: 25rpx;
|
||||||
}
|
}
|
||||||
.box6{
|
.box6{
|
||||||
width: 130px;
|
width: 130px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
background-color: #eec2c7;
|
background-color: #eec2c7;
|
||||||
position: absolute;
|
position: relative;
|
||||||
top:11px;
|
left: 480rpx;
|
||||||
left: 240px;
|
|
||||||
border-radius: 20px;
|
border-radius: 20px;
|
||||||
|
bottom: 70rpx;
|
||||||
}
|
}
|
||||||
.t2{
|
.t2{
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
|
@ -214,23 +213,23 @@
|
||||||
.image{
|
.image{
|
||||||
width: 200rpx;
|
width: 200rpx;
|
||||||
height: 200rpx;
|
height: 200rpx;
|
||||||
position: relative;
|
|
||||||
left: 20rpx;
|
|
||||||
border-radius: 10%;
|
border-radius: 10%;
|
||||||
|
margin-left: 20rpx;
|
||||||
}
|
}
|
||||||
.h1{
|
.h1{
|
||||||
margin-left: 10rpx;
|
width: 100%;
|
||||||
|
height: 200px;
|
||||||
|
white-space: nowrap;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
overflow:hidden;
|
||||||
display: flex;
|
display: flex;
|
||||||
position:relative;
|
|
||||||
top: 160rpx;
|
|
||||||
|
|
||||||
}
|
}
|
||||||
.box7 {
|
.box7 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
flex-direction: column; /* 垂直方向弹性布局 */
|
flex-direction: column; /* 垂直方向弹性布局 */
|
||||||
white-space: nowrap; /* 强制内容不换行，确保图片在一行显示 */
|
white-space: nowrap; /* 强制内容不换行，确保图片在一行显示 */
|
||||||
position:relative;
|
position:relative;
|
||||||
top: 260rpx;
|
top: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.image-container {
|
.image-container {
|
||||||
|
|
@ -249,3 +248,10 @@
|
||||||
margin-left: 60rpx;
|
margin-left: 60rpx;
|
||||||
margin-top: 50rpx;
|
margin-top: 50rpx;
|
||||||
}
|
}
|
||||||
|
.box8{
|
||||||
|
width: 500rpx;
|
||||||
|
height: 200rpx;
|
||||||
|
position: relative;
|
||||||
|
left: 230rpx;
|
||||||
|
bottom: 200rpx;
|
||||||
|
}
|
||||||
|
|
@ -2,35 +2,44 @@
|
||||||
<!-- 店铺名框 -->
|
<!-- 店铺名框 -->
|
||||||
<view class="Box2" >
|
<view class="Box2" >
|
||||||
<image class="image" mode="scaleToFill" src="{{businessAvatar}}" />
|
<image class="image" mode="scaleToFill" src="{{businessAvatar}}" />
|
||||||
<text class="z2">{{businessName}}</text>
|
<view class="box8">
|
||||||
<image mode="scaleToFill" class="image1" src="../image/星级.png" />
|
<text class="z2">{{businessName}}</text>
|
||||||
<text class="z3">4.9</text>
|
<view style="margin-top:10rpx">
|
||||||
<text class="z4">500条</text>
|
<image mode="scaleToFill" class="image1" src="../image/xingji.png" />
|
||||||
|
<text class="z3">4.9</text>
|
||||||
|
<text class="z4">500条</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 营业时间 -->
|
<!-- 营业时间 -->
|
||||||
<view>
|
<view style="width:100%;height:100px">
|
||||||
<text class="z6" a:if="{{storeStatus === '0'}}">已休息</text>
|
<text class="z6" a:if="{{storeStatus === '0'}}">已休息</text>
|
||||||
<text class="z6" a:if="{{storeStatus === '1'}}">营业中</text>
|
<text class="z6" a:if="{{storeStatus === '1'}}">营业中</text>
|
||||||
<text class="z7">营业时间：{{startBusiness}}-{{endBusiness}}</text>
|
<text class="z7">营业时间：{{startBusiness}}-{{endBusiness}}</text>
|
||||||
<view class="box3"></view>
|
|
||||||
<!-- 地址 -->
|
|
||||||
<view>
|
<view>
|
||||||
|
<view class="box3"></view>
|
||||||
|
</view>
|
||||||
|
<!-- 地址 -->
|
||||||
|
<view style="width:100%">
|
||||||
<text class="z8">{{address}}</text>
|
<text class="z8">{{address}}</text>
|
||||||
<image class="image3" mode="scaleToFill" src="../image/地点.png" />
|
<image class="image3" mode="scaleToFill" src="../image/地点.png" />
|
||||||
<view class="box4"></view>
|
<view>
|
||||||
|
<view class="box4"></view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 推荐项目 -->
|
<!-- 推荐项目 -->
|
||||||
<view>
|
|
||||||
<text class="zt1">推荐项目</text>
|
<text class="zt1">推荐项目</text>
|
||||||
</view>
|
|
||||||
|
|
||||||
<!-- 第一个项目 -->
|
<!-- 第一个项目 -->
|
||||||
<view class="h1" >
|
<view class="h1" >
|
||||||
<view a:for="{{ tuijian }}" a:key="index"data-num="{{item}}" onTap="shangpinjiemian">
|
<view style="width:200px;margin-left:10rpx" a:for="{{ tuijian }}" a:key="index"data-num="{{item}}" onTap="shangpinjiemian">
|
||||||
<image class="image2" mode="scaleToFill" src="{{item.commoditiesImage}}" />
|
<image class="image2" mode="scaleToFill" src="{{item.commoditiesImage}}" />
|
||||||
<text class="zt2">{{item.commoditiesName}}</text>
|
<view style="height:50px;width:180px">
|
||||||
<text class="zt3">￥{{item.commoditiesPrice}}</text>
|
<text class="zt2">{{item.commoditiesName}}</text>
|
||||||
|
<view>
|
||||||
|
<text class="zt3">￥{{item.commoditiesPrice}}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 推荐美甲师 -->
|
<!-- 推荐美甲师 -->
|
||||||
|
|
@ -45,7 +54,6 @@
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 底部框 -->
|
<!-- 底部框 -->
|
||||||
<view class="Box6">
|
<view class="Box6">
|
||||||
<image class="image12" mode="scaleToFill" src="../image/pingjia.png" />
|
<image class="image12" mode="scaleToFill" src="../image/pingjia.png" />
|
||||||
|
|
|
||||||
|
|
@ -3,6 +3,9 @@
|
||||||
min-height: 100vh; /* 确保容器至少占满屏幕的高度 */
|
min-height: 100vh; /* 确保容器至少占满屏幕的高度 */
|
||||||
background-color: #eec2c7;
|
background-color: #eec2c7;
|
||||||
overflow-y: auto; /* 允许竖直方向滚动 */
|
overflow-y: auto; /* 允许竖直方向滚动 */
|
||||||
|
width: 100vw; /* 或者 750rpx */
|
||||||
|
height: auto;
|
||||||
|
overflow:hidden; /* 防止溢出 */
|
||||||
}
|
}
|
||||||
|
|
||||||
.box3 {
|
.box3 {
|
||||||
|
|
@ -39,6 +42,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.box5 {
|
.box5 {
|
||||||
|
height: 50px;
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 40px;
|
left: 40px;
|
||||||
top:30px;
|
top:30px;
|
||||||
|
|
@ -60,7 +64,7 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
background-color: rgb(162, 12, 12);
|
background-color: rgb(162, 12, 12);
|
||||||
left: 140px;
|
left: 280rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
|
|
@ -84,5 +88,10 @@
|
||||||
}
|
}
|
||||||
.text2 {
|
.text2 {
|
||||||
position: relative;
|
position: relative;
|
||||||
left: 85px;
|
left: 185rpx;
|
||||||
|
}
|
||||||
|
.text3{
|
||||||
|
height: 20px;
|
||||||
|
position: absolute;
|
||||||
|
left: 60rpx;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -3,6 +3,7 @@
|
||||||
<view class="box3">
|
<view class="box3">
|
||||||
<block a:for="{{productList}}" a:key="id">
|
<block a:for="{{productList}}" a:key="id">
|
||||||
<view class="box1">
|
<view class="box1">
|
||||||
|
|
||||||
<view class="box4">
|
<view class="box4">
|
||||||
<!-- 给每个复选框绑定 data-index -->
|
<!-- 给每个复选框绑定 data-index -->
|
||||||
<ant-checkbox
|
<ant-checkbox
|
||||||
|
|
@ -13,7 +14,9 @@
|
||||||
</ant-checkbox>
|
</ant-checkbox>
|
||||||
</view>
|
</view>
|
||||||
<image class="image" mode="scaleToFill" src="{{item.commoditiesImage}}" />
|
<image class="image" mode="scaleToFill" src="{{item.commoditiesImage}}" />
|
||||||
|
<!-- <text class="text3" onTap="yichu">移除</text> -->
|
||||||
<view class="box5">
|
<view class="box5">
|
||||||
|
|
||||||
<view>
|
<view>
|
||||||
<text class="text" style="font-size:20px">{{item.commoditiesName}}</text>
|
<text class="text" style="font-size:20px">{{item.commoditiesName}}</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
|
||||||
|
|
@ -33,6 +33,51 @@ Page({
|
||||||
const cartItems = res.data.data;
|
const cartItems = res.data.data;
|
||||||
this.fetchProductDetails(cartItems);
|
this.fetchProductDetails(cartItems);
|
||||||
}
|
}
|
||||||
|
console.log(res);
|
||||||
|
console.log(this.data.id);
|
||||||
|
},
|
||||||
|
fail: (error) => {
|
||||||
|
console.error('请求失败: ', JSON.stringify(error));
|
||||||
|
my.alert({ content: '请求失败，请稍后重试' });
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
my.alert({
|
||||||
|
content: '您未登录，请先登录。',
|
||||||
|
success: () => {
|
||||||
|
my.navigateTo({
|
||||||
|
url: '/pages/denglu/denglu',
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
yichu(){
|
||||||
|
my.getStorage({
|
||||||
|
key: 'userInfo',
|
||||||
|
success: (res) => {
|
||||||
|
const userInfo = res.data;
|
||||||
|
this.setData({
|
||||||
|
id: userInfo.id, // 获取 id
|
||||||
|
});
|
||||||
|
|
||||||
|
if (userInfo && userInfo.cookie) {
|
||||||
|
my.request({
|
||||||
|
url: url + '/api/cart/delete',
|
||||||
|
method: 'POST',
|
||||||
|
data: {
|
||||||
|
id: item.commoditiesId,
|
||||||
|
},
|
||||||
|
headers: {
|
||||||
|
'content-type': 'application/json',
|
||||||
|
'Cookie': userInfo.cookie,
|
||||||
|
},
|
||||||
|
dataType: 'json',
|
||||||
|
success: (res) => {
|
||||||
|
alert('成功移除商品')
|
||||||
|
console.log(res);
|
||||||
},
|
},
|
||||||
fail: (error) => {
|
fail: (error) => {
|
||||||
console.error('请求失败: ', JSON.stringify(error));
|
console.error('请求失败: ', JSON.stringify(error));
|
||||||
|
|
@ -59,11 +104,16 @@ Page({
|
||||||
my.request({
|
my.request({
|
||||||
url: url + '/api/commodities/getById/commodities',
|
url: url + '/api/commodities/getById/commodities',
|
||||||
method: 'GET',
|
method: 'GET',
|
||||||
data: { id: this.data.id },
|
data: {
|
||||||
|
id:item.commoditiesId
|
||||||
|
},
|
||||||
headers: { 'content-type': 'application/json' },
|
headers: { 'content-type': 'application/json' },
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
if (res.data.code === 0) {
|
if (res.data.code === 0) {
|
||||||
resolve(res.data.data);
|
resolve(res.data.data);
|
||||||
|
console.log(res);
|
||||||
|
console.log('ajsdhjasoijdkas');
|
||||||
|
console.log(this.data.id)
|
||||||
} else {
|
} else {
|
||||||
reject(`商品信息获取失败: ${res.data.message}`);
|
reject(`商品信息获取失败: ${res.data.message}`);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,6 +4,7 @@
|
||||||
"ant-checkbox": "antd-mini/es/Checkbox/index",
|
"ant-checkbox": "antd-mini/es/Checkbox/index",
|
||||||
"stepper": "antd-mini/es/Stepper/index",
|
"stepper": "antd-mini/es/Stepper/index",
|
||||||
"ant-checkbox-group": "antd-mini/es/Checkbox/CheckboxGroup/index",
|
"ant-checkbox-group": "antd-mini/es/Checkbox/CheckboxGroup/index",
|
||||||
|
"ant-swipe-action": "antd-mini/es/SwipeAction/index",
|
||||||
"ant-stepper": "antd-mini/es/Stepper/index"
|
"ant-stepper": "antd-mini/es/Stepper/index"
|
||||||
},
|
},
|
||||||
"styleIsolation": "apply-shared"
|
"styleIsolation": "apply-shared"
|
||||||
|
|
|
||||||
BIN
甲情_甲意/miniprogram/pages/image/didian.png
Normal file
BIN
甲情_甲意/miniprogram/pages/image/didian.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 288 B |
BIN
甲情_甲意/miniprogram/pages/image/gouwuche.png
Normal file
BIN
甲情_甲意/miniprogram/pages/image/gouwuche.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
甲情_甲意/miniprogram/pages/image/jiantou.png
Normal file
BIN
甲情_甲意/miniprogram/pages/image/jiantou.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 280 B |
BIN
甲情_甲意/miniprogram/pages/image/my.png
Normal file
BIN
甲情_甲意/miniprogram/pages/image/my.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
甲情_甲意/miniprogram/pages/image/shangjiaruzu.png
Normal file
BIN
甲情_甲意/miniprogram/pages/image/shangjiaruzu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 397 B |
BIN
甲情_甲意/miniprogram/pages/image/shouye.png
Normal file
BIN
甲情_甲意/miniprogram/pages/image/shouye.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
甲情_甲意/miniprogram/pages/image/sousuo.png
Normal file
BIN
甲情_甲意/miniprogram/pages/image/sousuo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 952 B |
BIN
甲情_甲意/miniprogram/pages/image/tuichudenglu.png
Normal file
BIN
甲情_甲意/miniprogram/pages/image/tuichudenglu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 478 B |
BIN
甲情_甲意/miniprogram/pages/image/wodedingdan.png
Normal file
BIN
甲情_甲意/miniprogram/pages/image/wodedingdan.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 371 B |
BIN
甲情_甲意/miniprogram/pages/image/wodepingjia.png
Normal file
BIN
甲情_甲意/miniprogram/pages/image/wodepingjia.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 631 B |
BIN
甲情_甲意/miniprogram/pages/image/xingji.png
Normal file
BIN
甲情_甲意/miniprogram/pages/image/xingji.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 588 B |
|
|
@ -78,10 +78,13 @@
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
width: 320px;
|
width: 300px;
|
||||||
|
margin-top: 20px;
|
||||||
|
cursor: pointer; /* 鼠标悬停时显示为点击样式 */
|
||||||
|
position: relative;
|
||||||
|
left: 20px;
|
||||||
}
|
}
|
||||||
.box{
|
.box{
|
||||||
position: relative;
|
position: relative;
|
||||||
right: 13px;
|
right: 13px;
|
||||||
margin-right: 90px;
|
|
||||||
}
|
}
|
||||||
|
|
@ -3,7 +3,7 @@
|
||||||
<view class="section-title">认证信息</view>
|
<view class="section-title">认证信息</view>
|
||||||
<view class="input-row">
|
<view class="input-row">
|
||||||
<text class="label">姓名</text>
|
<text class="label">姓名</text>
|
||||||
<input class="input" placeholder="请输入姓名" onInput="businessName" />
|
<input class="input" placeholder="请输入姓名" onInput="businessName"/>
|
||||||
</view>
|
</view>
|
||||||
<view class="input-row">
|
<view class="input-row">
|
||||||
<text class="label">电子邮箱</text>
|
<text class="label">电子邮箱</text>
|
||||||
|
|
|
||||||
|
|
@ -1,35 +1,71 @@
|
||||||
|
import {url} from '../request'
|
||||||
import cityList from './city';
|
import cityList from './city';
|
||||||
Page({
|
Page({
|
||||||
data: {
|
data: {
|
||||||
cityList,
|
cityList,
|
||||||
cascaderValue: ['34', '330'],
|
cascaderValue: ['34', '330'],
|
||||||
cascaderVisible: false,
|
cascaderVisible: false,
|
||||||
|
businessName:'',
|
||||||
|
person:'',
|
||||||
|
phone:'',
|
||||||
|
idcard:'',
|
||||||
|
selectedOption:''
|
||||||
},
|
},
|
||||||
onLoad() {},
|
onLoad() {},
|
||||||
ruzhu(){
|
ruzhu(){
|
||||||
// my.request({
|
if (!this.validateForm()) {
|
||||||
// url: url+'/api/business/add',
|
return; // 验证未通过，阻止提交
|
||||||
// method: 'POST',
|
}
|
||||||
// data: {
|
my.getStorage({
|
||||||
|
key: 'userInfo',
|
||||||
// },
|
success: (res) => {
|
||||||
// headers: {
|
const userInfo = res.data;
|
||||||
// 'content-type': 'application/json', //默认值
|
this.setData({
|
||||||
// },
|
id: userInfo.id, // 获取 id
|
||||||
// dataType: 'json',
|
});
|
||||||
// success: (res)=> {
|
|
||||||
// my.alert({ content: 'success' });
|
if (userInfo && userInfo.cookie) {
|
||||||
// },
|
my.request({
|
||||||
// fail: function (error) {
|
url: url + '/api/manicurist/add',
|
||||||
// console.error('fail: ', JSON.stringify(error));
|
method: 'POST',
|
||||||
// },
|
data: {
|
||||||
// complete: function (res) {
|
certificate_path: this.data.businessName,
|
||||||
// my.hideLoading();
|
certification_number: this.data.idcard,
|
||||||
// my.alert({ content: 'complete' });
|
email: this.data.person,
|
||||||
// },
|
gender: 0,
|
||||||
// });
|
issuing_authority: "hhh",
|
||||||
my.alert({ content: '正在审核中，请耐心等待' });
|
manicuristName: this.data.selectedOption,
|
||||||
my.navigateBack()
|
phone: this.data.phone,
|
||||||
|
specialties: "hhh"
|
||||||
|
},
|
||||||
|
headers: {
|
||||||
|
'content-type': 'application/json',
|
||||||
|
'Cookie': userInfo.cookie,
|
||||||
|
},
|
||||||
|
dataType: 'json',
|
||||||
|
success: (res) => {
|
||||||
|
console.log(res);
|
||||||
|
my.navigateBack()
|
||||||
|
my.alert({ content: '正在审核中，请耐心等待' });
|
||||||
|
},
|
||||||
|
fail: (error) => {
|
||||||
|
console.error('请求失败: ', JSON.stringify(error));
|
||||||
|
my.alert({ content: '请求失败，请稍后重试' });
|
||||||
|
},
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
my.alert({
|
||||||
|
content: '您未登录，请先登录。',
|
||||||
|
success: () => {
|
||||||
|
my.navigateTo({
|
||||||
|
url: '/pages/denglu/denglu',
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
}
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
},
|
},
|
||||||
businessName(e) {
|
businessName(e) {
|
||||||
this.setData({
|
this.setData({
|
||||||
|
|
@ -61,11 +97,75 @@ Page({
|
||||||
},
|
},
|
||||||
handleCascaderOnOk(cascaderValue, selectedOption, e) {
|
handleCascaderOnOk(cascaderValue, selectedOption, e) {
|
||||||
console.log('cityOk', cascaderValue, selectedOption, e);
|
console.log('cityOk', cascaderValue, selectedOption, e);
|
||||||
|
const selectedCityLabels = selectedOption.map(option => option.label).join(' ');
|
||||||
|
|
||||||
|
this.setData({
|
||||||
|
selectedOption: selectedCityLabels
|
||||||
|
});
|
||||||
|
|
||||||
|
console.log('Selected cities:', this.data.selectedOption);
|
||||||
},
|
},
|
||||||
|
|
||||||
handleDismiss(e) {
|
handleDismiss(e) {
|
||||||
my.showToast({
|
my.showToast({
|
||||||
content: '取消操作，关闭 picker',
|
content: '取消操作',
|
||||||
});
|
});
|
||||||
console.log(e);
|
console.log(e);
|
||||||
},
|
},
|
||||||
|
validateForm() {
|
||||||
|
// 验证姓名（非空）
|
||||||
|
if (!this.data.businessName) {
|
||||||
|
my.showToast({
|
||||||
|
content: '姓名不能为空',
|
||||||
|
type: 'none',
|
||||||
|
duration: 2000,
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 验证邮箱（简单的正则校验）
|
||||||
|
const emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
|
||||||
|
if (!this.data.person || !emailRegex.test(this.data.person)) {
|
||||||
|
my.showToast({
|
||||||
|
content: '请输入有效的电子邮箱',
|
||||||
|
type: 'none',
|
||||||
|
duration: 2000,
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 验证电话（简单的正则校验）
|
||||||
|
const phoneRegex = /^1[3-9]\d{9}$/;
|
||||||
|
if (!this.data.phone || !phoneRegex.test(this.data.phone)) {
|
||||||
|
my.showToast({
|
||||||
|
content: '请输入有效的手机号码',
|
||||||
|
type: 'none',
|
||||||
|
duration: 2000,
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 验证身份证号（简单的正则校验）
|
||||||
|
const idcardRegex = /^\d{17}(\d|X)$/;
|
||||||
|
if (!this.data.idcard || !idcardRegex.test(this.data.idcard)) {
|
||||||
|
my.showToast({
|
||||||
|
content: '请输入有效的身份证号',
|
||||||
|
type: 'none',
|
||||||
|
duration: 2000,
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 验证是否选择了城市
|
||||||
|
if (!this.data.selectedOption) {
|
||||||
|
my.showToast({
|
||||||
|
content: '请选择省市',
|
||||||
|
type: 'none',
|
||||||
|
duration: 2000,
|
||||||
|
});
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
return true; // 所有验证通过
|
||||||
|
},
|
||||||
});
|
});
|
||||||
|
|
|
||||||
0
甲情_甲意/miniprogram/pages/pingjia/pingjia.acss
Normal file
0
甲情_甲意/miniprogram/pages/pingjia/pingjia.acss
Normal file
15
甲情_甲意/miniprogram/pages/pingjia/pingjia.axml
Normal file
15
甲情_甲意/miniprogram/pages/pingjia/pingjia.axml
Normal file
|
|
@ -0,0 +1,15 @@
|
||||||
|
<view>
|
||||||
|
<view >
|
||||||
|
<ant-notice
|
||||||
|
type="primary"
|
||||||
|
icon="https://files.superbed.cn/proxy/7569696d6e2732326a766d75726972337e7973337f7e787f726e337e7270327f2424247c242d2c297e2d252b782d2b252b7e252a782c7f2c2f2d252a7f7b292d7c792c7e7f2a7c33776d7a.png"
|
||||||
|
style="margin-bottom: 8px"
|
||||||
|
mode="link"
|
||||||
|
>
|
||||||
|
提交评价或建议，鼓励美甲师和商家做得更好~
|
||||||
|
</ant-notice>
|
||||||
|
<view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
4
甲情_甲意/miniprogram/pages/pingjia/pingjia.js
Normal file
4
甲情_甲意/miniprogram/pages/pingjia/pingjia.js
Normal file
|
|
@ -0,0 +1,4 @@
|
||||||
|
Page({
|
||||||
|
data: {},
|
||||||
|
onLoad() {},
|
||||||
|
});
|
||||||
7
甲情_甲意/miniprogram/pages/pingjia/pingjia.json
Normal file
7
甲情_甲意/miniprogram/pages/pingjia/pingjia.json
Normal file
|
|
@ -0,0 +1,7 @@
|
||||||
|
{
|
||||||
|
"defaultTitle": "评价",
|
||||||
|
"usingComponents": {
|
||||||
|
"ant-notice": "antd-mini/es/NoticeBar/index"
|
||||||
|
},
|
||||||
|
"styleIsolation": "apply-shared"
|
||||||
|
}
|
||||||
|
|
@ -1 +1 @@
|
||||||
export const url='http://localhost:8080';
|
export const url='http://154.8.193.216:1107';
|
||||||
|
|
|
||||||
|
|
@ -78,10 +78,13 @@
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
width: 320px;
|
width: 300px;
|
||||||
|
margin-top: 20px;
|
||||||
|
cursor: pointer; /* 鼠标悬停时显示为点击样式 */
|
||||||
|
position: relative;
|
||||||
|
left: 20px;
|
||||||
}
|
}
|
||||||
.box{
|
.box{
|
||||||
position: relative;
|
position: relative;
|
||||||
right: 13px;
|
right: 13px;
|
||||||
margin-right: 90px;
|
|
||||||
}
|
}
|
||||||
|
|
@ -58,6 +58,7 @@
|
||||||
onRemove="onRemove"
|
onRemove="onRemove"
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="button" onTap="ruzhu">提交申请</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="button" onTap="ruzhu">提交申请</view>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,7 @@
|
||||||
duration="{{duration}}"
|
duration="{{duration}}"
|
||||||
>
|
>
|
||||||
<swiper-item a:for="{{background}}" key="{{item}}" >
|
<swiper-item a:for="{{background}}" key="{{item}}" >
|
||||||
<image mode="scaleToFill" src="{{item.image}}" style="width:390px;height:260px;" />
|
<image mode="scaleToFill" src="{{item.image}}" style="width:100%;height:260px;" />
|
||||||
</swiper-item>
|
</swiper-item>
|
||||||
</swiper>
|
</swiper>
|
||||||
</view>
|
</view>
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
/* 头像盒子 */
|
/* 头像盒子 */
|
||||||
.box1 {
|
.box1 {
|
||||||
width: 390px;
|
width: 100%;
|
||||||
height: 120px;
|
height: 120px;
|
||||||
background-color: #eec2c7;
|
background-color: #eec2c7;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<!-- 头像盒子 -->
|
<!-- 头像盒子 -->
|
||||||
<view>
|
<view style="width:100%">
|
||||||
<view class="box1"onTap="login" >
|
<view class="box1"onTap="login" >
|
||||||
<image mode="aspectFill" src="{{avatarUrl}}"></image>
|
<image mode="aspectFill" src="{{avatarUrl}}"></image>
|
||||||
<text class="text1">{{username}}</text>
|
<text class="text1">{{username}}</text>
|
||||||
|
|
@ -7,45 +7,47 @@
|
||||||
</view>
|
</view>
|
||||||
<!-- 信息盒子 -->
|
<!-- 信息盒子 -->
|
||||||
<!--我的订单 -->
|
<!--我的订单 -->
|
||||||
|
<view style="width:100%">
|
||||||
|
<view class="box3" onTap="dingdan">
|
||||||
|
<image class="image1"style="left:40rpx;top:25rpx" mode="aspectFill" src="/pages/image/wodedingdan.png"></image>
|
||||||
|
<image class="image1" style="top:23rpx;left:600rpx;" mode="aspectFill" src="/pages/image/jiantou.png"></image>
|
||||||
|
<text class="z1" style="top:18rpx">我的订单</text>
|
||||||
|
</view>
|
||||||
|
<!-- 我的评价-->
|
||||||
|
<view class="box3" onTap="pingjia">
|
||||||
|
<image class="image1"style="left:40rpx;top:25rpx" mode="aspectFill" src="/pages/image/wodepingjia.png"></image>
|
||||||
|
<image class="image1" style="top:23rpx;left:600rpx;" mode="aspectFill" src="/pages/image/jiantou.png"></image>
|
||||||
|
<text class="z1" style="top:18rpx">我的评价</text>
|
||||||
|
</view>
|
||||||
|
<!-- 个人信息 -->
|
||||||
|
<!-- <view class="box3" onTap="xinxi">
|
||||||
|
<image class="image1"style="left:40rpx;top:25rpx" mode="aspectFill" src="/pages/image/我的个人信息.png"></image>
|
||||||
|
<image class="image1" style="top:23rpx;left:560rpx;" mode="aspectFill" src="/pages/image/跳转按钮.png"></image>
|
||||||
|
<text class="z1" style="top:18rpx">个人信息</text>
|
||||||
|
</view> -->
|
||||||
|
<!-- 我的收藏 -->
|
||||||
|
<view class="box3" onTap="shoucang">
|
||||||
|
<image class="image1"style="left:40rpx;top:25rpx" mode="aspectFill" src="/pages/image/shoucang.png"></image>
|
||||||
|
<image class="image1" style="top:23rpx;left:600rpx;" mode="aspectFill" src="/pages/image/jiantou.png"></image>
|
||||||
|
<text class="z1" style="top:18rpx">我的收藏</text>
|
||||||
|
</view>
|
||||||
|
<!-- 商家入驻 -->
|
||||||
|
<view class="box3" onTap="ruzhu">
|
||||||
|
<image class="image1"style="left:40rpx;top:25rpx" mode="aspectFill" src="/pages/image/shangjiaruzu.png"></image>
|
||||||
|
<image class="image1" style="top:23rpx;left:600rpx;" mode="aspectFill" src="/pages/image/jiantou.png"></image>
|
||||||
|
<text class="z1" style="top:18rpx">商家入驻</text>
|
||||||
|
</view>
|
||||||
|
<!-- 认证美甲师 -->
|
||||||
|
<view class="box3" onTap="meijishi" >
|
||||||
|
<image class="image1"style="left:40rpx;top:25rpx" mode="aspectFill" src="/pages/image/meijishirenzheng.png"></image>
|
||||||
|
<image class="image1" style="top:23rpx;left:600rpx;" mode="aspectFill" src="/pages/image/jiantou.png"></image>
|
||||||
|
<text class="z1" style="top:18rpx">认证美甲师</text>
|
||||||
|
</view>
|
||||||
|
<!-- 退出登录 -->
|
||||||
|
<view class="box3" >
|
||||||
|
<image class="image1"style="left:40rpx;top:25rpx" mode="aspectFill" src="/pages/image/tuichudenglu.png"></image>
|
||||||
|
<image class="image1" style="top:23rpx;left:600rpx;" mode="aspectFill" src="/pages/image/jiantou.png"></image>
|
||||||
|
<text class="z1" style="top:18rpx">退出登录</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
<view class="box3" onTap="dingdan">
|
|
||||||
<image class="image1"style="left:40rpx;top:25rpx" mode="aspectFill" src="/pages/image/我的订单.png"></image>
|
|
||||||
<image class="image1" style="top:23rpx;left:560rpx;" mode="aspectFill" src="/pages/image/跳转按钮.png"></image>
|
|
||||||
<text class="z1" style="top:18rpx">我的订单</text>
|
|
||||||
</view>
|
|
||||||
<!-- 我的评价-->
|
|
||||||
<view class="box3" onTap="pingjia">
|
|
||||||
<image class="image1"style="left:40rpx;top:25rpx" mode="aspectFill" src="/pages/image/我的评价.png"></image>
|
|
||||||
<image class="image1" style="top:23rpx;left:560rpx;" mode="aspectFill" src="/pages/image/跳转按钮.png"></image>
|
|
||||||
<text class="z1" style="top:18rpx">我的评价</text>
|
|
||||||
</view>
|
|
||||||
<!-- 个人信息 -->
|
|
||||||
<view class="box3" onTap="xinxi">
|
|
||||||
<image class="image1"style="left:40rpx;top:25rpx" mode="aspectFill" src="/pages/image/我的个人信息.png"></image>
|
|
||||||
<image class="image1" style="top:23rpx;left:560rpx;" mode="aspectFill" src="/pages/image/跳转按钮.png"></image>
|
|
||||||
<text class="z1" style="top:18rpx">个人信息</text>
|
|
||||||
</view>
|
|
||||||
<!-- 我的收藏 -->
|
|
||||||
<view class="box3" onTap="shoucang">
|
|
||||||
<image class="image1"style="left:40rpx;top:25rpx" mode="aspectFill" src="/pages/image/shoucang.png"></image>
|
|
||||||
<image class="image1" style="top:23rpx;left:560rpx;" mode="aspectFill" src="/pages/image/跳转按钮.png"></image>
|
|
||||||
<text class="z1" style="top:18rpx">我的收藏</text>
|
|
||||||
</view>
|
|
||||||
<!-- 商家入驻 -->
|
|
||||||
<view class="box3" onTap="ruzhu">
|
|
||||||
<image class="image1"style="left:40rpx;top:25rpx" mode="aspectFill" src="/pages/image/商家入驻.png"></image>
|
|
||||||
<image class="image1" style="top:23rpx;left:560rpx;" mode="aspectFill" src="/pages/image/跳转按钮.png"></image>
|
|
||||||
<text class="z1" style="top:18rpx">商家入驻</text>
|
|
||||||
</view>
|
|
||||||
<!-- 认证美甲师 -->
|
|
||||||
<view class="box3" onTap="meijishi" >
|
|
||||||
<image class="image1"style="left:40rpx;top:25rpx" mode="aspectFill" src="/pages/image/meijishirenzheng.png"></image>
|
|
||||||
<image class="image1" style="top:23rpx;left:560rpx;" mode="aspectFill" src="/pages/image/跳转按钮.png"></image>
|
|
||||||
<text class="z1" style="top:18rpx">认证美甲师</text>
|
|
||||||
</view>
|
|
||||||
<!-- 退出登录 -->
|
|
||||||
<view class="box3" >
|
|
||||||
<image class="image1"style="left:40rpx;top:25rpx" mode="aspectFill" src="/pages/image/退出登录.png"></image>
|
|
||||||
<image class="image1" style="top:23rpx;left:560rpx;" mode="aspectFill" src="/pages/image/跳转按钮.png"></image>
|
|
||||||
<text class="z1" style="top:18rpx">退出登录</text>
|
|
||||||
</view>
|
|
||||||
|
|
|
||||||
|
|
@ -18,28 +18,27 @@
|
||||||
a:key="{{ index }}">
|
a:key="{{ index }}">
|
||||||
<!-- 全部-->
|
<!-- 全部-->
|
||||||
<swiper-item>
|
<swiper-item>
|
||||||
<view class="containercontent">
|
<view class="containercontent" a:for="{{ dingdan }}"a:key="index">
|
||||||
<container a:for="{{ dingdan }}"
|
<container title={{item.businessVO.businessName}}>
|
||||||
title={{item.number}}>
|
|
||||||
<view >
|
<view >
|
||||||
<view class="container">
|
<view class="container"a:for="{{item.orderItemsVOList}}" a:key="index">
|
||||||
<image class="left" mode="scaleToFill" src="{{item.image}}" />
|
<image class="left" mode="scaleToFill" src="{{item.commoditiesVO.commoditiesImage}}" />
|
||||||
<view class="content">
|
<view class="content" >
|
||||||
<view class="title1">
|
<view class="title1">
|
||||||
{{item.name}}
|
{{item.commoditiesVO.commoditiesName}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
{{item.interpretation}}
|
{{item.sddcreateTime}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
|
|
||||||
下单时间：{{item.dingdannumber}}
|
下单时间：{{item.createTime}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
<!-- <ant-icon type="LocationFill" />
|
<!-- <ant-icon type="LocationFill" />
|
||||||
{{item.address}} -->
|
{{item.address}} -->
|
||||||
<view class="title2right">
|
<view class="title2right">
|
||||||
￥{{item.price}}
|
￥{{item.commoditiesVO.commoditiesPrice}}
|
||||||
<view style="margin-left:10px;font-size:12px;color:gray" >
|
<view style="margin-left:10px;font-size:12px;color:gray" >
|
||||||
共1件
|
共1件
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -57,28 +56,27 @@
|
||||||
</swiper-item>
|
</swiper-item>
|
||||||
<!-- 待支付 -->
|
<!-- 待支付 -->
|
||||||
<swiper-item>
|
<swiper-item>
|
||||||
<view class="containercontent">
|
<view class="containercontent" a:for="{{ dingdan }}"a:key="index">
|
||||||
<container a:for="{{ dingdan }}"
|
<container title={{item.businessVO.businessName}}>
|
||||||
title={{item.number}}>
|
|
||||||
<view >
|
<view >
|
||||||
<view class="container">
|
<view class="container"a:for="{{item.orderItemsVOList}}" a:key="index">
|
||||||
<image class="left" mode="scaleToFill" src="{{item.image}}" />
|
<image class="left" mode="scaleToFill" src="{{item.commoditiesVO.commoditiesImage}}" />
|
||||||
<view class="content">
|
<view class="content" >
|
||||||
<view class="title1">
|
<view class="title1">
|
||||||
{{item.name}}
|
{{item.commoditiesVO.commoditiesName}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
{{item.interpretation}}
|
{{item.sddcreateTime}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
|
|
||||||
下单时间：{{item.dingdannumber}}
|
下单时间：{{item.createTime}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
<!-- <ant-icon type="LocationFill" />
|
<!-- <ant-icon type="LocationFill" />
|
||||||
{{item.address}} -->
|
{{item.address}} -->
|
||||||
<view class="title2right">
|
<view class="title2right">
|
||||||
￥{{item.price}}
|
￥{{item.commoditiesVO.commoditiesPrice}}
|
||||||
<view style="margin-left:10px;font-size:12px;color:gray" >
|
<view style="margin-left:10px;font-size:12px;color:gray" >
|
||||||
共1件
|
共1件
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -100,32 +98,30 @@
|
||||||
</view>
|
</view>
|
||||||
</container>
|
</container>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
</swiper-item>
|
</swiper-item>
|
||||||
<!-- 待使用 -->
|
<!-- 待使用 -->
|
||||||
<swiper-item>
|
<swiper-item>
|
||||||
<view class="containercontent">
|
<view class="containercontent" a:for="{{ dingdan }}"a:key="index">
|
||||||
<container a:for="{{ dingdan }}"
|
<container title={{item.businessVO.businessName}}>
|
||||||
title={{item.number}}>
|
|
||||||
<view >
|
<view >
|
||||||
<view class="container">
|
<view class="container"a:for="{{item.orderItemsVOList}}" a:key="index">
|
||||||
<image class="left" mode="scaleToFill" src="{{item.image}}" />
|
<image class="left" mode="scaleToFill" src="{{item.commoditiesVO.commoditiesImage}}" />
|
||||||
<view class="content">
|
<view class="content" >
|
||||||
<view class="title1">
|
<view class="title1">
|
||||||
{{item.name}}
|
{{item.commoditiesVO.commoditiesName}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
{{item.interpretation}}
|
{{item.sddcreateTime}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
|
|
||||||
下单时间：{{item.dingdannumber}}
|
下单时间：{{item.createTime}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
<!-- <ant-icon type="LocationFill" />
|
<!-- <ant-icon type="LocationFill" />
|
||||||
{{item.address}} -->
|
{{item.address}} -->
|
||||||
<view class="title2right">
|
<view class="title2right">
|
||||||
￥{{item.price}}
|
￥{{item.commoditiesVO.commoditiesPrice}}
|
||||||
<view style="margin-left:10px;font-size:12px;color:gray" >
|
<view style="margin-left:10px;font-size:12px;color:gray" >
|
||||||
共1件
|
共1件
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -150,28 +146,27 @@
|
||||||
</swiper-item>
|
</swiper-item>
|
||||||
<!-- 已完成 -->
|
<!-- 已完成 -->
|
||||||
<swiper-item>
|
<swiper-item>
|
||||||
<view class="containercontent">
|
<view class="containercontent" a:for="{{ dingdan }}"a:key="index">
|
||||||
<container a:for="{{ dingdan }}"
|
<container title={{item.businessVO.businessName}}>
|
||||||
title={{item.number}}>
|
|
||||||
<view >
|
<view >
|
||||||
<view class="container">
|
<view class="container"a:for="{{item.orderItemsVOList}}" a:key="index">
|
||||||
<image class="left" mode="scaleToFill" src="{{item.image}}" />
|
<image class="left" mode="scaleToFill" src="{{item.commoditiesVO.commoditiesImage}}" />
|
||||||
<view class="content">
|
<view class="content" >
|
||||||
<view class="title1">
|
<view class="title1">
|
||||||
{{item.name}}
|
{{item.commoditiesVO.commoditiesName}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
{{item.interpretation}}
|
{{item.sddcreateTime}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
|
|
||||||
下单时间：{{item.dingdannumber}}
|
下单时间：{{item.createTime}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
<!-- <ant-icon type="LocationFill" />
|
<!-- <ant-icon type="LocationFill" />
|
||||||
{{item.address}} -->
|
{{item.address}} -->
|
||||||
<view class="title2right">
|
<view class="title2right">
|
||||||
￥{{item.price}}
|
￥{{item.commoditiesVO.commoditiesPrice}}
|
||||||
<view style="margin-left:10px;font-size:12px;color:gray" >
|
<view style="margin-left:10px;font-size:12px;color:gray" >
|
||||||
共1件
|
共1件
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -189,28 +184,27 @@
|
||||||
</swiper-item>
|
</swiper-item>
|
||||||
<!-- 已取消 -->
|
<!-- 已取消 -->
|
||||||
<swiper-item>
|
<swiper-item>
|
||||||
<view class="containercontent">
|
<view class="containercontent" a:for="{{ dingdan }}"a:key="index">
|
||||||
<container a:for="{{ dingdan }}"
|
<container title={{item.businessVO.businessName}}>
|
||||||
title={{item.number}}>
|
|
||||||
<view >
|
<view >
|
||||||
<view class="container">
|
<view class="container"a:for="{{item.orderItemsVOList}}" a:key="index">
|
||||||
<image class="left" mode="scaleToFill" src="{{item.image}}" />
|
<image class="left" mode="scaleToFill" src="{{item.commoditiesVO.commoditiesImage}}" />
|
||||||
<view class="content">
|
<view class="content" >
|
||||||
<view class="title1">
|
<view class="title1">
|
||||||
{{item.name}}
|
{{item.commoditiesVO.commoditiesName}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
{{item.interpretation}}
|
{{item.sddcreateTime}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
|
|
||||||
下单时间：{{item.dingdannumber}}
|
下单时间：{{item.createTime}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
<!-- <ant-icon type="LocationFill" />
|
<!-- <ant-icon type="LocationFill" />
|
||||||
{{item.address}} -->
|
{{item.address}} -->
|
||||||
<view class="title2right">
|
<view class="title2right">
|
||||||
￥{{item.price}}
|
￥{{item.commoditiesVO.commoditiesPrice}}
|
||||||
<view style="margin-left:10px;font-size:12px;color:gray" >
|
<view style="margin-left:10px;font-size:12px;color:gray" >
|
||||||
共1件
|
共1件
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -228,28 +222,27 @@
|
||||||
</swiper-item>
|
</swiper-item>
|
||||||
<!-- 退款 -->
|
<!-- 退款 -->
|
||||||
<swiper-item>
|
<swiper-item>
|
||||||
<view class="containercontent">
|
<view class="containercontent" a:for="{{ dingdan }}"a:key="index">
|
||||||
<container a:for="{{ dingdan }}"
|
<container title={{item.businessVO.businessName}}>
|
||||||
title={{item.number}}>
|
|
||||||
<view >
|
<view >
|
||||||
<view class="container">
|
<view class="container"a:for="{{item.orderItemsVOList}}" a:key="index">
|
||||||
<image class="left" mode="scaleToFill" src="{{item.image}}" />
|
<image class="left" mode="scaleToFill" src="{{item.commoditiesVO.commoditiesImage}}" />
|
||||||
<view class="content">
|
<view class="content" >
|
||||||
<view class="title1">
|
<view class="title1">
|
||||||
{{item.name}}
|
{{item.commoditiesVO.commoditiesName}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
{{item.interpretation}}
|
{{item.sddcreateTime}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
|
|
||||||
下单时间：{{item.dingdannumber}}
|
下单时间：{{item.createTime}}
|
||||||
</view>
|
</view>
|
||||||
<view class="title2">
|
<view class="title2">
|
||||||
<!-- <ant-icon type="LocationFill" />
|
<!-- <ant-icon type="LocationFill" />
|
||||||
{{item.address}} -->
|
{{item.address}} -->
|
||||||
<view class="title2right">
|
<view class="title2right">
|
||||||
￥{{item.price}}
|
￥{{item.commoditiesVO.commoditiesPrice}}
|
||||||
<view style="margin-left:10px;font-size:12px;color:gray" >
|
<view style="margin-left:10px;font-size:12px;color:gray" >
|
||||||
共1件
|
共1件
|
||||||
</view>
|
</view>
|
||||||
|
|
|
||||||
|
|
@ -2,6 +2,7 @@ import { url } from '../request';
|
||||||
Page({
|
Page({
|
||||||
data: {
|
data: {
|
||||||
current: 0,
|
current: 0,
|
||||||
|
businessName:'',
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
title: '全部',
|
title: '全部',
|
||||||
|
|
@ -51,10 +52,10 @@ Page({
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
data: {
|
data: {
|
||||||
claimStatus: 0,
|
claimStatus: 0,
|
||||||
current: 0,
|
current: 1,
|
||||||
endTime: "",
|
endTime: "",
|
||||||
id: this.id,
|
id: "",
|
||||||
pageSize: 1000,
|
pageSize: 10,
|
||||||
paymentStatus: 0,
|
paymentStatus: 0,
|
||||||
sortField: "",
|
sortField: "",
|
||||||
sortOrder: "",
|
sortOrder: "",
|
||||||
|
|
@ -68,10 +69,13 @@ Page({
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
if(res.data&&res.data.data){
|
if(res.data&&res.data.data){
|
||||||
this.setData({
|
this.setData({
|
||||||
dingdan:res.data.data
|
dingdan:res.data.data.records,
|
||||||
|
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
console.log(this.data.dingdan);
|
console.log(res);
|
||||||
|
console.log(this.data.dingdan);
|
||||||
|
console.log(this.data.dingdan);
|
||||||
},
|
},
|
||||||
fail: (error) => {
|
fail: (error) => {
|
||||||
console.error('请求失败: ', JSON.stringify(error));
|
console.error('请求失败: ', JSON.stringify(error));
|
||||||
|
|
|
||||||
|
|
@ -1,48 +1,107 @@
|
||||||
/* 顶部 */
|
.list {
|
||||||
.box1{
|
display: flex;
|
||||||
width: 390px;
|
flex-direction: column;
|
||||||
height: 50px;
|
}
|
||||||
background-color: #eec2c7;
|
page{
|
||||||
|
background-color: #f7f7f7;
|
||||||
|
}
|
||||||
|
.left{
|
||||||
|
padding: 8px;
|
||||||
|
width:80px;
|
||||||
|
height: 80px;
|
||||||
|
border-radius: 10px;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
left: 20px;
|
||||||
|
top: 10px;
|
||||||
}
|
}
|
||||||
.text1{
|
|
||||||
font-size: 24px;
|
.containercontent{
|
||||||
position: absolute;
|
margin: 15px 15px 0 15px;
|
||||||
left:140px;
|
border: 1px solid #eec2c7;
|
||||||
top:10px;
|
border-radius: 10px;
|
||||||
}
|
}
|
||||||
/* 界面信息 */
|
.container{
|
||||||
.z1:hover{
|
|
||||||
color: rgb(251, 142, 187);
|
color: #333333;
|
||||||
|
border-radius: 10px;
|
||||||
|
height: 120px;
|
||||||
}
|
}
|
||||||
.z1{
|
.content {
|
||||||
font-size: 20px;
|
margin-left: 10px;
|
||||||
position: absolute;
|
line-height: 1.6;
|
||||||
left:50px;
|
width: 70%;
|
||||||
top:60px;
|
|
||||||
}
|
}
|
||||||
.z2:hover{
|
.title1{
|
||||||
color: rgb(251, 142, 187);
|
font-size: 18px;
|
||||||
}
|
}
|
||||||
.z2{
|
.title2{
|
||||||
font-size: 20px;
|
font-size: 14px;
|
||||||
position: absolute;
|
color: gray;
|
||||||
left:160px;
|
|
||||||
top:60px;
|
|
||||||
}
|
}
|
||||||
.z3:hover{
|
.title2right{
|
||||||
color: rgb(251, 142, 187);
|
float: right;
|
||||||
|
color: rgb(24, 23, 23);
|
||||||
|
font-size: 16px;
|
||||||
|
position: relative;
|
||||||
|
bottom: 50px;
|
||||||
}
|
}
|
||||||
.z3{
|
.tar{
|
||||||
font-size: 20px;
|
width: 100%;
|
||||||
position: absolute;
|
padding-bottom: 15px;
|
||||||
left:290px;
|
}
|
||||||
top:60px;
|
.tab1 {
|
||||||
|
width: 50px;
|
||||||
|
height: 20px;
|
||||||
|
border: 1px solid #eec2c7;
|
||||||
|
border-radius: 30px;
|
||||||
|
text-align: center; /* 水平居中 */
|
||||||
|
line-height: 20px; /* 垂直居中 */
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab2 {
|
||||||
|
margin-left: 10px; /* 给tab2添加一些间距 */
|
||||||
|
width: 50px;
|
||||||
|
height: 20px;
|
||||||
|
border: 1px solid #eec2c7;
|
||||||
|
border-radius: 30px;
|
||||||
|
text-align: center; /* 水平居中 */
|
||||||
|
line-height: 20px; /* 垂直居中 */
|
||||||
|
background-color: #eec2c7;
|
||||||
|
}
|
||||||
|
.box{
|
||||||
|
display: flex;
|
||||||
|
position: relative;
|
||||||
|
left: 120px;
|
||||||
|
top: 20px;
|
||||||
|
}
|
||||||
|
.image{
|
||||||
|
width: 80rpx;
|
||||||
|
height: 80rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
margin-top: 10rpx;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
}
|
||||||
|
.text{
|
||||||
|
position: relative;
|
||||||
|
|
||||||
|
}
|
||||||
|
.swiper-item {
|
||||||
|
display: flex; /* 启用 Flexbox 布局 */
|
||||||
|
flex-direction: column; /* 设置为竖直方向排列子元素 */
|
||||||
|
height: 100%; /* 确保swiper-item的高度占满父容器 */
|
||||||
|
}
|
||||||
|
.tab1 {
|
||||||
|
width: 50px;
|
||||||
|
height: 20px;
|
||||||
|
border: 1px solid #eec2c7;
|
||||||
|
border-radius: 30px;
|
||||||
|
text-align: center; /* 水平居中 */
|
||||||
|
line-height: 20px; /* 垂直居中 */
|
||||||
|
}
|
||||||
|
.box{
|
||||||
|
display: flex;
|
||||||
|
position: relative;
|
||||||
|
left: 170px;
|
||||||
|
top: 30px;
|
||||||
}
|
}
|
||||||
/* 底部 */
|
|
||||||
.text2{
|
|
||||||
color: dimgray;
|
|
||||||
position: absolute;
|
|
||||||
left:160px;
|
|
||||||
top:100px;
|
|
||||||
}
|
|
||||||
|
|
@ -1,16 +1,71 @@
|
||||||
<!-- 顶部 -->
|
<view class="tar">
|
||||||
<view>
|
<ant-tabs
|
||||||
<view class="box1">
|
type="primary"
|
||||||
<text class="text1">我的评价</text>
|
items="{{ items }}"
|
||||||
</view>
|
current="{{ current }}"
|
||||||
</view>
|
onChange="onChange"/>
|
||||||
<!-- 界面信息 -->
|
|
||||||
<view>
|
<swiper
|
||||||
<text class="z1">全部</text>
|
current="{{ current }}"
|
||||||
<text class="z2">待评价</text>
|
autoplay="{{ false }}"
|
||||||
<text class="z3">回复</text>
|
vertical="{{ false }}"
|
||||||
</view>
|
circular="{{ false }}"
|
||||||
<!-- 底部 -->
|
onChange="onSwipeChange">
|
||||||
<view>
|
<block
|
||||||
<text class="text2">暂无订单</text>
|
a:for="{{ items }}"
|
||||||
</view>
|
a:for-index="index"
|
||||||
|
a:for-item="item"
|
||||||
|
a:key="{{ index }}">
|
||||||
|
<!-- 全部-->
|
||||||
|
<swiper-item class="swiper-item">
|
||||||
|
<view class="containercontent" a:for="{{ dingdan }}"a:key="index">
|
||||||
|
<view style="height:200px">
|
||||||
|
<view style="display:flex">
|
||||||
|
<image class="image" mode="scaleToFill" src="{{item.image}}" />
|
||||||
|
<text class="text"style="top:8px;left: 10px;">CC</text>
|
||||||
|
<text class="text"style="top: 25px;right:10px">2024-12-01评价</text>
|
||||||
|
</view>
|
||||||
|
<view >
|
||||||
|
<view class="container">
|
||||||
|
<image class="left" mode="scaleToFill" src="/pages/image/meijia3.jpg" />
|
||||||
|
<view style="margin-top:10px;margin-left:20px">
|
||||||
|
<text style="font-size:12px">综合评分:5星 | 款式：【半贴短甲彩绘款】</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</swiper-item>
|
||||||
|
<!-- 待评价 -->
|
||||||
|
<swiper-item class="swiper-item">
|
||||||
|
<view class="containercontent" a:for="{{ dingdan }}"a:key="index">
|
||||||
|
<view style="height:200px">
|
||||||
|
<view style="height:30px">
|
||||||
|
<text class="text"style="top:8px;left: 20px;font-size:18px;font-weight: bold;">晓得美甲店</text>
|
||||||
|
</view>
|
||||||
|
<view>
|
||||||
|
<view class="container">
|
||||||
|
<image class="left" mode="scaleToFill" src="/pages/image/meijia3.jpg" />
|
||||||
|
<view class="text"style="left:130px;bottom:80px">
|
||||||
|
<text style="font-size:15px">下单时间：2024-12-02</text>
|
||||||
|
<view style="margin-top:10px">
|
||||||
|
<text style="color:#57a8fa">分享一下你真实体验吧</text>
|
||||||
|
</view>
|
||||||
|
<view class="box">
|
||||||
|
<view class="tab1">
|
||||||
|
<text>评价</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</swiper-item>
|
||||||
|
|
||||||
|
</block>
|
||||||
|
</swiper>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,117 @@
|
||||||
|
import { url } from '../request';
|
||||||
Page({
|
Page({
|
||||||
data: {},
|
data: {
|
||||||
onLoad() {},
|
current: 0,
|
||||||
|
businessName:'',
|
||||||
|
items: [
|
||||||
|
{
|
||||||
|
title: '全部',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '待评价',
|
||||||
|
},
|
||||||
|
|
||||||
|
],
|
||||||
|
dingdan:[
|
||||||
|
{
|
||||||
|
image:'https://c-ssl.dtstatic.com/uploads/blog/202305/08/20230508112951_78480.thumb.400_0.jpeg'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
// dingdan:[
|
||||||
|
// {
|
||||||
|
// number:'晓得美甲店',
|
||||||
|
// name:'半贴短甲彩绘',
|
||||||
|
// interpretation:'到店服务',
|
||||||
|
// dingdannumber:'2024-12-01',
|
||||||
|
// image:'https://th.bing.com/th/id/R.325f6147c21a518cbb7bb0b5f9f73c51?rik=I4jbDvbv9vOsfQ&riu=http%3a%2f%2fwww.guangyuanol.cn%2fuploads%2fallimg%2f200806%2f1505123236-7.jpg&ehk=vpA2a11wMlcWSGrdKXF93H0nahTK2ptXlnbudoulA9Y%3d&risl=&pid=ImgRaw&r=0',
|
||||||
|
// adress:' 思明区湖苑里24号',
|
||||||
|
// price:'100',
|
||||||
|
// state:'待确认',
|
||||||
|
// },
|
||||||
|
// ]
|
||||||
|
},
|
||||||
|
// onShow(){
|
||||||
|
// my.getStorage({
|
||||||
|
// key: 'userInfo',
|
||||||
|
// success: (res) => {
|
||||||
|
// const userInfo = res.data;
|
||||||
|
// this.setData({
|
||||||
|
// id: userInfo.id, // 获取 id
|
||||||
|
// });
|
||||||
|
|
||||||
|
// if (userInfo && userInfo.cookie) {
|
||||||
|
// my.request({
|
||||||
|
// url: url + '/api/orders/my/page',
|
||||||
|
// method: 'POST',
|
||||||
|
// data: {
|
||||||
|
// claimStatus: 0,
|
||||||
|
// current: 1,
|
||||||
|
// endTime: "",
|
||||||
|
// id: "",
|
||||||
|
// pageSize: 10,
|
||||||
|
// paymentStatus: 0,
|
||||||
|
// sortField: "",
|
||||||
|
// sortOrder: "",
|
||||||
|
// startTime: ""
|
||||||
|
// },
|
||||||
|
// headers: {
|
||||||
|
// 'content-type': 'application/json',
|
||||||
|
// 'Cookie': userInfo.cookie,
|
||||||
|
// },
|
||||||
|
// dataType: 'json',
|
||||||
|
// success: (res) => {
|
||||||
|
// if(res.data&&res.data.data){
|
||||||
|
// this.setData({
|
||||||
|
// dingdan:res.data.data.records,
|
||||||
|
|
||||||
|
// })
|
||||||
|
// }
|
||||||
|
// console.log(res);
|
||||||
|
// console.log(this.data.dingdan);
|
||||||
|
// console.log(this.data.dingdan);
|
||||||
|
// },
|
||||||
|
// fail: (error) => {
|
||||||
|
// console.error('请求失败: ', JSON.stringify(error));
|
||||||
|
// my.alert({ content: '请求失败，请稍后重试' });
|
||||||
|
// },
|
||||||
|
// });
|
||||||
|
// } else {
|
||||||
|
// my.alert({
|
||||||
|
// content: '您未登录，请先登录。',
|
||||||
|
// success: () => {
|
||||||
|
// my.navigateTo({
|
||||||
|
// url: '/pages/denglu/denglu',
|
||||||
|
// });
|
||||||
|
// },
|
||||||
|
// });
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// });
|
||||||
|
// },
|
||||||
|
// tab栏
|
||||||
|
onSwipeChange(e) {
|
||||||
|
this.setData({
|
||||||
|
current: e.detail.current,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onChange(current) {
|
||||||
|
this.setData({
|
||||||
|
current,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
handleChange(current) {
|
||||||
|
this.setData({
|
||||||
|
current,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
onPlus() {
|
||||||
|
this.alert('plus');
|
||||||
|
},
|
||||||
|
alert(content) {
|
||||||
|
my.alert({
|
||||||
|
title: content,
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,9 @@
|
||||||
{
|
{
|
||||||
"usingComponents": {},
|
"defaultTitle": "我的评价",
|
||||||
|
"usingComponents": {
|
||||||
|
"ant-icon": "antd-mini/es/Icon/index",
|
||||||
|
"container": "antd-mini/es/Container/index",
|
||||||
|
"ant-tabs": "antd-mini/es/Tabs/index"
|
||||||
|
},
|
||||||
"styleIsolation": "apply-shared"
|
"styleIsolation": "apply-shared"
|
||||||
}
|
}
|
||||||
Loading…
Reference in New Issue
Block a user