refactor(merch/detail): 清理冗余注释并调整商品详情布局结构

1. 移除搜索区域和筛选区域的冗余注释代码
2. 调整商品信息区域的DOM结构,新增merch-info-wrap容器统一布局
3. 修复筛选区域的点击事件绑定,将点击逻辑移到外层容器
This commit is contained in:
2026-05-29 14:32:06 +08:00
parent 2bd94a1e5a
commit 5e5e5cb1d5

View File

@@ -3,14 +3,14 @@
<view class="head-wrap">
<!-- 搜索区域 -->
<view class="search-wrap uni-flex uni-row" style="margin-bottom: 20rpx;">
<!-- <view class="flex-item input-wrap">
<view class="flex-item input-wrap">
<input class="uni-input" maxlength="50" v-model="keyword" @confirm="search()" placeholder="请输入您要搜索的商品" />
<text class="iconfont icon-sousuo3" @click.stop="search()"></text>
</view>
<view class="iconfont" :class="{ 'icon-apps': isList, 'icon-list': !isList }" @click="changeListStyle()"></view> -->
<view class="iconfont" :class="{ 'icon-apps': isList, 'icon-list': !isList }" @click="changeListStyle()"></view>
</view>
<view class="merch-info-wrap">
<view class="merch-image-wrap">
<image :src="$util.img(merch.merch_image)" mode="widthFix" class="merch-image-wrap" show-menu-by-longpress/>
</view>
@@ -25,7 +25,6 @@
</view>
<view class="desc-text" @longpress="showFullDesc">{{ merch.desc }}</view>
</view>
</view>
<!-- 排序 -->
@@ -50,12 +49,12 @@
</view>
</view>
<!-- <view :class="{ 'color-base-text': orderType === 'screen' }" class="screen-wrap">
<text @click="sortTabClick('screen')">筛选</text>
<view @click="sortTabClick('screen')" class="iconfont-wrap">
<view :class="{ 'color-base-text': orderType === 'screen' }" class="screen-wrap" @click="showScreen = true">
<text @click="showScreen = true">筛选</text>
<view @click="showScreen = true" class="iconfont-wrap">
<view class="iconfont icon-shaixuan color-tip"></view>
</view>
</view> -->
</view>
</view>
</view>
@@ -377,6 +376,11 @@ export default {
padding-top: 22rpx;
}
.merch-info-wrap {
display: flex;
padding: 20rpx;
}
.merch-name {
line-height: 1;
font-size: 32rpx;