czg_team/cashier_weapp
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

商品列表修改

Browse Source
This commit is contained in:
GaoHao
2024-08-02 11:09:20 +08:00
parent d4001e5f37
commit 40a6a88305
1 changed files with 26 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
pages/order_food/goodsList_scroll.vue
View File

@@ -34,13 +34,13 @@
<view class="panelfive">
<scroll-view :scroll-x="true" :scroll-into-view="leftIntoView" :scroll-with-animation="false">
<view class="panelfive_list">
<view class="panelfiveitem" v-for="(item,index) in shopProductList.hots" :key="index">
<view class="panelfiveitem" @click="clickspecifications(item,index,index,'热销')" v-for="(item,index) in shopProductList.hots" :key="index">
<image class="panelfiveitemimage" :src="item.coverImg" mode="aspectFill"></image>
<view class="panelfiveitemone">
{{ item.name }}
</view>
<view class="panelfiveitemtow">
本店回头客第4名
本店回头客第{{index+1}}名
</view>
<view class="panelfiveitemthere flex-start">
<text>招牌</text>
@@ -65,7 +65,6 @@
<view class="sku-wrap flex-center" v-if="item.productSkuResult != null"
@click.stop="clickspecifications(item,index,index1)">
<text class="t">选规格</text>
<u-badge type="green" class="badge" count="22"></u-badge>
<text class="dot num" v-if="item.cartNumber != '0'">{{item.cartNumber<99?item.cartNumber:'99+'}}</text>
</view>
<view class="Controls" v-else>
@@ -111,14 +110,15 @@
<view class="lookBack" v-if="item.name=='热销'">本店回头客第{{index1+1}}名</view>
<view class="describe"> {{item1.shortTitle?item1.shortTitle:''}} </view>
<view class="monthlySale">月售{{item1.stockNumber}}</view>
<view class="money">￥<text class="money_num">{{ item1.lowPrice }}</text>/份</view>
<view class="sku-wrap flex-center" v-if="item1.productSkuResult != null"
@click.stop="clickspecifications(item1,index,index1)">
<text class="t">选规格</text>
<u-badge type="green" class="badge" count="22"></u-badge>
<text class="dot num" v-if="item1.cartNumber != '0'">{{item1.cartNumber<99?item1.cartNumber:'99+'}}</text>
<view class="money">￥<text class="money_num">{{ item1.lowPrice }}</text>/份<text class="suit">「{{item1.suit}}份起点」</text></view>
<view class="flex-end" v-if="item1.productSkuResult != null">
<view class="sku-wrap flex-center" @click.stop="clickspecifications(item1,index,index1)">
<text class="t">选规格</text>
<text class="dot num" v-if="item1.cartNumber != '0'">{{item1.cartNumber<99?item1.cartNumber:'99+'}}</text>
</view>
</view>
<view class="Controls" v-else>
<view v-if="item1.cartNumber != '0'" @click.stop="cartadd(item1,'-',item1.productSkuResult == null ? '单规格':'',$event)">
<u-icon name="minus-circle-fill" color="#E9AB7A" size="50"></u-icon>
@@ -254,7 +254,7 @@
</view>
<image class="shop_skucimage" :src="specifications.coverImg" mode="aspectFill"></image>
<view class="shop_sku_name"> {{specifications.name}} </view>
<view class="shop_sku_returned"> {{specifications.name}} </view>
<view class="shop_sku_returned" v-if="specifications.typeName&&specifications.typeName=='热销'"> 本店回头客第{{specifications.indexb+1}}名 </view>
<view class="shop_sku_description"> {{specifications.shortTitle?specifications.shortTitle:''}} </view>
<view class="shop_sku_box" v-for="(item,index) in specifications.tagSnap" :key="index"
@@ -635,11 +635,12 @@
* @param {Object} index
* @param {Object} index1
*/
clickspecifications(item1, index, index1) {
clickspecifications(item1, index, index1,type) {
this.skuidname = []
this.specifications = item1
this.specifications.indexa = index
this.specifications.indexb = index1
this.specifications.typeName = type
try {
if (item1.productSkuResult == null) {
// 但但单个规格弹框的处理
@@ -1724,16 +1725,22 @@
font-weight: bold;
}
}
.suit{
font-weight: 400;
font-size: 24rpx;
color: #666666;
}
.sku-wrap{
width: 138rpx;
height: 54rpx;
background: #E3AD7F;
border-radius: 32rpx;
position: absolute;
bottom: 10rpx;
right: 20rpx;
// position: absolute;
// bottom: 10rpx;
// right: 20rpx;
align-items: center;
position: relative;
.t{
font-size: 28rpx;
color: #fff;
@@ -1757,9 +1764,10 @@
.Controls{
display: flex;
align-items: center;
position: absolute;
bottom: 10rpx;
right: 20rpx;
justify-content: flex-end;
// position: absolute;
// bottom: 10rpx;
// right: 20rpx;
.num{
margin: auto 8rpx;
}