chenkainan
/
flavorOfTimeSz
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

样式修改

dev_delivery
jiazhipeng 3 weeks ago
parent
cdf7982962
commit
00de5f6d9f
4 changed files with 85 additions and 77 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  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
View File

@ -125,19 +125,31 @@
<uni-icons type="closeempty" size="24"></uni-icons>
</view>
<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="bottom-productPrice com-price">{{(sku[productIndex].price_text||0)}}</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 class="sp">规格</view>
<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}]"
@click="changeProduct(botItem,botIndex)">
{{botItem.sku_name}}
<image :src="showImg(botItem.headimg)"></image>
<view class="sku-name">{{botItem.sku_name}}</view>
</view>
<view class="noStore-text" v-if="botItem.store==0">
不可购买
@ -145,7 +157,7 @@
</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" v-if="sku[productIndex].use_type!=1" @click="changeSelectSkuPost(1)">
@ -171,18 +183,7 @@
</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 class="sp-bottom-btn">
<view class="btn" @click="openPop">{{addCart?"加入购物车":"立即购买"}}</view>
@ -721,17 +722,16 @@
display: flex;
margin-bottom: 23rpx;
flex-shrink: 0;
}
.bottom-productImg img {
width: 218rpx;
height: 179rpx;
image {
width: 173.33rpx;
height: 173.33rpx;
background: #666666;
border-radius: 13rpx;
}
}
.right-content {
margin: 10rpx 0 0 41rpx;
padding-left: 14rpx;
flex: 1;
width: 1rpx;
}
@ -755,20 +755,31 @@
}
.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;
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{
background-color: rgba(239, 239, 239, 1);
@ -792,37 +803,35 @@
.botProducts {
background: #6A8A27;
color: #FFFFFF;
color: #6A8A27;
border: 1px solid #6A8A27;
}
.buy-num {
font-size: 29rpx;
font-family: PingFang SC;
font-weight: 400;
font-weight: 500;
font-size: 31rpx;
color: #000000;
color: #333333;
padding: 39rpx 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.buy-num .number-btn {
width: 233rpx;
height: 53rpx;
background: #EFEFEF;
border-radius: 13rpx;
margin-top: 25rpx;
.number-btn {
display: flex;
}
.buy-num .number-btn view {
height: 100%;
width: 100%;
view {
display: flex;
justify-content: center;
align-items: center;
width: 69rpx;
height: 69rpx;
border: 1rpx solid #CCCCCC;
border-radius: 7rpx;
height: 100%;
}
}
.buy-num .number-btn>view text {
font-size: 46rpx;
}
.buy-btn {
@ -863,14 +872,13 @@
}
.sp-container{
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
max-height: 400rpx;
min-height: 400rpx;
max-height: 600rpx;
overflow-y: auto;
padding-top: 20rpx;
padding-right: 20rpx;
overflow-x: hidden;
align-content: flex-start
}
.sp-bottom-btn{
width: 750rpx;

2
subPackages/search/techanResult.vue
View File

@ -113,7 +113,7 @@
</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" v-if="sku[productIndex].use_type!=1" @click="changeSelectSkuPost(1)">

2
subPackages/techan/detail.vue
View File

@ -156,7 +156,7 @@
</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" v-if="sku[productIndex].use_type!=1" @click="changeSelectSkuPost(1)">

4
subPackages/techan/index.vue
View File

@ -222,7 +222,7 @@
</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" v-if="sku[productIndex].use_type!=1" @click="changeSelectSkuPost(1)">
@ -938,7 +938,7 @@
.popup-content {
background-color: white;
padding: 0rpx 39rpx 51rpx 39rpx;
padding: 0rpx 39rpx 20rpx 39rpx;
height: auto;
border-radius: 20rpx 20rpx 0 0;
.bottom-productImg {

Write Preview
Loading…
Cancel
Save