.

src/main/pc-space/src/views/Casting.vue

@@ -55,7 +55,7 @@
                         round
                         :class="{ prim: !item.follow }"
                         size="mini"
-                        @click="like(item)"
+                        @click.prevent="like(item)"
                     >
                         {{ item.follow ? '已关注' : '关注' }}
                     </el-button>

src/main/pc-space/src/views/user/AccountData.vue

@@ -31,17 +31,17 @@
         <div class="userContent" v-if="active === '关注' || active === '粉丝'">
             <div class="border"></div>
             <el-empty v-if="empty" description="还没有哦～"></el-empty>
-            <div v-for="item in list" :key="item.id">
-                <div class="box">
+            <div style="margin-top: 30px" v-for="item in list" :key="item.id">
+                <div class="boxFollow">
                     <router-link :to="{ path: '/castingDetail?id=' + item.id }">
                         <div class="text">
                             <img class="img4" :src="item.avatar" alt="" />
                             <div class="box2">
-                                <div class="name">
+                                <div class="nickname">
                                     <div class="name1">{{ item.nickname }}</div>
                                     <img class="name2" src="../../assets/img/renzheng_icon@3x.png" alt="" />
                                 </div>
-                                <div class="text2">暂无</div>
+                                <div class="detail">暂无</div>
                                 <div class="box3">
                                     <div class="box4">
                                         <div class="text4">
@@ -52,6 +52,7 @@
                                         </div>
                                     </div>
                                     <el-button
+                                        class="btnFollow"
                                         style="color: #939599"
                                         plain
                                         round
@@ -370,18 +371,18 @@ export default {
 };
 </script>
 <style lang="less">
-.myClass {
-    .el-button {
-        background: linear-gradient(133deg, @prim 0%, @warn 100%);
-        border-radius: 4px;
-        border: 0;
-    }
-    .el-button:nth-last-child(2) {
-        background: #c4c7cc;
-        color: #ffffff;
-        font-size: 13px;
-    }
-}
+// .myClass {
+//     .el-button {
+//         background: linear-gradient(133deg, @prim 0%, @warn 100%);
+//         border-radius: 4px;
+//         border: 0;
+//     }
+//     .el-button:nth-last-child(2) {
+//         background: #c4c7cc;
+//         color: #ffffff;
+//         font-size: 13px;
+//     }
+// }
 </style>
 <style lang="less" scoped>
 .container {
@@ -464,7 +465,7 @@ export default {
     .userContent {
         padding: 0 16px;
 
-        .box {
+        .boxFollow {
             .flex();
             justify-content: space-between;
             margin-bottom: 20px;
@@ -480,9 +481,9 @@ export default {
                 .box2 {
                     width: 288px;
                     margin-right: 50px;
-                    .name {
+                    .nickname {
                         .flex();
-                        margin-top: 5px;
+                        // margin-top: 5px;
                         .name1 {
                             font-size: 16px;
                             font-weight: bold;
@@ -495,7 +496,7 @@ export default {
                             height: 18px;
                         }
                     }
-                    .text2 {
+                    .detail {
                         font-size: 14px;
                         font-weight: 400;
                         color: #939599;
@@ -521,11 +522,13 @@ export default {
                                 color: #fff;
                             }
                         }
-                        .el-button {
-                            background-color: transparent;
+                        .btnFollow {
+                            // background-color: transparent;
+                            background: red;
                             min-width: 76px;
                             height: 28px;
-
+                            position: absolute;
+                            z-index: 999;
                             &.prim {
                                 .line(@radius:28px);
                                 text-align: center;