简单优化页面

src/views/userindex/indexpage/ArticleIndex.vue

@@ -338,7 +338,6 @@ img {
 
 .indexbox {
   width: 90vw;
-  // height: 0vh !important;
   margin: 0 auto;
   box-sizing: border-box;
   overflow-y: auto;

src/views/userindex/my/MyForward.vue

@@ -161,7 +161,6 @@ export default {
 <style lang="scss" scoped>
 .indexbox {
   width: 90vw;
-  height: 100vh;
   margin: 0 auto;
   padding-top: 2rem;
   box-sizing: border-box;

src/views/userindex/my/MyForwarddetail.vue

@@ -2,10 +2,10 @@
   <div>
     <Sticky>
       <NavBar
-              @click-left="onClickLeft"
-              left-arrow
-              left-text="返回"
-              title="阅读人列表"
+        @click-left="onClickLeft"
+        left-arrow
+        left-text="返回"
+        title="阅读人列表"
       >
       </NavBar>
     </Sticky>
@@ -15,14 +15,13 @@
         <div class="card">
           <div class="titile">
             <h2 @click="gowenzhang">{{ titile }}</h2>
-            <p> {{ count }} 人阅读</p>
+            <p>{{ count }} 人阅读</p>
           </div>
-          <p style="width: 15vw; height: 15vw;"><img :src=acover alt=""></p>
+          <p style="width: 15vw; height: 15vw"><img :src="acover" alt="" /></p>
         </div>
         <div class="nameres">
-          <div :key="index" v-for="(item,index) in brows">
-            <img :src=item.avatar
-                 alt="">
+          <div :key="index" v-for="(item, index) in brows">
+            <img :src="item.avatar" alt="" />
             <p>{{ item.name }}</p>
             <p>{{ item.create_time }}</p>
           </div>
@@ -32,50 +31,52 @@
   </div>
 </template>
 <script>
-import { shareDetails } from "../../../../serves/prove"
-import { NavBar,  Sticky} from "vant";
+import { shareDetails } from "../../../../serves/prove";
+import { NavBar, Sticky } from "vant";
 export default {
-  data () {
+  data() {
     return {
       active: 0,
-      brows:'',
-      titile:'',
-      acover:'',
-      count:'',
-      Tid:''
-    }
+      brows: "",
+      titile: "",
+      acover: "",
+      count: "",
+      Tid: "",
+    };
   },
   components: {
-   NavBar,  Sticky
+    NavBar,
+    Sticky,
   },
-  mounted () {
-    this.titile=this.$route.query.title
-    this.count=this.$route.query.count
-    this.acover=this.$route.query.cover
-    this.Tid=this.$route.query.Tid
-    this.getshareDetails(this.$route.query.Tid)
+  mounted() {
+    this.titile = this.$route.query.title;
+    this.count = this.$route.query.count;
+    this.acover = this.$route.query.cover;
+    this.Tid = this.$route.query.Tid;
+    this.getshareDetails(this.$route.query.Tid);
   },
   methods: {
-    gowenzhang () {
-      this.$router.push({name:'textpage',query:{id:this.$route.query.id}})
+    gowenzhang() {
+      this.$router.push({
+        name: "textpage",
+        query: { id: this.$route.query.id },
+      });
     },
-    async getshareDetails (id) {
-      const res = await shareDetails(id)
-      this.brows=res.data.brows
+    async getshareDetails(id) {
+      const res = await shareDetails(id);
+      this.brows = res.data.brows;
     },
     //返回上级
-    onClickLeft () {
-      this.$router.go(-1)
-    }
-  }
-
-}
+    onClickLeft() {
+      this.$router.go(-1);
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
 .indexbox {
   width: 90vw;
-  height: 100vh;
   margin: 0 auto;
   box-sizing: border-box;
   display: flex;
@@ -115,7 +116,7 @@ export default {
       p {
         font-size: 1.4rem;
         box-sizing: border-box;
-        padding:2vw;
+        padding: 2vw;
       }
 
       h2 {