liangxin/xdd-uniapp-new
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Style(商品&店铺):界面调整

Browse Source
This commit is contained in:
lifizer
2024-04-16 18:03:47 +08:00
parent b50f201637
commit 8f9eece29d
1 changed files with 57 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/shop/GoodsList/index.vue
+57 -53
View File
@@ -51,32 +51,34 @@
<image v-if="query.salesOrder === 'desc'" src="@/static/images/down.png" /> <image v-if="query.salesOrder === 'desc'" src="@/static/images/down.png" />
</view> </view>
</view> </view>
<view v-if="searchType === 'good'" class="list acea-row row-between-wrapper"> <view v-if="searchType === 'good'">
<goo-skeleton <goo-skeleton
v-if="loading" v-if="loading"
:show-avatar="false" :show-avatar="false"
/> />
<view <view class="list acea-row row-between-wrapper">
v-for="(item, listIndex) in list" <view
:key="listIndex" v-for="(item, listIndex) in list"
class="item" :key="listIndex"
@click="goGoodsCon(item.id)" class="item"
> @click="goGoodsCon(item.id)"
<view class="pictrue"> >
<image :src="item.image"/> <view class="pictrue">
</view> <image :src="item.image"/>
<view class="text"> </view>
<view class="name more-t">{{ item.storeName }}</view> <view class="text">
<view class="vip acea-row row-between-wrapper"> <view class="name more-t">{{ item.storeName }}</view>
<view class="flex ai-end"> <view class="vip acea-row row-between-wrapper">
<view class="money"> <view class="flex ai-end">
￥ <view class="money">
<text class="num" v-if="item.vipPrice && item.vipPrice > 0">{{ force2Decimal(item.vipPrice) }}</text> ￥
<text class="num" v-else>{{ force2Decimal(item.price) }}</text> <text class="num" v-if="item.vipPrice && item.vipPrice > 0">{{ force2Decimal(item.vipPrice) }}</text>
<text class="num" v-else>{{ force2Decimal(item.price) }}</text>
</view>
<view class="vip-money">￥{{ force2Decimal(item.otPrice) }}</view>
</view> </view>
<view class="vip-money">￥{{ force2Decimal(item.otPrice) }}</view> <view class="sale">已售{{ item.sales }}件</view>
</view> </view>
<view class="sale">已售{{ item.sales }}件</view>
</view> </view>
</view> </view>
</view> </view>
@@ -87,47 +89,49 @@
nomore-text="到底了" nomore-text="到底了"
/> />
</view> </view>
<view v-else class="list"> <view v-else>
<view class="hotel-wrap"> <view class="hotel-wrap">
<goo-skeleton <goo-skeleton
v-if="loading" v-if="loading"
/> />
<view <view class="list">
v-for="(item, index) in list" <view
:key="index" v-for="(item, index) in list"
class="hotel-item" :key="index"
> class="hotel-item"
<view class="hotel-item-main" @click="hotelItemClick(item)"> >
<image :src="item.logo" class="logo" /> <view class="hotel-item-main" @click="hotelItemClick(item)">
<view class="info"> <image :src="item.logo" class="logo" />
<view class="name one-t"> <view class="info">
{{ item.name }} <view class="name one-t">
</view> {{ item.name }}
<view class="type">
<view v-if="item.typeName" class="type-tag">
{{ item.typeName }}
</view> </view>
<view v-else>&nbsp;</view> <view class="type">
</view> <view v-if="item.typeName" class="type-tag">
<view class="desc"> {{ item.typeName }}
<view class="tip one-t"> </view>
{{ item.tips || ' ' }} <view v-else>&nbsp;</view>
</view>
<view class="desc">
<view class="tip one-t">
{{ item.tips || ' ' }}
</view>
<view class="btn">进店</view>
</view> </view>
<view class="btn">进店</view>
</view> </view>
</view> </view>
</view> <view v-if="item.products" class="good-list">
<view v-if="item.products" class="good-list"> <view
<view v-for="(good) in item.products"
v-for="(good) in item.products" :key="good.productId"
:key="good.productId" class="good-item"
class="good-item" @click="goGoodsCon(good.productId)"
@click="goGoodsCon(good.productId)" >
> <image :src="good.productImage" class="img" />
<image :src="good.productImage" class="img" /> <view class="price">
<view class="price"> <text class="txt">￥</text>
<text class="txt">￥</text> {{ force2Decimal(good.productPrice) }}
{{ force2Decimal(good.productPrice) }} </view>
</view> </view>
</view> </view>
</view> </view>