xuxy
2024-07-27 dcc7b2d14fcbac97fb6d2c8975a3cd93dfbcc458
sub_pages/customer/self/follow.vue
@@ -2,8 +2,8 @@
  <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>
@@ -44,7 +44,9 @@
    },
    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
        }
@@ -69,25 +71,30 @@
<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;
      }
@@ -99,19 +106,24 @@
      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;
    }