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

This commit is contained in:
lifizer
2024-04-16 18:03:47 +08:00
parent b50f201637
commit 8f9eece29d
+57 -53
View File
@@ -51,32 +51,34 @@
<image v-if="query.salesOrder === 'desc'" src="@/static/images/down.png" />
</view>
</view>
<view v-if="searchType === 'good'" class="list acea-row row-between-wrapper">
<view v-if="searchType === 'good'">
<goo-skeleton
v-if="loading"
:show-avatar="false"
/>
<view
v-for="(item, listIndex) in list"
:key="listIndex"
class="item"
@click="goGoodsCon(item.id)"
>
<view class="pictrue">
<image :src="item.image"/>
</view>
<view class="text">
<view class="name more-t">{{ item.storeName }}</view>
<view class="vip acea-row row-between-wrapper">
<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>
<view class="list acea-row row-between-wrapper">
<view
v-for="(item, listIndex) in list"
:key="listIndex"
class="item"
@click="goGoodsCon(item.id)"
>
<view class="pictrue">
<image :src="item.image"/>
</view>
<view class="text">
<view class="name more-t">{{ item.storeName }}</view>
<view class="vip acea-row row-between-wrapper">
<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>
</view>
<view class="vip-money">{{ force2Decimal(item.otPrice) }}</view>
</view>
<view class="vip-money">{{ force2Decimal(item.otPrice) }}</view>
<view class="sale">已售{{ item.sales }}</view>
</view>
<view class="sale">已售{{ item.sales }}</view>
</view>
</view>
</view>
@@ -87,47 +89,49 @@
nomore-text="到底了"
/>
</view>
<view v-else class="list">
<view v-else>
<view class="hotel-wrap">
<goo-skeleton
v-if="loading"
/>
<view
v-for="(item, index) in list"
:key="index"
class="hotel-item"
>
<view class="hotel-item-main" @click="hotelItemClick(item)">
<image :src="item.logo" class="logo" />
<view class="info">
<view class="name one-t">
{{ item.name }}
</view>
<view class="type">
<view v-if="item.typeName" class="type-tag">
{{ item.typeName }}
<view class="list">
<view
v-for="(item, index) in list"
:key="index"
class="hotel-item"
>
<view class="hotel-item-main" @click="hotelItemClick(item)">
<image :src="item.logo" class="logo" />
<view class="info">
<view class="name one-t">
{{ item.name }}
</view>
<view v-else>&nbsp;</view>
</view>
<view class="desc">
<view class="tip one-t">
{{ item.tips || ' ' }}
<view class="type">
<view v-if="item.typeName" class="type-tag">
{{ item.typeName }}
</view>
<view v-else>&nbsp;</view>
</view>
<view class="desc">
<view class="tip one-t">
{{ item.tips || ' ' }}
</view>
<view class="btn">进店</view>
</view>
<view class="btn">进店</view>
</view>
</view>
</view>
<view v-if="item.products" class="good-list">
<view
v-for="(good) in item.products"
:key="good.productId"
class="good-item"
@click="goGoodsCon(good.productId)"
>
<image :src="good.productImage" class="img" />
<view class="price">
<text class="txt"></text>
{{ force2Decimal(good.productPrice) }}
<view v-if="item.products" class="good-list">
<view
v-for="(good) in item.products"
:key="good.productId"
class="good-item"
@click="goGoodsCon(good.productId)"
>
<image :src="good.productImage" class="img" />
<view class="price">
<text class="txt"></text>
{{ force2Decimal(good.productPrice) }}
</view>
</view>
</view>
</view>