|
|
@@ -26,7 +26,7 @@
|
|
|
<view class="goodsPrice" >
|
|
|
<view class="goodsPrice2">￥</view>
|
|
|
<view class="goodsPrice3" >294.90</view>
|
|
|
- <view class="goodsPrice4" >优惠前:
|
|
|
+ <view class="goodsPrice4" style="padding-left: 10rpx;">优惠前:
|
|
|
<span class="goodsPrice41">¥666</span>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -63,7 +63,7 @@
|
|
|
<image src="../../static/img2/duihao.png" mode="" class="duihaoImg"></image>
|
|
|
<span>品牌·规格·花纹·载重系数</span>
|
|
|
</view>
|
|
|
- <image src="../../static/img2/hjt.png" mode="" class="jtImg1"></image>
|
|
|
+ <image src="../../static/img2/hjt.png" mode="" class="jtImg1" style="margin-top: 6rpx;"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 促销-->
|
|
|
@@ -83,7 +83,7 @@
|
|
|
|
|
|
|
|
|
<view class="buyBOx">
|
|
|
- <view class="buyLine" @click="ckCar" style="padding-bottom: 10rpx;">
|
|
|
+ <view class="buyLine" @click="ckCar" style="padding-bottom: 8rpx;">
|
|
|
<view class="buyTitle">已选车型</view>
|
|
|
<view class="buyData" style="display: flex;">
|
|
|
<view class="carModelLine"> {{carInfo.carModel?carInfo.carModel:'请选择车辆'}}</view>
|
|
|
@@ -109,7 +109,7 @@
|
|
|
<view class="buyTitle">服务方式</view>
|
|
|
<view class="buyData">到店使用</view>
|
|
|
</view>
|
|
|
- <view class="buyLine">
|
|
|
+ <view class="buyLine" style="padding-bottom: 8rpx;">
|
|
|
<view class="buyTitle">服务门店</view>
|
|
|
<view class="buyData" v-if="itemDefault.packTimeShopName=='全部'">全部门店</view>
|
|
|
<view @click="keyongFn" class="buyData " style="display: flex;" v-else>{{itemDefault.packTimeShopName.split(',').length}}个门店可用
|
|
|
@@ -123,13 +123,13 @@
|
|
|
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="carTis" style="color: #797979;">当天23:59分之前下单，次日内即可进店</view>
|
|
|
+ <view class="carTis" style="color: #797979;padding-bottom: 10rpx;">当天23:59分之前下单，次日内即可进店</view>
|
|
|
</view>
|
|
|
<!-- 购买流程-->
|
|
|
<view class="gmlc">
|
|
|
<view class="gmlcTitle">购买流程</view>
|
|
|
<view>
|
|
|
- <image class="gmlcImg" src="http://dmsphoto.66km.com.cn/thFiles/789E7F17-D744-4E80-9EFD-75FF15BA2584.png" mode="widthFix"></image>
|
|
|
+ <image class="gmlcImg" src="http://dmsphoto.66km.com.cn/thFiles/0BF3F1DB-8B56-488A-9BCB-663517985E9A.png" mode="widthFix"></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
@@ -203,7 +203,7 @@
|
|
|
<view class="goodsPrice2">￥</view>
|
|
|
<view class="goodsPrice3">299</view>
|
|
|
<view class="goodsPrice4">
|
|
|
- <span style="color: #EC0F0A;padding-right: 20rpx;"></span>/条
|
|
|
+ <span style="color: #EC0F0A;">/条</span>
|
|
|
<span class="goodsPrice41">优惠前￥399</span>
|
|
|
|
|
|
</view>
|
|
|
@@ -215,13 +215,44 @@
|
|
|
<view class="buyNumBox">
|
|
|
<view class="buyNumTitle">购买数量</view>
|
|
|
<view class="buyNumLineBox">
|
|
|
- <view class="buyNumline">1条</view>
|
|
|
- <view class="buyNumline">2条</view>
|
|
|
- <view class="buyNumline">3条</view>
|
|
|
- <view class="buyNumline">4条</view>
|
|
|
+ <view class="buyNumline" :class="{buyNumlineActive:buyNum==1}" @click="bugNumFn(1)">1条</view>
|
|
|
+ <view class="buyNumline" :class="{buyNumlineActive:buyNum==2}" @click="bugNumFn(2)">2条</view>
|
|
|
+ <view class="buyNumline" :class="{buyNumlineActive:buyNum==3}" @click="bugNumFn(3)">3条</view>
|
|
|
+ <view class="buyNumline" :class="{buyNumlineActive:buyNum==4}" @click="bugNumFn(4)">4条</view>
|
|
|
</view>
|
|
|
+
|
|
|
+ </view>
|
|
|
+ <view class="buyTkline">
|
|
|
+ <view class="buyTklineLeft">服务方式</view>
|
|
|
+ <view class="buyTklineRight">到店服务</view>
|
|
|
+ </view>
|
|
|
+ <view class="buyTkline">
|
|
|
+ <view class="buyTklineLeft">门店地址</view>
|
|
|
+ <view class="buyTklineRight">
|
|
|
+ <span>更换门店</span>
|
|
|
+ <image src="../../static/img2/hjt.png" mode="" class="jtImg1"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="buyShopBox">
|
|
|
+ <view class="buyShop">
|
|
|
+ <view class="buyShopTop">
|
|
|
+ <view class="buyShopTleft">
|
|
|
+ <view class="shopbq">距离最近</view>
|
|
|
+ <view class="buyshopName">兰考中山大道店</view>
|
|
|
+ </view>
|
|
|
+ <view class="buyShopTRgiht">
|
|
|
+ <image src="/static/timg/icon_checked@2x.png" mode="" class="duihao"></image>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ <view class="buyShopCont">
|
|
|
+ <image src="/static/timg/noimg.png" class="buyShopContImg"></image>
|
|
|
+ <view class="buyShopContAdress">河南省开封市兰考县中山大道路河南省开封市</view>
|
|
|
+ <view class="buyShopJl">3306.9km</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
|
|
|
+
|
|
|
|
|
|
|
|
|
|
|
|
@@ -357,6 +388,7 @@
|
|
|
itemDefaultTk:'',
|
|
|
canpinShow:false,
|
|
|
cxShow:false,
|
|
|
+ buyNum:'',
|
|
|
}
|
|
|
},
|
|
|
onLoad(opt) {
|
|
|
@@ -390,6 +422,9 @@
|
|
|
|
|
|
},
|
|
|
methods: {
|
|
|
+ bugNumFn(num){
|
|
|
+ this.buyNum=num
|
|
|
+ },
|
|
|
makePhoneCall(tel){
|
|
|
uni.makePhoneCall({
|
|
|
phoneNumber: tel,
|
|
|
@@ -419,19 +454,9 @@
|
|
|
this.itemDefaultTk.mainImgUrl=this.detail.openMaintainImgUrls[0]
|
|
|
},
|
|
|
goSubmit(){
|
|
|
- this.itemDefaultTk.goodsnum=this.goodsnum
|
|
|
- this.itemDefaultTk.goodsname=this.detail.title
|
|
|
- this.itemDefaultTk.itemId=this.detail.id
|
|
|
- this.itemDefaultTk.mainImgUrl=this.detail.openMaintainImgUrls[0]
|
|
|
- uni.setStorage({
|
|
|
- key: 'itemDefault',
|
|
|
- data: this.itemDefaultTk,
|
|
|
- success: function () {
|
|
|
- uni.navigateTo({
|
|
|
- url:'maintainSubmit'
|
|
|
- })
|
|
|
- }
|
|
|
- });
|
|
|
+ uni.navigateTo({
|
|
|
+ url:'tireSubmit'
|
|
|
+ })
|
|
|
},
|
|
|
closeTk(){
|
|
|
this.tkShow=false
|
|
|
@@ -601,10 +626,10 @@
|
|
|
color: #999999;
|
|
|
padding-top: 20rpx;
|
|
|
|
|
|
- padding-left: 10rpx;
|
|
|
+
|
|
|
}
|
|
|
.goodsPrice41{
|
|
|
- text-decoration:line-through;
|
|
|
+ text-decoration:line-through; padding-left: 10rpx;
|
|
|
}
|
|
|
.Sold{
|
|
|
font-weight: 400;
|
|
|
@@ -713,11 +738,7 @@ color: #666E80;
|
|
|
background: #FFFFFF;
|
|
|
border-radius: 26rpx 26rpx 0px 0px;
|
|
|
}
|
|
|
-.buyNumBox{
|
|
|
- padding: 30rpx;
|
|
|
- padding-top: 10rpx;
|
|
|
- padding-bottom: 70rpx;
|
|
|
-}
|
|
|
+
|
|
|
.buyContCh{
|
|
|
position: absolute;
|
|
|
top: 53rpx;
|
|
|
@@ -905,7 +926,7 @@ color: #666E80;
|
|
|
}
|
|
|
.tkCont{
|
|
|
width: 750rpx;
|
|
|
- height: 611rpx;
|
|
|
+ height: 910rpx;
|
|
|
background: #FFFFFF;
|
|
|
border-radius: 28rpx 28rpx 0rpx 0rpx;
|
|
|
position: absolute;
|
|
|
@@ -925,7 +946,7 @@ color: #666E80;
|
|
|
overflow-y: auto;
|
|
|
}
|
|
|
.tkTop{
|
|
|
- display: flex;padding: 40rpx 24rpx;
|
|
|
+ display: flex;padding: 40rpx 24rpx 30rpx 24rpx;
|
|
|
padding-bottom: 25rpx;
|
|
|
}
|
|
|
.tkImg{
|
|
|
@@ -995,7 +1016,7 @@ color: #666E80;
|
|
|
.buyNumBox{
|
|
|
padding: 30rpx;
|
|
|
padding-top: 10rpx;
|
|
|
- padding-bottom: 70rpx;
|
|
|
+ padding-bottom: 30rpx;
|
|
|
}
|
|
|
.buyContCh{
|
|
|
position: absolute;
|
|
|
@@ -1194,4 +1215,86 @@ padding: 24rpx 0;
|
|
|
color: #666E80;
|
|
|
padding-bottom: 8rpx;
|
|
|
}
|
|
|
+.buyTkline{
|
|
|
+ display: flex;justify-content: space-between;
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #666E80;
|
|
|
+ padding: 15rpx 24rpx;
|
|
|
+}
|
|
|
+.buyTklineRight{
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #222222;
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.buyTklineRight .jtImg1{
|
|
|
+ margin-top: 10rpx;
|
|
|
+ margin-left: 6rpx;
|
|
|
+}
|
|
|
+.buyShopBox{
|
|
|
+ padding: 0 24rpx;
|
|
|
+}
|
|
|
+.duihao{
|
|
|
+ width: 28rpx;height: 28rpx;
|
|
|
+}
|
|
|
+.buyShopTRgiht{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+.buyShop{
|
|
|
+ background: #F9F9F9;
|
|
|
+ border-radius:6rpx;
|
|
|
+}
|
|
|
+.buyShopTop{
|
|
|
+ display: flex;justify-content: space-between;
|
|
|
+ padding: 16rpx 22rpx;
|
|
|
+ background: #F9EFF0;
|
|
|
+}
|
|
|
+.shopbq{
|
|
|
+ color: #FF063A;font-size: 22rpx;
|
|
|
+ border-radius: 6rpx;
|
|
|
+ border: 1rpx solid #FF063A;
|
|
|
+ padding: 0rpx 6rpx;
|
|
|
+ height: 30rpx;line-height: 30rpx;
|
|
|
+ margin-top: 4rpx;
|
|
|
+}
|
|
|
+.buyShopTleft{
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+.buyshopName{
|
|
|
+ font-size: 26rpx;
|
|
|
+ color: #222222;
|
|
|
+ line-height: 37rpx;
|
|
|
+ padding-left: 8rpx;
|
|
|
+}
|
|
|
+.buyShopCont{
|
|
|
+ display: flex;
|
|
|
+ padding: 22rpx;
|
|
|
+}
|
|
|
+.buyShopContImg{
|
|
|
+ width: 102rpx;
|
|
|
+ height: 102rpx;
|
|
|
+ border-radius: 6rpx;
|
|
|
+}
|
|
|
+.buyShopContAdress{
|
|
|
+ font-weight: 400;
|
|
|
+ font-size: 22rpx;
|
|
|
+ color: #666E80;
|
|
|
+ line-height: 34rpx;
|
|
|
+ width: 440rpx;
|
|
|
+ padding-left: 12rpx;
|
|
|
+}
|
|
|
+.buyShopJl{
|
|
|
+ font-size: 22rpx;
|
|
|
+ color: #666E80; line-height: 34rpx;
|
|
|
+ width: 110rpx;
|
|
|
+ text-align: right;
|
|
|
+}
|
|
|
+.buyNumlineActive{
|
|
|
+ border-radius: 25rpx;
|
|
|
+ border: 1rpx solid #FF0035;
|
|
|
+ color: #FF0035;
|
|
|
+ background: #ffffff;
|
|
|
+ height: 48rpx;
|
|
|
+ line-height: 48rpx;width: 147rpx;
|
|
|
+}
|
|
|
</style>
|
