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

特产弹框

master
jiazhipeng 3 weeks ago
parent
9f3b760582
commit
4e807a19f5
4 changed files with 328 additions and 275 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 Download Patch File Download Diff File
  1. 122
      subPackages/food/detail.vue
  2. 135
      subPackages/search/techanResult.vue
  3. 126
      subPackages/techan/detail.vue
  4. 134
      subPackages/techan/index.vue

122
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;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;
.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;
} }
@ -702,20 +703,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);
@ -737,39 +749,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;
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 {
@ -810,14 +819,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;

135
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 style="max-height: 600rpx;overflow-y: auto;">
<view class="sp">
规格
</view> </view>
<view style="display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;"> </view>
<view style="position:relative;" v-for="(botItem,botIndex) in sku" :key="botIndex"> <view style="max-height: 600rpx;overflow-y: auto;">
<view class="sp">规格</view>
<view class="sp-container">
<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">
不可购买 不可购买
@ -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;
.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;
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,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);
@ -492,38 +504,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;
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 {
@ -561,6 +570,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
}
} }

126
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;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,25 +673,21 @@
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;
}
.bottom-productPrice { .bottom-productPrice {
font-size: 40rpx; font-size: 40rpx;
color: #FC524B; color: #FC524B;
&:before { &:before {
content: "￥"; content: "￥";
font-size: 26rpx; font-size: 26rpx;
@ -704,22 +701,36 @@
font-weight: 400; font-weight: 400;
color: #666666; 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: 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);
@ -743,37 +754,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 {
@ -814,14 +823,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;

134
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 style="max-height: 600rpx;overflow-y: auto;">
<view class="sp">
规格
</view> </view>
<view style="display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;"> </view>
<view style="position:relative;" v-for="(botItem,botIndex) in sku" :key="botIndex"> <view style="max-height: 600rpx;overflow-y: auto;">
<view class="sp">规格</view>
<view class="sp-container">
<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">
不可购买 不可购买
@ -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;
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;
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,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);
@ -907,38 +918,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;
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 {
@ -976,6 +984,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