细节优化

master
xindan 2021-10-21 16:15:11 +08:00
parent 152b00f565
commit 37b3297074
6 changed files with 47 additions and 32 deletions

View File

@ -324,7 +324,7 @@
<!-- 购买数量 -->
<view class="goods-buy-number oh">
<view class="title fl">购买数量</view>
<view class="number-content tc oh radius">
<view class="number-content tc oh round">
<view @tap="goods_buy_number_event" class="number-submit tc cr-gray fl" data-type="0">-</view>
<input @blur="goods_buy_number_blur" class="tc cr-gray fl" type="number" :value="buy_number">
<view @tap="goods_buy_number_event" class="number-submit tc cr-gray fl" data-type="1">+</view>

View File

@ -7,4 +7,11 @@
}
.nav .item {
width: 20%;
}
/**
*
*/
.scroll-box {
height: calc(100vh - 80rpx);
}

View File

@ -7,4 +7,11 @@
}
.nav .item {
width: 25%;
}
/**
*
*/
.scroll-box {
height: calc(100vh - 80rpx);
}

View File

@ -8,7 +8,10 @@
/**
*
*/
*/
.scroll-box {
height: calc(100vh - 80rpx);
}
.data-list .item {
width: calc(50% - 10rpx);
margin-bottom: 20rpx;

View File

@ -10,31 +10,33 @@
</scroll-view>
<!-- 列表 -->
<view v-if="(data_list || null) != null && data_list.length > 0" class="data-list padding-horizontal-main padding-top-main oh">
<block v-for="(item, index) in data_list" :key="index">
<view class="item border-radius-main bg-white oh spacing-mb">
<navigator :url="'/pages/plugins/shop/detail/detail?id=' + item.id" hover-class="none">
<image :src="item.logo_long" mode="aspectFit"></image>
<view class="padding-main tc">
<view class="single-text fw-b cr-base">{{item.name}}</view>
<view class="multi-text cr-grey margin-top-sm">{{item.describe}}</view>
<view class="oh margin-top-sm br-t-dashed padding-top-main">
<view class="fl cr-gray single-text">商品 {{item.goods_count}}</view>
<view class="fr cr-gray single-text">销量 {{item.goods_sales_count}}
<scroll-view :scroll-y="true" class="scroll-box" @scrolltolower="scroll_lower" lower-threshold="30">
<view v-if="(data_list || null) != null && data_list.length > 0" class="data-list padding-horizontal-main padding-top-main oh">
<block v-for="(item, index) in data_list" :key="index">
<view class="item border-radius-main bg-white oh spacing-mb">
<navigator :url="'/pages/plugins/shop/detail/detail?id=' + item.id" hover-class="none">
<image :src="item.logo_long" mode="aspectFit"></image>
<view class="padding-main tc">
<view class="single-text fw-b cr-base">{{item.name}}</view>
<view class="multi-text cr-grey margin-top-sm">{{item.describe}}</view>
<view class="oh margin-top-sm br-t-dashed padding-top-main">
<view class="fl cr-gray single-text">商品 {{item.goods_count}}</view>
<view class="fr cr-gray single-text">销量 {{item.goods_sales_count}}
</view>
</view>
</view>
</view>
</navigator>
</view>
</block>
</view>
<view v-else>
<!-- 提示信息 -->
<component-no-data :prop-status="data_list_loding_status" :prop-msg="data_list_loding_msg"></component-no-data>
</view>
</navigator>
</view>
</block>
</view>
<view v-else>
<!-- 提示信息 -->
<component-no-data :prop-status="data_list_loding_status" :prop-msg="data_list_loding_msg"></component-no-data>
</view>
<!-- 结尾 -->
<component-bottom-line :prop-status="data_bottom_line_status"></component-bottom-line>
<!-- 结尾 -->
<component-bottom-line :prop-status="data_bottom_line_status"></component-bottom-line>
</scroll-view>
</view>
</view>
</template>
@ -116,9 +118,7 @@
uni.request({
url: app.globalData.get_request_url("index", "index", "shop"),
method: "POST",
data: {
category_id: this.nav_tab_value || 0
},
data: {},
dataType: "json",
success: res => {
uni.hideLoading();
@ -176,7 +176,8 @@
uni.request({
url: app.globalData.get_request_url("shoplist", "index", "shop"),
method: "POST",
data: {
data: {
page: this.data_page,
category_id: this.nav_active_value || 0
},
dataType: "json",

View File

@ -1,9 +1,6 @@
/*
*
*/
.scroll-box {
height: calc(100vh - 80rpx);
}
*/
.data-list .item .operation button:not(:first-child) {
margin-left: 20rpx;
}