|
@@ -52,12 +52,18 @@
|
|
|
<view class="carTis" v-if="isRecommend!='true'">此套餐可能与爱车不适配</view>
|
|
|
<view class="buyLine">
|
|
|
<view class="buyTitle">商品规格</view>
|
|
|
- <view class="buyData guigeBox">
|
|
|
- <!-- <view class="goodsGuige activeGuige" style="margin-right: 24rpx;">单次购买</view> -->
|
|
|
- <view class="goodsGuige" @click="goodsGuige(item)"
|
|
|
- :class="{activeGuige:item.id==itemDefault.id}" v-if="item.isShow==1"
|
|
|
- v-for="(item,index) in detail.packageItems">{{item.title}}</view>
|
|
|
+ <view class="guigeBox">
|
|
|
+ <scroll-view scroll-x="true" enable-flex="true" class="buyData guigeBox2">
|
|
|
+
|
|
|
+ <!-- <view class="goodsGuige activeGuige" style="margin-right: 24rpx;">单次购买</view> -->
|
|
|
+ <view class="goodsGuige" @click="goodsGuige(item)"
|
|
|
+ :class="{activeGuige:item.id==itemDefault.id}" v-if="item.isShow==1"
|
|
|
+ v-for="(item,index) in detail.packageItems">{{item.title}}</view>
|
|
|
+
|
|
|
+ </scroll-view>
|
|
|
+
|
|
|
</view>
|
|
|
+
|
|
|
</view>
|
|
|
<view class="buyLine">
|
|
|
<view class="buyTitle">商品数量</view>
|
|
@@ -128,7 +134,7 @@
|
|
|
<image class="kefuIcon" src="../../static/img2/kefu.png" mode=""></image>
|
|
|
<view style="text-align: center;font-size: 20rpx;color: #110B01;">客服</view>
|
|
|
</view>
|
|
|
- <view class="Btn" @click="submitFn">立即购买</view>
|
|
|
+ <view class="Btn commonBtn" @click="submitFn">立即购买</view>
|
|
|
</view>
|
|
|
|
|
|
|
|
@@ -171,7 +177,7 @@
|
|
|
</view>
|
|
|
|
|
|
<view class="tkBottom">
|
|
|
- <view class="tkBottomBtn" @click="goSubmit">立即购买</view>
|
|
|
+ <view class="tkBottomBtn commonBtn" @click="goSubmit">立即购买</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
@@ -328,12 +334,12 @@
|
|
|
this.itemDefault=item
|
|
|
}
|
|
|
if(item.content){
|
|
|
- item.content=item.content.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ');
|
|
|
+ item.content=item.content.replace(/\<img/gi, '<img style="max-width:100% !important;height:auto" ');
|
|
|
}
|
|
|
|
|
|
})
|
|
|
if(this.detail.detailContent){
|
|
|
- this.detail.detailContent=this.detail.detailContent.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ');
|
|
|
+ this.detail.detailContent=this.detail.detailContent.replace(/\<img/gi, '<img style="max-width:100% !important;height:auto" ');
|
|
|
}
|
|
|
|
|
|
|
|
@@ -470,13 +476,14 @@ color: #666E80;
|
|
|
}
|
|
|
.goodsGuige{
|
|
|
/* width: 150rpx; */
|
|
|
- height: 50rpx;line-height: 50rpx;
|
|
|
+ height: 50rpx;line-height: 48rpx;
|
|
|
background: #F6F6F6;
|
|
|
border-radius: 5rpx;
|
|
|
font-size: 24rpx;
|
|
|
color: #222222;text-align: center;
|
|
|
margin-left: 24rpx;
|
|
|
padding: 0 20rpx;
|
|
|
+ display: inline-block;
|
|
|
}
|
|
|
.activeGuige{
|
|
|
width: 146rpx;
|
|
@@ -652,7 +659,7 @@ color: #666E80;
|
|
|
.Btn{
|
|
|
width: 532rpx;text-align: center;
|
|
|
height: 86rpx;line-height: 86rpx;
|
|
|
- background: #FCD903;
|
|
|
+ /* background: #FCD903; */
|
|
|
border-radius: 43rpx;
|
|
|
font-size: 32rpx;
|
|
|
color: #110B01;
|
|
@@ -672,8 +679,14 @@ color: #666E80;
|
|
|
padding-right: 24rpx;
|
|
|
}
|
|
|
.guigeBox{
|
|
|
- flex-wrap: wrap;justify-content: flex-end;
|
|
|
+ /* height: 50rpx; */
|
|
|
+ height: 52rpx;
|
|
|
width: 500rpx;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+.guigeBox2{
|
|
|
+ flex-wrap: nowrap;justify-content: flex-end;white-space: nowrap;
|
|
|
+ height: 50rpx;
|
|
|
}
|
|
|
.tkBox{
|
|
|
width: 100vw;height: 100vh;background: rgba(0,0,0,0.5);
|
|
@@ -780,7 +793,7 @@ color: #666E80;
|
|
|
.tkBottomBtn{
|
|
|
width: 661rpx;text-align: center;
|
|
|
height: 86rpx;line-height: 86rpx;
|
|
|
- background: #FCD903;
|
|
|
+ /* background: #FCD903; */
|
|
|
border-radius: 43rpx;
|
|
|
font-size: 32rpx;
|
|
|
color: #110B01;
|