铸造者

src/main/pc-space/src/mixins/pageableTable.js

@@ -2,7 +2,7 @@ export default {
     data() {
         return {
             page: 1,
-            pageSize: Number(localStorage.getItem('pageSize') || 20),
+            pageSize: 20,
             totalPages: 0,
             totalElements: 0,
             sort: {},

src/main/pc-space/src/styles/common.less

@@ -130,6 +130,7 @@
     border-radius: @radius;
     overflow: hidden;
     cursor: pointer;
+    box-sizing: border-box;
 
     &::before {
         position: absolute;

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

@@ -30,27 +30,29 @@
             clearable
         >
         </el-input>
-        <div class="content">
-            <img class="imgBox" src="../assets/img/888.jpg" alt="" />
-            <img class="img" src="../assets/img/888.jpg" alt="" />
-            <div class="text">
-                <div class="name">创作者姓名</div>
-                <img class="img1" src="../assets/img/renzheng_icon@3x.png" alt="" />
-            </div>
-            <div class="text">
-                <div class="name name1">338392</div>
-                <img class="img1 img2" src="../assets/img/copy_icon@3x.png" alt="" />
-            </div>
-            <div class="introduce">
-                介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍
-            </div>
-            <div class="border"></div>
-            <div class="fans">
-                <div>
-                    <div class="text3">2111</div>
-                    <div class="text4">粉丝</div>
+        <div class="list">
+            <div class="content" v-for="item in list" :key="item.id">
+                <img class="imgBox" src="../assets/img/888.jpg" alt="" />
+                <img class="img" src="../assets/img/888.jpg" alt="" />
+                <div class="text">
+                    <div class="name">创作者姓名</div>
+                    <img class="img1" src="../assets/img/renzheng_icon@3x.png" alt="" />
+                </div>
+                <div class="text">
+                    <div class="name name1">338392</div>
+                    <img class="img1 img2" src="../assets/img/copy_icon@3x.png" alt="" />
+                </div>
+                <div class="introduce">
+                    介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍介绍
+                </div>
+                <div class="border"></div>
+                <div class="fans">
+                    <div>
+                        <div class="text3">2111</div>
+                        <div class="text4">粉丝</div>
+                    </div>
+                    <div class="follow">关注</div>
                 </div>
-                <div class="follow">关注</div>
             </div>
         </div>
 
@@ -97,7 +99,8 @@ export default {
             ],
             search: '',
             sortStr: 'id,desc',
-            url: '/user/all'
+            url: '/user/all',
+            list: []
         };
     },
     mixins: [pageableTable],
@@ -107,6 +110,9 @@ export default {
         },
         beforeGetData() {
             return { search: this.search, query: { hasRole: 'ROLE_MINTER' } };
+        },
+        setList(list) {
+            this.list = list;
         }
     }
 };
@@ -175,8 +181,8 @@ export default {
         width: 276px;
         // height: 416px;
         .line();
-
-        margin-bottom: 32px;
+        display: inline-block;
+        margin: 15px;
         .imgBox {
             height: 160px;
             width: 100%;
@@ -288,6 +294,10 @@ export default {
     }
 }
 
+.list {
+    margin: -16px -35px;
+}
+
 .radio-item {
     .flex();
     justify-content: center;