| | |
| | | <view class="follow-page"> |
| | | <no-data v-if="!list||list.length===0" style="width: 100%;"></no-data> |
| | | |
| | | <view class="follow-item m-b-40" v-for="(item,index) of list" :key="index"> |
| | | <image class="avatar img100" :src="item.avatar" mode="aspectFill"></image> |
| | | <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> |
| | |
| | | }, |
| | | async clearFollow(item) { |
| | | this.$message.showLoading() |
| | | const {code} = await this.$http.request('get', `/api/follow/delete`, { |
| | | const { |
| | | code |
| | | } = await this.$http.request('get', `/api/follow/delete`, { |
| | | params: { |
| | | supplierId: item.id |
| | | } |
| | |
| | | <style lang="scss" scoped> |
| | | .follow-page { |
| | | .follow-item { |
| | | padding: 30rpx; |
| | | background-color: #FFFFFF; |
| | | margin-bottom: 20rpx; |
| | | |
| | | .avatar { |
| | | width: 114rpx; |
| | | height: 114rpx; |
| | | width: 80rpx; |
| | | height: 80rpx; |
| | | border: 2rpx solid #FFFFFF; |
| | | border-radius: 50%; |
| | | margin-right: 10rpx; |
| | | margin-right: 20rpx; |
| | | } |
| | | |
| | | .info { |
| | | .name { |
| | | font-weight: 600; |
| | | font-size: 36rpx; |
| | | font-size: 32rpx; |
| | | color: #000000; |
| | | line-height: 50rpx; |
| | | line-height: 40rpx; |
| | | margin-top: 6rpx; |
| | | } |
| | | |
| | | .time { |
| | | font-weight: 400; |
| | | font-size: 28rpx; |
| | | font-size: 24rpx; |
| | | color: #666666; |
| | | line-height: 40rpx; |
| | | } |
| | |
| | | margin-left: 10rpx; |
| | | font-weight: 400; |
| | | font-size: 24rpx; |
| | | line-height: 60rpx; |
| | | line-height: 30rpx; |
| | | border-radius: 34rpx; |
| | | margin-top: 10rpx; |
| | | |
| | | |
| | | // min-width: 128rpx; |
| | | height: 30rpx; |
| | | |
| | | |
| | | } |
| | | |
| | | .button-1 { |
| | | color: #999999; |
| | | border-radius: 34rpx; |
| | | border: 2rpx solid #999999; |
| | | |
| | | } |
| | | |
| | | .button-2 { |
| | | border-radius: 34rpx; |
| | | border: 2rpx solid #20613D; |
| | | color: #20613D; |
| | | } |