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

42
pages/order_food/goodsList_scroll.vue
View File

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