From a587937ce53f79b4680e930b5d5f7fee33de5311 Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期三, 14 八月 2024 14:50:40 +0800
Subject: [PATCH] 标签
---
sub_pages/customer/self/follow.vue | 124 ++++++++++++++++++++++++++++++++++++++---
1 files changed, 115 insertions(+), 9 deletions(-)
diff --git a/sub_pages/customer/self/follow.vue b/sub_pages/customer/self/follow.vue
index 22a77f8..4d8cba1 100644
--- a/sub_pages/customer/self/follow.vue
+++ b/sub_pages/customer/self/follow.vue
@@ -1,29 +1,135 @@
<template>
- <view>
-
+ <view class="follow-page">
+ <no-data v-if="!list||list.length===0" style="width: 100%;"></no-data>
+
+ <view class="follow-item m-b-40 flex" v-for="(item,index) of list" :key="index">
+ <image class="avatar img100" :src="item.cover" mode="aspectFill"></image>
+ <view class="info">
+ <view class="name">{{ item.supplierName }}</view>
+ <view class="time">{{ item.createTime }}</view>
+ </view>
+ <view class="m-l-a m-r-0 flex">
+ <view class="button button-1" @click="clearFollow(item)">取消关注</view>
+ <view class="button button-2" @click="toDetail(item)">进店</view>
+ </view>
+ </view>
</view>
</template>
<script>
export default {
data() {
- return {
-
- }
+ return {}
},
async onPullDownRefresh() {
await this.refreshList()
uni.stopPullDownRefresh()
},
- onLoad(){
+ async onShow() {
+ if (this.sign['follow']) {
+ await this.$store.dispatch('sign_clear', 'follow');
+ this.refreshList()
+ }
+ },
+ async onLoad() {
+ await this.$store.dispatch('sign_clear', 'follow');
this.listApi = '/api/follow/list'
+ this.getList()
},
methods: {
-
+ toDetail(item) {
+ uni.navigateTo({
+ url: '/sub_pages/customer/shop/shop?id=' + (item.supplierId || '')
+ })
+ },
+ async clearFollow(item) {
+ this.$message.showLoading()
+ const {
+ code
+ } = await this.$http.request('get', `/api/follow/delete`, {
+ params: {
+ supplierId: item.supplierId
+ }
+ })
+ this.$message.hideLoading()
+ if (code === 0) {
+ //删除list里的本元素
+ // for (var i = 0; i < this.list.length; i++) {
+ // if (this.list[i].id === item.id) {
+ // this.list.splice(i, 1)
+ // }
+ // }
+ this.refreshList()
+ }
+ },
+ // getList_after() {
+ // // uni.
+ // }
}
}
</script>
-<style>
+<style lang="scss" scoped>
+ .follow-page {
+ min-height: 99vh;
+
+ .follow-item {
+ padding: 30rpx;
+ background-color: #FFFFFF;
+ margin-bottom: 20rpx;
-</style>
+ .avatar {
+ width: 80rpx;
+ height: 80rpx;
+ border: 2rpx solid #FFFFFF;
+ border-radius: 50%;
+ margin-right: 20rpx;
+ }
+
+ .info {
+ .name {
+ font-weight: 600;
+ font-size: 32rpx;
+ color: #000000;
+ line-height: 40rpx;
+ margin-top: 6rpx;
+ }
+
+ .time {
+ font-weight: 400;
+ font-size: 24rpx;
+ color: #666666;
+ line-height: 40rpx;
+ }
+ }
+
+ .button {
+ padding: 14rpx 36rpx;
+ text-align: center;
+ margin-left: 10rpx;
+ font-weight: 400;
+ font-size: 24rpx;
+ line-height: 30rpx;
+ border-radius: 34rpx;
+ margin-top: 10rpx;
+
+
+ // min-width: 128rpx;
+ height: 30rpx;
+
+
+ }
+
+ .button-1 {
+ color: #999999;
+ border: 2rpx solid #999999;
+
+ }
+
+ .button-2 {
+ border: 2rpx solid #20613D;
+ color: #20613D;
+ }
+ }
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.3