feat: 商品标签的调整

This commit is contained in:
2025-08-26 18:46:14 +08:00
parent 4750bfcf30
commit 550d655011
2 changed files with 351 additions and 369 deletions

View File

@@ -8,16 +8,10 @@
> >
<view class="mk-card-item" @click="placeOrderHandle(item)"> <view class="mk-card-item" @click="placeOrderHandle(item)">
<!-- <view class="card-badge">超值推荐</view> --> <!-- <view class="card-badge">超值推荐</view> -->
<image <image class="card-img" :src="item.commodityIcon" mode="aspectFill" />
class="card-img"
:src="item.commodityIcon"
mode="aspectFill"
/>
<view class="card-content"> <view class="card-content">
<view class="card-title-column"> <view class="card-title-column">
<text class="card-title">{{ <text class="card-title">{{ item.commodityName }}</text>
item.commodityName
}}</text>
<view <view
class="card-tags" class="card-tags"
v-for="tag in item.commodityTradeRuleList" v-for="tag in item.commodityTradeRuleList"
@@ -27,9 +21,7 @@
</view> </view>
</view> </view>
<template <template
v-for="( v-for="(serviceItem, index) in item.commodityServices"
serviceItem, index
) in item.commodityServices"
:key="serviceItem.serviceTitle" :key="serviceItem.serviceTitle"
> >
<view v-if="index < 3" class="card-desc" <view v-if="index < 3" class="card-desc"
@@ -39,9 +31,7 @@
<view class="card-bottom-row"> <view class="card-bottom-row">
<view class="card-price-row"> <view class="card-price-row">
<text class="card-price-fu"></text> <text class="card-price-fu"></text>
<text class="card-price">{{ <text class="card-price">{{ item.commodityPrice }}</text>
item.commodityPrice
}}</text>
<text class="card-unit">/</text> <text class="card-unit">/</text>
</view> </view>
@@ -156,7 +146,6 @@ const placeOrderHandle = (item) => {
} }
.card-tag { .card-tag {
background: #f5f5f5;
color: #ff6600; color: #ff6600;
font-size: 10px; font-size: 10px;
border-radius: 4px; border-radius: 4px;

View File

@@ -14,9 +14,7 @@
/> />
<view class="card-content"> <view class="card-content">
<view class="card-title-column"> <view class="card-title-column">
<text class="card-title">{{ <text class="card-title">{{ item.commodityName }}</text>
item.commodityName
}}</text>
<view <view
class="card-tags" class="card-tags"
v-for="tag in item.commodityTradeRuleList" v-for="tag in item.commodityTradeRuleList"
@@ -26,9 +24,7 @@
</view> </view>
</view> </view>
<template <template
v-for="( v-for="(serviceItem, index) in item.commodityServices"
serviceItem, index
) in item.commodityServices"
:key="serviceItem.serviceTitle" :key="serviceItem.serviceTitle"
> >
<view v-if="index < 3" class="card-desc" <view v-if="index < 3" class="card-desc"
@@ -38,9 +34,7 @@
<view class="card-bottom-row"> <view class="card-bottom-row">
<view class="card-price-row"> <view class="card-price-row">
<text class="card-price-fu"></text> <text class="card-price-fu"></text>
<text class="card-price">{{ <text class="card-price">{{ item.specificationPrice }}</text>
item.specificationPrice
}}</text>
<text class="card-unit">/</text> <text class="card-unit">/</text>
</view> </view>
<text class="card-btn">下单</text> <text class="card-btn">下单</text>
@@ -156,7 +150,6 @@ const placeOrderHandle = (item) => {
} }
.card-tag { .card-tag {
background: #f5f5f5;
color: #ff6600; color: #ff6600;
font-size: 10px; font-size: 10px;
border-radius: 4px; border-radius: 4px;