Browse Source

样式修改

dev_delivery
jiazhipeng 3 weeks ago
parent
commit
00de5f6d9f
  1. 122
      subPackages/pointsMall/detail.vue
  2. 2
      subPackages/search/techanResult.vue
  3. 2
      subPackages/techan/detail.vue
  4. 4
      subPackages/techan/index.vue

122
subPackages/pointsMall/detail.vue

@ -125,19 +125,31 @@
<uni-icons type="closeempty" size="24"></uni-icons> <uni-icons type="closeempty" size="24"></uni-icons>
</view> </view>
<view class="bottom-productImg"> <view class="bottom-productImg">
<img :src="showImg(sku[productIndex].headimg)" alt=""> <image :src="showImg(sku[productIndex].headimg)" alt=""></image>
<view class="right-content"> <view class="right-content">
<view class="bottom-productPrice com-price">{{(sku[productIndex].price_text||0)}}</view> <view class="bottom-productPrice com-price">{{(sku[productIndex].price_text||0)}}</view>
<view class="bottom-content">已选择{{sku[productIndex].sku_name}}</view> <view class="bottom-content">已选择{{sku[productIndex].sku_name}}</view>
<view class="buy-num com-flex-tao">
<view class="number-btn">
<view>
<text @click="delNumber">-</text>
</view>
<view style="flex: 1;">{{ buyNum }}</view>
<view>
<text @click="addNumber">+</text>
</view>
</view>
</view>
</view> </view>
</view> </view>
<view> <view>
<view class="sp">规格</view> <view class="sp">规格</view>
<view class="sp-container" style=""> <view class="sp-container" style="">
<view style="position:relative;" v-for="(botItem,botIndex) in sku" :key="botIndex"> <view style="position:relative;width: 100%;" v-for="(botItem,botIndex) in sku" :key="botIndex">
<view :class="['botProduct','text-overflow',{'noStore':botItem.store==0},{'botProducts':productIndex==botIndex}]" <view :class="['botProduct','text-overflow',{'noStore':botItem.store==0},{'botProducts':productIndex==botIndex}]"
@click="changeProduct(botItem,botIndex)"> @click="changeProduct(botItem,botIndex)">
{{botItem.sku_name}} <image :src="showImg(botItem.headimg)"></image>
<view class="sku-name">{{botItem.sku_name}}</view>
</view> </view>
<view class="noStore-text" v-if="botItem.store==0"> <view class="noStore-text" v-if="botItem.store==0">
不可购买 不可购买
@ -145,7 +157,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="buy-num com-flex-tao" v-if="sku[productIndex]&&addCart"> <view class="flex-between" v-if="sku[productIndex]&&addCart">
配送方式 配送方式
<view class="flex-center" > <view class="flex-center" >
<view class="flex-center" v-if="sku[productIndex].use_type!=1" @click="changeSelectSkuPost(1)"> <view class="flex-center" v-if="sku[productIndex].use_type!=1" @click="changeSelectSkuPost(1)">
@ -171,18 +183,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="buy-num com-flex-tao">
数量
<view class="number-btn">
<view>
<text @click="delNumber">-</text>
</view>
<view style="width: 96rpx;height: 69rpx;margin: 0 14rpx;">{{ buyNum }}</view>
<view>
<text @click="addNumber">+</text>
</view>
</view>
</view>
</view> </view>
<view class="sp-bottom-btn"> <view class="sp-bottom-btn">
<view class="btn" @click="openPop">{{addCart?"加入购物车":"立即购买"}}</view> <view class="btn" @click="openPop">{{addCart?"加入购物车":"立即购买"}}</view>
@ -721,17 +722,16 @@
display: flex; display: flex;
margin-bottom: 23rpx; margin-bottom: 23rpx;
flex-shrink: 0; flex-shrink: 0;
} image {
width: 173.33rpx;
.bottom-productImg img { height: 173.33rpx;
width: 218rpx;
height: 179rpx;
background: #666666; background: #666666;
border-radius: 13rpx; border-radius: 13rpx;
} }
}
.right-content { .right-content {
margin: 10rpx 0 0 41rpx; padding-left: 14rpx;
flex: 1; flex: 1;
width: 1rpx; width: 1rpx;
} }
@ -755,20 +755,31 @@
} }
.botProduct { .botProduct {
width: 320rpx;
// height: 78rpx;
border-radius: 13rpx;
background-color: #F5F5F5;
font-size: 29rpx;
font-family: PingFang SC;
font-weight: 400;
color: #333333;
line-height: 78rpx;
text-align: center;
margin-bottom: 25rpx;
display: inline-block;
position: relative; position: relative;
padding: 0 40rpx; min-height: 67rpx;
border-radius: 13rpx;
margin-bottom: 34rpx;
max-width: 100%;
padding-right:15rpx;
min-width: 340rpx;
background: #EFEFEF;
display: flex;
align-items: center;
box-sizing: border-box;
color: #333;
width: fit-content;
&>image{
width: 67rpx;
height: 67rpx;
border-radius: 13rpx;
flex-shrink: 0;
}
.sku-name{
flex: 1;
padding-left: 15rpx;
white-space: normal;
font-size: 27rpx;
}
} }
.noStore{ .noStore{
background-color: rgba(239, 239, 239, 1); background-color: rgba(239, 239, 239, 1);
@ -792,37 +803,35 @@
.botProducts { .botProducts {
background: #6A8A27; color: #6A8A27;
color: #FFFFFF; border: 1px solid #6A8A27;
} }
.buy-num { .buy-num {
font-size: 29rpx; font-weight: 500;
font-family: PingFang SC; font-size: 31rpx;
font-weight: 400; color: #000000;
color: #333333; color: #333333;
padding: 39rpx 0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} width: 233rpx;
height: 53rpx;
.buy-num .number-btn { background: #EFEFEF;
border-radius: 13rpx;
margin-top: 25rpx;
.number-btn {
display: flex; display: flex;
} height: 100%;
width: 100%;
.buy-num .number-btn view { view {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 69rpx; width: 69rpx;
height: 69rpx; height: 100%;
border: 1rpx solid #CCCCCC; }
border-radius: 7rpx;
} }
.buy-num .number-btn>view text {
font-size: 46rpx;
} }
.buy-btn { .buy-btn {
@ -863,14 +872,13 @@
} }
.sp-container{ .sp-container{
display: flex; display: flex;
align-items: center;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
max-height: 400rpx; min-height: 400rpx;
max-height: 600rpx;
overflow-y: auto; overflow-y: auto;
padding-top: 20rpx;
padding-right: 20rpx;
overflow-x: hidden; overflow-x: hidden;
align-content: flex-start
} }
.sp-bottom-btn{ .sp-bottom-btn{
width: 750rpx; width: 750rpx;

2
subPackages/search/techanResult.vue

@ -113,7 +113,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="buy-num com-flex-tao" v-if="sku[productIndex]"> <view class="flex-between" style="padding-top: 20rpx;" v-if="sku[productIndex]">
配送方式 配送方式
<view class="flex-center" > <view class="flex-center" >
<view class="flex-center" v-if="sku[productIndex].use_type!=1" @click="changeSelectSkuPost(1)"> <view class="flex-center" v-if="sku[productIndex].use_type!=1" @click="changeSelectSkuPost(1)">

2
subPackages/techan/detail.vue

@ -156,7 +156,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="buy-num com-flex-tao" v-if="sku[productIndex]&&addCart"> <view class="flex-between" style="padding-top: 20rpx;" v-if="sku[productIndex]&&addCart">
配送方式 配送方式
<view class="flex-center" > <view class="flex-center" >
<view class="flex-center" v-if="sku[productIndex].use_type!=1" @click="changeSelectSkuPost(1)"> <view class="flex-center" v-if="sku[productIndex].use_type!=1" @click="changeSelectSkuPost(1)">

4
subPackages/techan/index.vue

@ -222,7 +222,7 @@
</view> </view>
</view> </view>
</view> </view>
<view class="buy-num com-flex-tao" v-if="sku[productIndex]"> <view class="flex-between" style="padding-top: 20rpx;" v-if="sku[productIndex]">
配送方式 配送方式
<view class="flex-center" > <view class="flex-center" >
<view class="flex-center" v-if="sku[productIndex].use_type!=1" @click="changeSelectSkuPost(1)"> <view class="flex-center" v-if="sku[productIndex].use_type!=1" @click="changeSelectSkuPost(1)">
@ -938,7 +938,7 @@
.popup-content { .popup-content {
background-color: white; background-color: white;
padding: 0rpx 39rpx 51rpx 39rpx; padding: 0rpx 39rpx 20rpx 39rpx;
height: auto; height: auto;
border-radius: 20rpx 20rpx 0 0; border-radius: 20rpx 20rpx 0 0;
.bottom-productImg { .bottom-productImg {

Loading…
Cancel
Save