Uniapp/lucky_shop
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

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

Browse Source 
1. 移除搜索区域和筛选区域的冗余注释代码
2. 调整商品信息区域的DOM结构，新增merch-info-wrap容器统一布局
3. 修复筛选区域的点击事件绑定，将点击逻辑移到外层容器
This commit is contained in:
ZF Sun
2026-05-29 14:32:06 +08:00
parent 2bd94a1e5a
commit 5e5e5cb1d5
1 changed files with 13 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
pages_promotion/merch/detail.vue
View File

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