feat: 新增商品详情搭配优惠组件和客服弹窗
refactor: 优化页面样式和交互逻辑 fix: 修复洗车券列表和详情页的数据展示问题 style: 调整用户页面按钮样式和布局 chore: 移除无用页面和代码,更新项目配置 docs: 更新单次启动页面的使用说明和注意事项 perf: 优化网络请求和数据处理逻辑 build: 更新依赖和配置文件 test: 更新测试用例以适应新功能 ci: 调整CI配置以适应新项目结构
This commit is contained in:
5
pages/orderPaySuccess/matchList/matchList.js
Normal file
5
pages/orderPaySuccess/matchList/matchList.js
Normal file
@@ -0,0 +1,5 @@
|
||||
Component({
|
||||
properties: {},
|
||||
data: {},
|
||||
methods: {}
|
||||
});
|
||||
4
pages/orderPaySuccess/matchList/matchList.json
Normal file
4
pages/orderPaySuccess/matchList/matchList.json
Normal file
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
23
pages/orderPaySuccess/matchList/matchList.wxml
Normal file
23
pages/orderPaySuccess/matchList/matchList.wxml
Normal file
@@ -0,0 +1,23 @@
|
||||
<view class="info-wrap">
|
||||
<view class="module-title">
|
||||
<view class="tit">搭配更优惠 <view class="line"></view>
|
||||
</view>
|
||||
</view>
|
||||
<navigator class="tuijian-goods" href="#/info/index?id=764&cid=99999991" wx:for="{{2}}">
|
||||
<view class="lt">
|
||||
<image mode="widthFix" src="http://q990.img.aiyichuan.com/urm_huodong/20200331/1585643794622.jpg?imageView2/1/w/400/h/400"></image>
|
||||
</view>
|
||||
<view class="tuijian-rt">
|
||||
<view class="goods-name">【新会】椰子鸡再次返场!9.9元起抢「骨汁恋·星汇店」100元代金券!</view>
|
||||
<view class="goods-info">
|
||||
<view class="price">
|
||||
<view class="lt">
|
||||
<view class="now-price">¥9.90</view>
|
||||
<view class="old-price">¥100.00</view>
|
||||
</view>
|
||||
<view class="btn">立即抢购</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</navigator>
|
||||
</view>
|
||||
137
pages/orderPaySuccess/matchList/matchList.wxss
Normal file
137
pages/orderPaySuccess/matchList/matchList.wxss
Normal file
@@ -0,0 +1,137 @@
|
||||
.info-wrap {
|
||||
background-color: #fff;
|
||||
border-top: 3.2vw solid #f8f8f8;
|
||||
padding: 0 4vw 5.333vw;
|
||||
}
|
||||
|
||||
.module-title {
|
||||
color: #2a2a2a;
|
||||
font-size: 4.267vw;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
margin: 5.333vw 0 8.533vw;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.module-title .tit {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.module-title .line {
|
||||
background-color: #06a2b3;
|
||||
border-radius: .8vw;
|
||||
height: .8vw;
|
||||
left: 35%;
|
||||
margin-top: 2.133vw;
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.tuijian-goods {
|
||||
border-radius: 1.6vw;
|
||||
box-shadow: 0 1.067vw 2.667vw 0 rgba(0,0,0,.08);
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
padding: 3.6vw;
|
||||
}
|
||||
|
||||
.tuijian-goods .lt {
|
||||
-ms-flex-negative: 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.tuijian-goods .lt image {
|
||||
display: block;
|
||||
height: 26vw;
|
||||
width: 26vw;
|
||||
}
|
||||
|
||||
.tuijian-goods .tuijian-rt {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
-webkit-box-flex: 1;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
margin-left: 3.2vw;
|
||||
}
|
||||
|
||||
.tuijian-goods .vip-price {
|
||||
width: max-content;
|
||||
}
|
||||
|
||||
.tuijian-goods .goods-name {
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
color: #2a2a2a;
|
||||
display: -webkit-box;
|
||||
font-size: 3.733vw;
|
||||
font-weight: 500;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
.tuijian-goods .goods-info .price {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
-webkit-box-pack: justify;
|
||||
-ms-flex-pack: justify;
|
||||
align-items: center;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.tuijian-goods .goods-info .now-price {
|
||||
color: #eb5252;
|
||||
font-size: 3.467vw;
|
||||
font-weight: 500;
|
||||
margin-right: 3.2vw;
|
||||
}
|
||||
|
||||
.tuijian-goods .goods-info .old-price {
|
||||
color: #9b9b9b;
|
||||
font-size: 3.2vw;
|
||||
text-decoration: line-through;
|
||||
}
|
||||
|
||||
.tuijian-goods .goods-info .btn {
|
||||
-ms-flex-negative: 0;
|
||||
background-color: #06a2b3;
|
||||
border-radius: .933vw;
|
||||
color: #fff;
|
||||
flex-shrink: 0;
|
||||
font-size: 3.2vw;
|
||||
height: 6.667vw;
|
||||
line-height: 6.667vw;
|
||||
text-align: center;
|
||||
width: 18.667vw;
|
||||
}
|
||||
|
||||
.vip-price {
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
background-color: #2a2a2a;
|
||||
border-radius: .8vw;
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
font-size: 2.933vw;
|
||||
margin-right: 2.667vw;
|
||||
}
|
||||
Reference in New Issue
Block a user