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

Compare commits

base: chenkainan:9f3b760582c4924b1d97ca4acf845308a2bad264
Branches Tags
chenkainan:dev
chenkainan:dev_delivery
chenkainan:master
...
compare: chenkainan:b0e5be2643cb99fd0353e69ae819afa7de5ddc9f
Branches Tags
chenkainan:dev
chenkainan:dev_delivery
chenkainan:master

3 Commits
9f3b760582 ... b0e5be2643

Author SHA1 Message Date
jiazhipeng b0e5be2643 样式调整
3 weeks ago
jiazhipeng ee66a0d379 客服手机号修改
3 weeks ago
jiazhipeng 4e807a19f5 特产弹框
3 weeks ago
5 changed files with 334 additions and 277 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats
  1. 4
      pages/user/user.vue
  2. 137
      subPackages/food/detail.vue
  3. 150
      subPackages/search/techanResult.vue
  4. 169
      subPackages/techan/detail.vue
  5. 151
      subPackages/techan/index.vue

4
pages/user/user.vue
View File

@ -92,10 +92,10 @@
<!-- 内容区域 --> <!-- 内容区域 -->
<view class="popup-body"> <view class="popup-body">
<!-- 电话咨询 --> <!-- 电话咨询 -->
<view class="contact-item" @click="clickPhone('0512-80822586')"> <view class="contact-item" @click="clickPhone('15370135755')">
<view class="info"> <view class="info">
<text class="label">电话咨询</text> <text class="label">电话咨询</text>
<text class="detail">0512-80822586</text> <text class="detail">15370135755</text>
</view> </view>
<view class="arrow"> <view class="arrow">
<image style="width: 100%;height: 100%;" mode="aspectFill" src="https://static.ticket.sz-trip.com/uploads/20250911/a58432ad47582207f9f03ac31a6e2d98.png"></image> <image style="width: 100%;height: 100%;" mode="aspectFill" src="https://static.ticket.sz-trip.com/uploads/20250911/a58432ad47582207f9f03ac31a6e2d98.png"></image>

137
subPackages/food/detail.vue
View File

@ -113,19 +113,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||0)/100}}</view> <view class="bottom-productPrice com-price">{{(sku[productIndex].price||0)/100}}</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;max-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">
不可购买 不可购买
@ -133,18 +145,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>
@ -668,17 +669,17 @@
display: flex; display: flex;
margin-bottom: 23rpx; margin-bottom: 23rpx;
flex-shrink: 0; flex-shrink: 0;
image {
width: 173.33rpx;
height: 173.33rpx;
background: #666666;
border-radius: 13rpx;
}
} }
.bottom-productImg img {
width: 218rpx;
height: 179rpx;
background: #666666;
border-radius: 13rpx;
}
.right-content { .right-content {
margin: 10rpx 0 0 41rpx; padding-left: 14rpx;
flex: 1; flex: 1;
width: 1rpx; width: 1rpx;
} }
@ -702,20 +703,32 @@
} }
.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: 320rpx;
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;
word-break: break-all;
}
} }
.noStore{ .noStore{
background-color: rgba(239, 239, 239, 1); background-color: rgba(239, 239, 239, 1);
@ -737,39 +750,36 @@
color: #FFFFFF; color: #FFFFFF;
} }
.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;
display: flex; border-radius: 13rpx;
} margin-top: 25rpx;
.number-btn {
.buy-num .number-btn view { display: flex;
display: flex; height: 100%;
justify-content: center; width: 100%;
align-items: center; view {
width: 69rpx; display: flex;
height: 69rpx; justify-content: center;
border: 1rpx solid #CCCCCC; align-items: center;
border-radius: 7rpx; width: 69rpx;
} height: 100%;
}
.buy-num .number-btn>view text { }
font-size: 46rpx;
} }
.buy-btn { .buy-btn {
@ -810,14 +820,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;

150
subPackages/search/techanResult.vue
View File

@ -70,21 +70,31 @@
</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||0)/100}}</view> <view class="bottom-productPrice com-price">{{(sku[productIndex].price||0)/100}}</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 style="max-height: 600rpx;overflow-y: auto;"> <view style="max-height: 600rpx;overflow-y: auto;">
<view class="sp"> <view class="sp">规格</view>
规格 <view class="sp-container">
</view> <view style="position:relative;max-width: 100%;" v-for="(botItem,botIndex) in sku" :key="botIndex">
<view style="display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;">
<view style="position:relative;" 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">
不可购买 不可购买
@ -92,18 +102,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="placeholder-content"> <view class="placeholder-content">
<view style="height: 100rpx;"></view> <view style="height: 100rpx;"></view>
@ -423,17 +422,19 @@
.bottom-productImg { .bottom-productImg {
display: flex; display: flex;
margin-bottom: 23rpx; margin-bottom: 23rpx;
image {
width: 173.33rpx;
height: 173.33rpx;
background: #666666;
border-radius: 13rpx;
}
} }
.bottom-productImg img {
width: 218rpx;
height: 179rpx;
background: #666666;
border-radius: 13rpx;
}
.right-content { .right-content {
margin: 10rpx 0 0 41rpx; padding-left: 14rpx;
flex: 1;
width: 1rpx;
} }
.bottom-productPrice { .bottom-productPrice {
@ -447,7 +448,7 @@
} }
.bottom-content { .bottom-content {
width: 331rpx; width: 100%;
font-size: 27rpx; font-size: 27rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
@ -455,20 +456,32 @@
} }
.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: 320rpx;
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;
word-break: break-all;
}
} }
.noStore{ .noStore{
background-color: rgba(239, 239, 239, 1); background-color: rgba(239, 239, 239, 1);
@ -492,38 +505,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;
// border-top: 1rpx solid #CCCCCC;
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;
display: flex; border-radius: 13rpx;
} margin-top: 25rpx;
.number-btn {
.buy-num .number-btn view { display: flex;
display: flex; height: 100%;
justify-content: center; width: 100%;
align-items: center; view {
width: 69rpx; display: flex;
height: 69rpx; justify-content: center;
border: 1rpx solid #CCCCCC; align-items: center;
border-radius: 7rpx; width: 69rpx;
} height: 100%;
}
.buy-num .number-btn>view text { }
font-size: 46rpx;
} }
.buy-btn { .buy-btn {
@ -561,6 +571,16 @@
margin: 60rpx 0; margin: 60rpx 0;
padding-top: 30rpx; padding-top: 30rpx;
} }
.sp-container{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
min-height: 400rpx;
max-height: 600rpx;
overflow-y: auto;
overflow-x: hidden;
align-content: flex-start
}
} }

169
subPackages/techan/detail.vue
View File

@ -123,19 +123,32 @@
<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||0)/100}}</view> <view class="bottom-productPrice com-price">{{(sku[productIndex].price||0)/100}}</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;max-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">
不可购买 不可购买
@ -143,18 +156,6 @@
</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>
@ -672,54 +673,65 @@
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; background: #666666;
height: 179rpx; border-radius: 13rpx;
background: #666666; }
border-radius: 13rpx;
} }
.right-content { .right-content {
margin: 10rpx 0 0 41rpx; padding-left: 14rpx;
flex: 1; flex: 1;
width: 1rpx; width: 1rpx;
} .bottom-productPrice {
font-size: 40rpx;
.bottom-productPrice { color: #FC524B;
font-size: 40rpx; &:before {
color: #FC524B; content: "￥";
font-size: 26rpx;
&:before { }
content: "￥"; }
font-size: 26rpx;
.bottom-content {
width: 100%;
font-size: 27rpx;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
} }
} }
.bottom-content {
width: 100%;
font-size: 27rpx;
font-family: PingFang SC;
font-weight: 400;
color: #666666;
}
.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: 320rpx;
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;
word-break: break-all;
}
} }
.noStore{ .noStore{
background-color: rgba(239, 239, 239, 1); background-color: rgba(239, 239, 239, 1);
@ -743,37 +755,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;
display: flex; border-radius: 13rpx;
} margin-top: 25rpx;
.number-btn {
.buy-num .number-btn view { display: flex;
display: flex; height: 100%;
justify-content: center; width: 100%;
align-items: center; view {
width: 69rpx; display: flex;
height: 69rpx; justify-content: center;
border: 1rpx solid #CCCCCC; align-items: center;
border-radius: 7rpx; width: 69rpx;
} height: 100%;
}
.buy-num .number-btn>view text { }
font-size: 46rpx;
} }
.buy-btn { .buy-btn {
@ -814,14 +824,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;

151
subPackages/techan/index.vue
View File

@ -176,21 +176,32 @@
</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||0)/100}}</view> <view class="bottom-productPrice com-price">{{(sku[productIndex].price||0)/100}}</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 style="max-height: 600rpx;overflow-y: auto;"> <view style="max-height: 600rpx;overflow-y: auto;">
<view class="sp"> <view class="sp">规格</view>
规格 <view class="sp-container">
</view> <view style="position:relative;max-width: 100%;" v-for="(botItem,botIndex) in sku" :key="botIndex">
<view style="display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;">
<view style="position:relative;" 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">
不可购买 不可购买
@ -198,18 +209,6 @@
</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="placeholder-content"> <view class="placeholder-content">
<view style="height: 100rpx;"></view> <view style="height: 100rpx;"></view>
@ -838,17 +837,18 @@
.bottom-productImg { .bottom-productImg {
display: flex; display: flex;
margin-bottom: 23rpx; margin-bottom: 23rpx;
} image {
width: 173.33rpx;
.bottom-productImg img { height: 173.33rpx;
width: 218rpx; background: #666666;
height: 179rpx; border-radius: 13rpx;
background: #666666; }
border-radius: 13rpx;
} }
.right-content { .right-content {
margin: 10rpx 0 0 41rpx; padding-left: 14rpx;
flex: 1;
width: 1rpx;
} }
.bottom-productPrice { .bottom-productPrice {
@ -862,7 +862,7 @@
} }
.bottom-content { .bottom-content {
width: 331rpx; width: 100%;
font-size: 27rpx; font-size: 27rpx;
font-family: PingFang SC; font-family: PingFang SC;
font-weight: 400; font-weight: 400;
@ -870,20 +870,32 @@
} }
.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: 320rpx;
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;
word-break: break-all;
}
} }
.noStore{ .noStore{
background-color: rgba(239, 239, 239, 1); background-color: rgba(239, 239, 239, 1);
@ -907,38 +919,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;
// border-top: 1rpx solid #CCCCCC;
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;
display: flex; border-radius: 13rpx;
} margin-top: 25rpx;
.number-btn {
.buy-num .number-btn view { display: flex;
display: flex; height: 100%;
justify-content: center; width: 100%;
align-items: center; view {
width: 69rpx; display: flex;
height: 69rpx; justify-content: center;
border: 1rpx solid #CCCCCC; align-items: center;
border-radius: 7rpx; width: 69rpx;
} height: 100%;
}
.buy-num .number-btn>view text { }
font-size: 46rpx;
} }
.buy-btn { .buy-btn {
@ -976,6 +985,16 @@
margin: 60rpx 0; margin: 60rpx 0;
padding-top: 30rpx; padding-top: 30rpx;
} }
.sp-container{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
min-height: 400rpx;
max-height: 600rpx;
overflow-y: auto;
overflow-x: hidden;
align-content: flex-start
}
} }

Write Preview
Loading…
Cancel
Save