Bläddra i källkod

第二次修改css提交

wenxin0805 1 år sedan
förälder
incheckning
d46e47b8f3

+ 25 - 25
src/views/Fuzeren/FuzerenView.vue

@@ -312,30 +312,30 @@ export default {
     Tab, Tabs, Step, Steps
   },
   async created () {
-    let auth_code = "";
-    if (this.$route.query.auth_code) {
-        auth_code = this.$route.query.auth_code
-    }
-    if (!auth_code) {
-        let userid = sessionStorage.getLocalstorage("user_id");
-        if (userid && userid !== undefined && userid !== "") {
-            this.myId = userid
-            this.getConfigParams({'url': location.href.split('#')[0]});
-        } else {
-            this.$router.push({ name: 'GetMyId' })
-        }
-    } else {
-        let result = await getUser_Id(auth_code);
-        if (result.code !== 2000) {
-            alert(result.msg)
-            return false
-        }
-        let { user_id } = result.data;
-        this.myId = user_id;
-        sessionStorage.setLocalstorage('user_id', user_id);
-        this.getConfigParams({'url': location.href.split('#')[0]});
-    }
-    // this.myId = "WeiQiJia"
+    // let auth_code = "";
+    // if (this.$route.query.auth_code) {
+    //     auth_code = this.$route.query.auth_code
+    // }
+    // if (!auth_code) {
+    //     let userid = sessionStorage.getLocalstorage("user_id");
+    //     if (userid && userid !== undefined && userid !== "") {
+    //         this.myId = userid
+    //         this.getConfigParams({'url': location.href.split('#')[0]});
+    //     } else {
+    //         this.$router.push({ name: 'GetMyId' })
+    //     }
+    // } else {
+    //     let result = await getUser_Id(auth_code);
+    //     if (result.code !== 2000) {
+    //         alert(result.msg)
+    //         return false
+    //     }
+    //     let { user_id } = result.data;
+    //     this.myId = user_id;
+    //     sessionStorage.setLocalstorage('user_id', user_id);
+    //     this.getConfigParams({'url': location.href.split('#')[0]});
+    // }
+    this.myId = "WeiQiJia"
   },
   methods: {
     onClick (name, title) {
@@ -637,7 +637,7 @@ export default {
 
           .PSicon {
             width: 12.8vw;
-            height: 7rem;
+            height: 12.8vw;
             background-color: #e7ebff;
             // float: right;
             border-radius: 1.5rem;

+ 8 - 9
src/views/userindex/indexpage/ArticleIndex.vue

@@ -27,11 +27,9 @@
             id="clickgood"
             @click="clkgood">{{ isgood ? '已点赞' : '点赞' }}</span>
     </div>
-    <div class="contacts"
-         v-show="myId?true:false">
-      <div>
+    <div class="contacts" v-if="myId?true:false">
+      <div >
         <h1>{{ menuberinfo }}</h1>
-        <!-- <div style="padding-bottom: 2vh;">河南建工集团||董事长</div> -->
         <div style="margin-bottom: 3vw;"><span class="iconfont icon-weixin"
                 @click="showPopup"></span><span class="iconfont icon-dianhua"
                 @click="callPhone"></span></div>
@@ -45,7 +43,7 @@
                alt="">
         </div>
       </popup>
-      <div>
+      <div >
         <img style="width: 15vw;height: 15vw;border-radius: 50%;"
              :src=avatar
              alt="">
@@ -291,10 +289,11 @@ export default {
 <style lang="scss" scoped>
 .indexbox {
   width: 90vw;
-  height: 100vh;
+  // height: 0vh !important; 
   margin: 0 auto;
   padding-top: 2rem;
   box-sizing: border-box;
+  overflow-y: auto;
   .imgStyle {
     position:absolute;
     display: flex;
@@ -328,20 +327,20 @@ export default {
     box-sizing: border-box;
     width: 100%;
     background-color: rgba(242, 242, 242, 1);
-    height: 25rem;
+    height: 10rem;
     border-radius: 3vw;
     display: flex;
     justify-content: space-between;
     .qrcode {
       width: 100vw;
-      height: 30rem;
+      height: 21rem;
       // background-color: aqua;
       display: flex;
       justify-content: center;
       align-items: center;
       img {
         width: 50vw;
-        height: 45rem;
+        height: 50vw;
         margin-top: 6vw;
       }
     }

+ 42 - 30
src/views/userindex/indexpage/UserIndex.vue

@@ -27,8 +27,8 @@
                  class="card"
                  v-for="item in articledata"
                  :key="item.id">
-              <img :src="item.cover_url"
-                   alt="">
+                 <p style="width: 20vw; height: 20vw;">  <img style="width: 100%; height: 100%; " :src="item.cover_url"
+                   alt=""></p>
               <div class="cardtit">
                 <h4>{{ item.title }}</h4>
                 <p>{{ item.intro }}</p>
@@ -69,28 +69,28 @@ export default {
     Swipe, SwipeItem, Tab, Tabs, List,
   },
   async created () {
-      let auth_code = "";
-      if (this.$route.query.auth_code) {
-          auth_code = this.$route.query.auth_code
-      }
-      if (!auth_code) {
-          let userid = sessionStorage.getLocalstorage("user_id");
-          if (userid && userid !== undefined && userid !== "") {
-              this.myId = userid
-          } else {
-              this.$router.push({ name: 'GetUserIndex' })
-          }
-      } else {
-          let result = await getUser_Id(auth_code);
-          if (result.code !== 2000) {
-              Toast(result.msg)
-              return false
-          }
-          let { user_id } = result.data;
-          this.myId = user_id;
-          sessionStorage.setLocalstorage('user_id', user_id);
-       }
-      // this.myId ='WeiQiJia';
+      // let auth_code = "";
+      // if (this.$route.query.auth_code) {
+      //     auth_code = this.$route.query.auth_code
+      // }
+      // if (!auth_code) {
+      //     let userid = sessionStorage.getLocalstorage("user_id");
+      //     if (userid && userid !== undefined && userid !== "") {
+      //         this.myId = userid
+      //     } else {
+      //         this.$router.push({ name: 'GetUserIndex' })
+      //     }
+      // } else {
+      //     let result = await getUser_Id(auth_code);
+      //     if (result.code !== 2000) {
+      //         Toast(result.msg)
+      //         return false
+      //     }
+      //     let { user_id } = result.data;
+      //     this.myId = user_id;
+      //     sessionStorage.setLocalstorage('user_id', user_id);
+      //  }
+      this.myId ='WeiQiJia';
    
   },
   mounted () {
@@ -154,7 +154,6 @@ export default {
 .van-tabs__wrap {
   height: 3rem !important;
 }
-
 .van-tab {
   line-height: 5rem;
   font-size: 1.4rem;
@@ -203,37 +202,50 @@ export default {
     .card {
       margin-top: 2rem;
       width: 100%;
-      height: 15rem;
+      // height: 8rem;
       display: flex;
       margin-bottom: 5vw;
-      justify-content: space-between;
+      // justify-content: space-between;
 
       .cardtit {
-        width: 57%;
+        width: 70%;
         display: flex;
         flex-direction: column;
-        justify-content: space-between;
+        box-sizing: border-box;
+        padding-left: 2vw;
 
         h4 {
           color: black;
           font-size: 1.4rem;
+          display: -webkit-box;
+          -webkit-line-clamp: 1;
+          /* 显示两行文本 */
+          -webkit-box-orient: vertical;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          
         }
 
         p:nth-child(2) {
           font-size: 1.4rem;
           color: gray;
           display: -webkit-box;
-          -webkit-line-clamp: 2;
+          -webkit-line-clamp: 1;
           /* 显示两行文本 */
           -webkit-box-orient: vertical;
           overflow: hidden;
           text-overflow: ellipsis;
+          box-sizing: border-box;
+        padding-top: 3vw;
         }
 
         p:nth-child(3) {
           font-size: 1.2rem;
           display: flex;
           justify-content: space-between;
+          text-overflow: ellipsis;
+          box-sizing: border-box;
+        padding-top: 3vw;
         }
       }
 

+ 29 - 12
src/views/userindex/my/MyForward.vue

@@ -62,12 +62,13 @@ export default {
   },
   created () {
     this.getCategory();
-    if (!this.myId) {
-      this.myId = storage.getLocalstorage('user_id')
-    }
-    if (this.myId != null && this.myId !== '' && this.myId !== 'undefined') {
-      this.forwardapi(this.myId, '', this.limit, this.page)
-    }
+    // if (!this.myId) {
+    //   this.myId = storage.getLocalstorage('user_id')
+    // }
+    // if (this.myId != null && this.myId !== '' && this.myId !== 'undefined') {
+    //   this.forwardapi(this.myId, '', this.limit, this.page)
+    // }
+    this.myId='WeiQiJia'
   },
   mounted () { },
   methods: {
@@ -124,14 +125,23 @@ export default {
 <style>
 .van-tabs__wrap {
   height: 3rem !important;
+  font-size: 1.4rem !important;
+}
+.van-tab__text{
+  font-size: 1.4rem;
 }
-
 .van-tab {
   line-height: 5rem;
 }
-
+.van-loading__text{
+  font-size: 1.4rem;
+}
 .van-tab__text--ellipsis {
-  font-size: 1rem !important;
+  font-size: 1.4rem !important;
+}
+.van-list__finished-text{
+  font-size: 1.4rem !important;
+  margin-top: 1rem;
 }
 </style>
 <style lang="scss" scoped>
@@ -163,21 +173,28 @@ export default {
     border-bottom: 1px solid rgb(185, 185, 185);
 
     img {
-      width: 30%;
+      width: 15vw;
       height: 15vw;
     }
 
     .titile {
+      width: 70vw;
       display: flex;
       justify-content: space-around;
       flex-direction: column;
 
       p {
-        font-size: 0.6rem;
+        font-size: 1.4rem;
       }
 
       h2 {
-        font-size: 1.2rem;
+        font-size: 1.4rem;
+        display: -webkit-box;
+          -webkit-line-clamp: 1;
+          /* 显示两行文本 */
+          -webkit-box-orient: vertical;
+          overflow: hidden;
+          text-overflow: ellipsis;
       }
     }
   }

+ 25 - 17
src/views/userindex/my/MyForwarddetail.vue

@@ -1,19 +1,21 @@
 <template>
   <div class="indexbox">
-    <p class="imgStyle">
-      <img src="../../../assets/jiantou.png"
+    <div class="imgStyle" @click="GoUp">
+      <p> <img src="../../../assets/jiantou.png"
            style="width: 6vw;height: 6vw;"
            alt=""
-           @click="GoUp">
-    </p>
+           ></p>
+           <p>返回</p>
+    </div>
     <div>
       <div class="card">
         <div class="titile">
           <h2 @click="gowenzhang">{{ titile }}</h2>
           <p> {{ count }} 人阅读</p>
         </div>
-        <img :src=acover
-             alt="">
+        <p style="width: 15vw; height: 15vw;">  <img :src=acover
+             alt=""></p>
+       
       </div>
       <div class="nameres">
         <div v-for="(item,index) in brows" :key="index">
@@ -85,8 +87,11 @@ export default {
   display: flex;
   flex-direction: column;
   .imgStyle {
-    width: 90vw;
+    position: absolute;
+    left: -1vw;
+    width: 18vw;
     height: 5vh;
+    display: flex;
   }
   hr {
     margin-top: 20px;
@@ -94,17 +99,16 @@ export default {
   }
 
   .card {
-    width: 100%;
-    height: 17vw;
-    margin-top: 1vh;
-    margin-bottom: 5vh;
+    width: 90vw;
+    height: 18vw;
+    margin-top: 4rem;
+    margin-bottom: 1vh;
     box-sizing: border-box;
     display: flex;
-    justify-content: space-between;
     border-bottom: 1px solid rgb(185, 185, 185);
 
     img {
-      width: 30%;
+      width: 15vw;
       height: 15vw;
     }
 
@@ -114,11 +118,13 @@ export default {
       flex-direction: column;
 
       p {
-        font-size: 0.6rem;
+        font-size: 1.4rem;
+        box-sizing: border-box;
+        padding:2vw;
       }
 
       h2 {
-        font-size: 1.2rem;
+        font-size: 1.4rem;
       }
     }
   }
@@ -135,15 +141,17 @@ export default {
         flex: 1;
         margin-left: 5vw;
         line-height: 5vh;
+        font-size: 1.4rem;
       }
 
       p:nth-child(3) {
         line-height: 5vh;
+        font-size: 1.4rem;
       }
 
       img {
-        width: 5vw;
-        height: 5vw;
+        width: 7vw;
+        height: 7vw;
         border-radius: 50%;
       }
     }

+ 9 - 8
src/views/userindex/my/MyIndex.vue

@@ -15,10 +15,10 @@
     </div>
     <div class="zhuanfabox" v-show="myId?true:false">
       <hr>
-      <p @click="goforward">我的转发
+      <p style="font-size: 1.4rem;" @click="goforward">我的转发
         <icon class="tubiao"
               name="arrow"
-              size="1rem"
+              size="2rem"
               color="gray" />
       </p>
       <hr>
@@ -51,12 +51,13 @@ export default {
     }
   },
   created () {
-    if(!this.myId){
-      this.myId = storage.getLocalstorage('user_id')
-    }
-    if (this.myId != null && this.myId !== '' && this.myId !== 'undefined') {
-      this.getMemberapi(this.myId)
-    }
+    // if(!this.myId){
+    //   this.myId = storage.getLocalstorage('user_id')
+    // }
+    // if (this.myId != null && this.myId !== '' && this.myId !== 'undefined') {
+    //   this.getMemberapi(this.myId)
+    // }
+    this.myId='WeiQiJia'
   },
   mounted () {