refactor(merch/detail): 清理冗余注释并调整商品详情布局结构
1. 移除搜索区域和筛选区域的冗余注释代码 2. 调整商品信息区域的DOM结构,新增merch-info-wrap容器统一布局 3. 修复筛选区域的点击事件绑定,将点击逻辑移到外层容器
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user