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

fix(关注/足迹): 优化交互逻辑

Browse Source
This commit is contained in:
ZF Sun
2026-01-07 11:35:28 +08:00
parent d1b9e528f8
commit 8df59abd03
11 changed files with 111 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
pages_tool/member/collection.vue
View File

@@ -1,8 +1,7 @@
<template>
<view :style="themeColor">
<mescroll-uni ref="mescroll" @getData="getData" class="member-point" :size="8" @listenRefresh="listenRefresh"
v-if="storeToken">
<view class="goods_list" slot="list">
<mescroll-uni ref="mescroll" @getData="getData" class="member-point" :size="8" @listenRefresh="listenRefresh">
<block class="goods_list" slot="list">
<block v-if="collectionList.length > 0">
<view class="goods_li margin-top" v-for="(item, index) in collectionList" :key="index"
@click.stop="toDetail(item)">
@@ -30,9 +29,15 @@
</view>
</block>
<!-- 第一个列表为空时 -->
<ns-empty v-if="collectionList.length == 0 && isShowEmpty" text="暂无关注的商品" :isIndex="false"></ns-empty>
<view class="collection-empty" v-else>
<ns-empty v-if="collectionList.length == 0 && isShowEmpty" text="暂无关注的商品"
:isIndex="Boolean(storeToken)" :emptyBtn="{ text: $lang('toGoodsCategoryPage'), url: '/pages_goods/category' }"></ns-empty>
<button type="primary" size="mini" class="button mini" v-if="!storeToken"
@click="toLogin">{{ $lang('toLogin') }}</button>
</view>
<ns-goods-recommend ref="goodsRecommend"></ns-goods-recommend>
</view>
</block>
</mescroll-uni>
<ns-login ref="login"></ns-login>
<loading-cover ref="loadingCover"></loading-cover>
@@ -40,11 +45,11 @@
</template>
<script>
import common from './public/js/common.js';
import collection from './public/js/collection.js';
export default {
mixins: [collection],
mixins: [common, collection],
data() {
return {};
},
@@ -53,7 +58,7 @@ export default {
if (this.$refs.mescroll) this.$refs.mescroll.refresh();
} else {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/member/collection');
this.$refs.loadingCover.hide();
});
}
},

19
pages_tool/member/footprint.vue
View File

@@ -3,9 +3,9 @@
<view class="head-wrap" v-if="storeToken">
<text @click="manageFootprint">{{ manage ? '完成' : '管理' }}</text>
</view>
<mescroll-uni ref="mescroll" @getData="getListData" top="110rpx" v-if="storeToken">
<mescroll-uni ref="mescroll" @getData="getListData" top="110rpx">
<block slot="list">
<view class="goods-list single-column" v-if="goodsList.length">
<view class="goods-list single-column" v-if="goodsList.length > 0">
<view v-for="(item, index) in goodsList" :key="index">
<view class="datetime">{{ datetime(item) }}</view>
<view class="goods-item" :class="{ manage: manage }">
@@ -45,7 +45,11 @@
</view>
</view>
</view>
<view v-else><ns-empty text="暂无浏览过的商品"></ns-empty></view>
<view class="footprint-empty" v-else>
<ns-empty text="暂无浏览过的商品" :isIndex="Boolean(storeToken)" :emptyBtn="{ text: $lang('toGoodsCategoryPage'), url: '/pages_goods/category' }"></ns-empty>
<button type="primary" size="mini" class="button mini" v-if="!storeToken"
@click="toLogin">{{ $lang('toLogin') }}</button>
</view>
<view class="bottom-wrap" v-if="goodsList.length && manage">
<view class="all-election" @click="allElection">
@@ -65,7 +69,10 @@
<script>
var dateList = [];
import common from './public/js/common.js';
export default {
mixins: [common],
data() {
return {
goodsList: [],
@@ -81,7 +88,7 @@ export default {
if (this.$refs.mescroll) this.$refs.mescroll.refresh();
} else {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/member/footprint');
this.$refs.loadingCover.hide();
});
}
},
@@ -108,9 +115,7 @@ export default {
if (res.code == 0 && res.data) {
newArr = res.data.list;
} else {
this.$util.showToast({
title: msg
});
console.log(`后台服务器返回的信息：${msg}`);
}
mescroll.endSuccess(newArr.length);
//设置列表数据

21
pages_tool/member/public/css/collection.scss
View File

@@ -99,3 +99,24 @@
box-sizing: border-box;
margin-top: 50rpx;
}
.collection-empty {
text-align: center;
padding: 140rpx $padding 80rpx $padding;
image {
width: 380rpx;
}
button {
min-width: 300rpx;
margin-top: 100rpx;
height: 70rpx;
line-height: 70rpx !important;
font-size: $font-size-base;
border-radius: 50rpx;
&.visit-the {
font-weight: bold;
}
}
}

21
pages_tool/member/public/css/footprint.scss
View File

@@ -2,6 +2,27 @@
margin-top: 100rpx;
}
.footprint-empty {
text-align: center;
padding: 140rpx $padding 80rpx $padding;
image {
width: 380rpx;
}
button {
min-width: 300rpx;
margin-top: 100rpx;
height: 70rpx;
line-height: 70rpx !important;
font-size: $font-size-base;
border-radius: 50rpx;
&.visit-the {
font-weight: bold;
}
}
}
.lineheight-clear {
}

2
pages_tool/member/public/js/collection.js
View File

@@ -25,7 +25,7 @@ export default {
},
async: false,
}).then((res) => {
let newArr = res.data.list;
let newArr = res.data?.list || [];
for (var i = 0; i < newArr.length; i++) {
newArr[i].composite_score = Math.floor((parseFloat(newArr[i].shop_desccredit) + parseFloat(newArr[i].shop_servicecredit) + parseFloat(newArr[i].shop_deliverycredit)) / 3).toFixed(1);
}

8
pages_tool/member/public/js/common.js Normal file
View File

@@ -0,0 +1,8 @@
export default {
methods: {
// 跳转至登录页
toLogin() {
this.$refs.login.open();
}
}
}