clunt
/
dingdong-mall
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

样式修改

This commit is contained in:
donqi 2023-08-06 22:45:13 +08:00
parent 33507a5bb0
commit 6c439362b6
3 changed files with 31 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
components/custom-bar/load-status-bar.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<view> <view>
<view class="margin-bottom-lg margin-top-sm"> <view class="margin-bottom-lg margin-top-sm">
<view v-if="hasMoreData" class="text-center bg-main-color light padding-tb-sm" @click="reqMoreData"> <view v-if="hasMoreData" class="text-center bg-main-color padding-tb text-lg" @click="reqMoreData">
<text class="margin-right-xs">查看更多</text> <text class="margin-right-xs">查看更多</text>
<text class="text-bold cuIcon-unfold"></text> <text class="text-bold cuIcon-unfold"></text>
</view> </view>
@ -22,7 +22,7 @@
}, },
methods: { methods: {
showLoading() { showLoading() {
this.loadMoreStatus = 'loading bg-main-color light'; this.loadMoreStatus = 'loading bg-main-color padding-tb text-lg';
this.hasMoreData = false; this.hasMoreData = false;
}, },
showLoadMore() { showLoadMore() {
@ -30,11 +30,11 @@
this.hasMoreData = true; this.hasMoreData = true;
}, },
showLoadOver() { showLoadOver() {
this.loadMoreStatus = 'over bg-grey'; this.loadMoreStatus = 'over bg-grey padding-tb text-lg';
this.hasMoreData = false; this.hasMoreData = false;
}, },
showLoadErr() { showLoadErr() {
this.loadMoreStatus = 'erro bg-red'; this.loadMoreStatus = 'erro bg-red padding-tb text-lg';
this.hasMoreData = false; this.hasMoreData = false;
}, },
reqMoreData() { reqMoreData() {
@ -44,5 +44,10 @@
} }
</script> </script>
<style> <style scoped>
.cu-load {
display: block;
line-height: unset;
text-align: center;
}
</style> </style>

15
pages/index/home.vue
View File

@ -52,7 +52,7 @@
</view> </view>
<!-- 热门细类 --> <!-- 热门细类 -->
<view class="cu-list grid no-border hot-sub-category" :class="['col-5']" :style="'padding-top: 10rpx'"> <view class="cu-list grid no-border hot-sub-category" :class="['col-5']" :style="'padding-top: 10rpx'">
<view class="cu-item align-center" v-for="(item,index) in hotServCategory" :key="index" v-if="tabCur === 0 && index < 5" <view class="cu-item align-center" v-for="(item,index) in hotServCategory" :key="index" v-if="tabCur === 0 && index < 15"
@click="chooseCategory(item)"> @click="chooseCategory(item)">
<!-- <view class="hot-sub-category-icon" :class="['cuIcon-' + item.cuIcon,'text-' + item.color]"> <!-- <view class="hot-sub-category-icon" :class="['cuIcon-' + item.cuIcon,'text-' + item.color]">
<view class="cu-tag badge" v-if="item.badge!=0"> <view class="cu-tag badge" v-if="item.badge!=0">
@ -63,7 +63,7 @@
:style="'width: 100rpx; height: 100rpx; background-image:url(' + item.cover + ');'"></view> :style="'width: 100rpx; height: 100rpx; background-image:url(' + item.cover + ');'"></view>
<text>{{item.name}}</text> <text>{{item.name}}</text>
</view> </view>
<view class="cu-item align-center" v-for="(item,index) in hotFittingsCategory" :key="index" v-if="tabCur === 1 && index < 5" <view class="cu-item align-center" v-for="(item,index) in hotFittingsCategory" :key="index" v-if="tabCur === 1 && index < 15"
@click="chooseCategory(item)"> @click="chooseCategory(item)">
<view class="cu-avatar round" <view class="cu-avatar round"
:style="'width: 100rpx; height: 100rpx; background-image:url(' + item.cover + ');'"></view> :style="'width: 100rpx; height: 100rpx; background-image:url(' + item.cover + ');'"></view>
@ -71,17 +71,14 @@
</view> </view>
</view> </view>
<!-- 细类 --> <!-- 细类 -->
<view class="cu-list grid no-border" :class="['col-5']" v-if="subCategories.length > 5"> <!-- <view class="cu-list grid no-border" :class="['col-5']" v-if="subCategories.length > 5">
<view class="cu-item" v-for="(item,index) in subCategories" :key="index" <view class="cu-item" v-for="(item,index) in subCategories" :key="index"
v-if="index < subCategories.length && index > 4" @click="chooseCategory(item)"> v-if="index < subCategories.length && index > 4" @click="chooseCategory(item)">
<view :class="['cuIcon-' + item.cuIcon,'text-' + item.color]"> <view :class="['cuIcon-' + item.cuIcon,'text-' + item.color]">
<!-- <view class="cu-tag badge" v-if="item.badge!=0">
<block v-if="item.badge!=1">{{item.badge}}</block>
</view> -->
</view> </view>
<text>{{item.goodsCategoryName}}</text> <text>{{item.goodsCategoryName}}</text>
</view> </view>
</view> </view> -->
<!-- 超值服务 --> <!-- 超值服务 -->
<!-- <vertical-goods-card ref="discountGoodsCard" :goodsInfos="discountGoods.goodsInfos" <!-- <vertical-goods-card ref="discountGoodsCard" :goodsInfos="discountGoods.goodsInfos"
:title="discountGoods.title"></vertical-goods-card> --> :title="discountGoods.title"></vertical-goods-card> -->
@ -91,7 +88,7 @@
<!-- 当前城市服务列表 --> <!-- 当前城市服务列表 -->
<view class="text-gray text-lg text-center margin flex align-center"> <view class="text-gray text-lg text-center margin flex align-center">
<view class="divider"/> <view class="divider"/>
<text class="margin-lr-sm" style="flex-basis: 50%;">当前城市</text> <text class="margin-lr-sm" style="flex-basis: 60%; color: #9E9E9E;">当前城市</text>
<view class="divider"/> <view class="divider"/>
</view> </view>
<view> <view>
@ -103,7 +100,7 @@
<load-status-bar ref="loadStatusBar1" @loadMore="loadProductPage"></load-status-bar> <load-status-bar ref="loadStatusBar1" @loadMore="loadProductPage"></load-status-bar>
</view> </view>
<!-- 其他城市服务列表 --> <!-- 其他城市服务列表 -->
<view class="text-gray text-lg text-center margin flex align-center"> <view class="text-gray text-lg text-center margin flex align-center" style="padding-top: 60rpx;">
<view class="divider"/> <view class="divider"/>
<text class="margin-lr-sm" style="flex-basis: 50%;">其他城市</text> <text class="margin-lr-sm" style="flex-basis: 50%;">其他城市</text>
<view class="divider"/> <view class="divider"/>

24
pages/product/filtered-products.vue
View File

@ -59,14 +59,14 @@
</view> </view>
</view> </view>
<view class="margin-bottom-lg"> <view class="margin-bottom-lg">
<view v-if="hasMoreData" class="text-center bg-main-color light padding-tb-sm" @click="loadProductData"> <view v-if="hasMoreData" class="text-center bg-main-color padding-tb text-lg" @click="loadProductData">
<text class="margin-right-xs">查看更多</text> <text class="margin-right-xs">查看更多</text>
<text class="text-bold cuIcon-unfold"></text> <text class="text-bold cuIcon-unfold"></text>
</view> </view>
<view class="cu-load" :class="loadMoreStatus"></view> <view class="cu-load" :class="loadMoreStatus"></view>
</view> </view>
<!-- 其他城市服务列表 --> <!-- 其他城市服务列表 -->
<view class="text-gray text-lg text-center margin flex align-center"> <view class="text-gray text-lg text-center margin flex align-center" style="padding-top: 60rpx;">
<view class="divider"/> <view class="divider"/>
<text class="margin-lr-sm" style="flex-basis: 50%;">其他城市</text> <text class="margin-lr-sm" style="flex-basis: 50%;">其他城市</text>
<view class="divider"/> <view class="divider"/>
@ -79,7 +79,7 @@
</view> </view>
</view> </view>
<view class="margin-bottom-lg"> <view class="margin-bottom-lg">
<view v-if="hasMoreOtherCityData" class="text-center bg-main-color light padding-tb-sm" @click="loadOtherCityProductData({})"> <view v-if="hasMoreOtherCityData" class="text-center bg-main-color padding-tb text-lg" @click="loadOtherCityProductData({})">
<text class="margin-right-xs">查看更多</text> <text class="margin-right-xs">查看更多</text>
<text class="text-bold cuIcon-unfold"></text> <text class="text-bold cuIcon-unfold"></text>
</view> </view>
@ -229,13 +229,13 @@
params.areaId = null; params.areaId = null;
params.areaIds = this.chosenArea[this.chosenArea.length - 1].areaIds; params.areaIds = this.chosenArea[this.chosenArea.length - 1].areaIds;
} }
this.loadMoreStatus = 'loading bg-main-color light'; this.loadMoreStatus = 'loading bg-main-color padding-tb text-lg';
this.hasMoreData = false; this.hasMoreData = false;
try { try {
await this.loadProductPage(params); await this.loadProductPage(params);
this.loadMoreStatus = this.hasMoreData ? '' : 'over bg-grey'; this.loadMoreStatus = this.hasMoreData ? '' : 'over bg-grey padding-tb text-lg';
} catch (e) { } catch (e) {
this.loadMoreStatus = 'erro bg-red' this.loadMoreStatus = 'erro bg-red padding-tb text-lg'
} }
}, },
async loadOtherCityProductData(params = {}) { async loadOtherCityProductData(params = {}) {
@ -254,13 +254,13 @@
params.areaId = null; params.areaId = null;
params.exceptParentAreaId = this.chosenArea[this.chosenArea.length - 1].areaId; params.exceptParentAreaId = this.chosenArea[this.chosenArea.length - 1].areaId;
this.loadMoreStatusOfOtherCityPage = 'loading bg-main-color light'; this.loadMoreStatusOfOtherCityPage = 'loading bg-main-color padding-tb text-lg';
this.hasMoreOtherCityData = false; this.hasMoreOtherCityData = false;
try { try {
await this.loadOtherCityProductPage(params); await this.loadOtherCityProductPage(params);
this.loadMoreStatusOfOtherCityPage = this.hasMoreOtherCityData ? '' : 'over bg-grey'; this.loadMoreStatusOfOtherCityPage = this.hasMoreOtherCityData ? '' : 'over bg-grey padding-tb text-lg';
} catch (e) { } catch (e) {
this.loadMoreStatusOfOtherCityPage = 'erro bg-red' this.loadMoreStatusOfOtherCityPage = 'erro bg-red padding-tb text-lg'
} }
}, },
reloadProductPage() { reloadProductPage() {
@ -521,4 +521,10 @@
padding: 0 10rpx; padding: 0 10rpx;
width: 180rpx; width: 180rpx;
} }
.cu-load {
display: block;
line-height: unset;
text-align: center;
}
</style> </style>