样式调整

config/uat.env.js

@@ -11,5 +11,5 @@ module.exports = {
   ocrPath:'"http://180.104.121.66:8088/r/api"',
   fileUploadSvcPath:'"http://180.104.121.66:8088/r/api/app/fileUploadSvc?sysName=XCMG_UAT&apiName="',
   appId: '"com.xcmg.app.dev"',
-  currentVersion: '"2.6.8"'
+  currentVersion: '"2.6.9"'
 }

src/pages/contractCreate/sales-info.vue

@@ -7,7 +7,7 @@
         <span>合同创建</span>
       </div>
     </h-header>
-    <h-content class="scroll-content">
+    <h-content>
       <list-item :item-height="44" class="second-part">
         <item :showArrow="true" @click.native="picker">
           <div slot="name" class="font-color required">承租人</div>
@@ -115,7 +115,7 @@
           <input type="text" placeholder="请输入承租人名称/证件号码">
         </div>
         <scroll
-          ref="scroll"
+          ref="scroll" class="scroll-content"
         >
           <div class="wrap">
             <div v-for="(item,index) in showLists" :key="index" class="contract-lists" >
@@ -572,8 +572,12 @@ export default {
 
 <style lang="less" type="text/less">
 #sales-info {
+  .content{
+      margin-top:0;
+    }
   .scroll-content{
-    margin-top:60px;
+    margin-top:0;
+    top:100px;
   }
     .date-pic {
       height: 17px;
@@ -627,7 +631,6 @@ export default {
     .wrap {
       width: 100%;
       padding: 8px;
-      margin-top: 50px;
       .contract-lists {
         width: 100%;
         background: #fff;
@@ -671,7 +674,6 @@ export default {
     }
     .content{
       position: absolute;
-      top:0;
     }
     .scrollContent{
       padding-top: 0 !important;

src/pages/myInfo/setting.vue

 <template>
-  <h-view class="setting" title="设置">
+  <h-view id="setting" class="public-style" title="设置">
     <h-header :proportion="[5,1,1]" class="bar-custom">
       <div slot="left" class="h-header-btn">
         <img src="@/assets/userBind/arrow.png" @click="$routeGo()">
@@ -7,38 +7,38 @@
       </div>
     </h-header>
     <h-content>
-        <div class="setting">
-            <list-item :item-height="66" class="list">
-              <item @click.native="imgUploadShow(app_user_id)">
-                  <div slot="name" style="color:#656464;">修改头像</div>
-                  <div class="arrow_right"><img src="@/assets/myinfo/arrow_right.png"></div>
-              </item>
-            </list-item>
-            <list-item :item-height="50" class="list">
-              <item :show-arrow="true" @click.native="changePageHead()">
-                  <div slot="name" style="color:#656464;">修改信息</div>
-                  <div class="arrow_right"><img src="@/assets/myinfo/arrow_right.png"></div>
-              </item>
-              <item @click.native="changeRole()">
-                  <div slot="name" style="color:#656464;">角色切换</div>
-                  <div class="arrow_right"><img src="@/assets/myinfo/arrow_right.png"></div>
-              </item>
-              <item @click.native="resetPwd()">
-                  <div slot="name" style="color:red;">修改密码</div>
-                  <div class="arrow_right"><img src="@/assets/myinfo/arrow_right.png"></div>
-              </item>
-              <item @click.native="updateVersion()">
-                  <div slot="name" style="color:#656464;width:100%;">版本更新&nbsp;&nbsp;&nbsp;
-                    <span class="updateSign" v-if="version > currentVersion">NEW</span>
-                    <span style="float:right;color:#383F45;opacity:0.4;">当前版本&nbsp;&nbsp;{{currentVersion}}</span>
-                  </div>
-              </item>
-              <item @click.native="unBind()">
-                  <div slot="name" style="color:#656464;">解除绑定</div>
-                  <div class="arrow_right"><img src="@/assets/myinfo/arrow_right.png"></div>
-              </item>
-            </list-item>
-        </div>
+      <div class="setting">
+        <list-item :item-height="66" class="list">
+          <item @click.native="imgUploadShow(app_user_id)">
+            <div slot="name" style="color:#656464;">修改头像</div>
+            <div class="arrow_right"><img src="@/assets/myinfo/arrow_right.png"></div>
+          </item>
+        </list-item>
+        <list-item :item-height="50" class="list">
+          <item @click.native="changePageHead()">
+            <div slot="name" style="color:#656464;">修改信息</div>
+            <div class="arrow_right"><img src="@/assets/myinfo/arrow_right.png"></div>
+          </item>
+          <item @click.native="changeRole()">
+            <div slot="name" style="color:#656464;">角色切换</div>
+            <div class="arrow_right"><img src="@/assets/myinfo/arrow_right.png"></div>
+          </item>
+          <item @click.native="resetPwd()">
+            <div slot="name" style="color:red;">修改密码</div>
+            <div class="arrow_right"><img src="@/assets/myinfo/arrow_right.png"></div>
+          </item>
+          <item @click.native="updateVersion()">
+            <div slot="name" style="color:#656464;width:100%;">版本更新&nbsp;&nbsp;&nbsp;
+              <!-- <span v-if="version" class="updateSign">NEW</span> -->
+            </div>
+            <div slot="right-icon" style="float:right;color:#383F45;opacity:0.4;">当前版本&nbsp;&nbsp;{{ currentVersion }}</div>
+          </item>
+          <item @click.native="unBind()">
+            <div slot="name" style="color:#656464;">解除绑定</div>
+            <div class="arrow_right"><img src="@/assets/myinfo/arrow_right.png"></div>
+          </item>
+        </list-item>
+      </div>
     </h-content>
     <role-switch
       v-show="roleSwitchFlag"
@@ -56,7 +56,7 @@ import defaultImg from '../../assets/myInfo/1.png'
 export default {
   components: {
     roleSwitch,
-    defaultImg
+    defaultImg,
   },
   data () {
     return {
@@ -80,7 +80,7 @@ export default {
   },
   computed: {
     roleList () {
-      let roleObj = {'TENANT':'主承租人','GUTA':'担保人','FACTORY':'主机厂','AGENT':'经销商','OFFICE':'办事处'}
+      let roleObj = {'TENANT': '主承租人', 'GUTA': '担保人', 'FACTORY': '主机厂', 'AGENT': '经销商', 'OFFICE': '办事处'}
       let obj = {
         bp_type: this.user_bp_type,
         bp_type_n: roleObj[this.user_bp_type],
@@ -146,7 +146,7 @@ export default {
     },
     hote_update_version (content, url) {
       hlsPopup.showConfirm({
-        title: '版本更新'+ this.version,
+        title: '版本更新' + this.version,
         content: content,
         onConfirm: function (index) {
           if (index === 1) {
@@ -337,14 +337,14 @@ export default {
         await this.getMultipleRole()
         vm.$refs.roleSwitchRoleList.show()
       } else {
-          hlsPopup.showLongCenter('您当前尚无可用角色')
+        hlsPopup.showLongCenter('您当前尚无可用角色')
       }
     },
     // 用户信息
     changePageHead () {
       let vm = this
       if (vm.bp_id) {
-        if (vm.user_bp_status === 'NEW' ||vm.user_bp_status === 'RETURN') {
+        if (vm.user_bp_status === 'NEW' || vm.user_bp_status === 'RETURN') {
           vm.flag = true
           if (vm.user_bp_class === 'NP') {
             vm.$router.push({
@@ -542,12 +542,16 @@ export default {
         hlsPopup.hideLoading()
       }
     },
-  }
+  },
 }
 </script>
 
 <style lang="less">
-.updateSign {
+#setting{
+  .content{
+    margin-top:0 ;
+  }
+  .updateSign {
   background: red;
   color: white;
   padding: 0 5px;
@@ -560,4 +564,5 @@ export default {
     height: 20px;
   }
 }
+}
 </style>

src/pages/news/newslist.vue

-<!--
-   * @Descrip: 主页
- * @Author: your name
- * @Date: 2019-10-10 14:25:15
- * @LastEditTime: 2019-11-14 09:56:22
- * @LastEditors: Please set LastEditors
-   -->
 <template>
   <h-view id="newList" class="public-style" title="资讯动态">
-    <h-header :proportion="[5,1,1]" class="bar-custom">
+    <h-header :proportion="[5, 1, 1]" class="bar-custom">
       <div slot="left" class="h-header-btn">
-        <img src="@/assets/userBind/arrow.png" @click="$routeGo()">
+        <img src="@/assets/userBind/arrow.png" @click="$routeGo()" >
         <span>资讯动态</span>
       </div>
     </h-header>
     <div class="search has-header">
-      <input v-model="searchInput" type="text" v-on:input="searchList()" placeholder="请输入标题名称">
+      <input
+        v-model="searchInput"
+        type="text"
+        placeholder="请输入标题名称"
+        @input="searchList()"
+      >
     </div>
     <div v-if="newsList.length === 0">
       <div class="display">
-        <img src="@/assets/messageCenter/noMsg.png" alt="">
+        <img src="@/assets/messageCenter/noMsg.png" alt="" >
       </div>
     </div>
     <scroll
@@ -27,13 +25,29 @@
       :pullUp="true"
       :autoUpdate="true"
       :listenScroll="true"
+      class="scroll-content"
       @pullingUp="loadMore()"
     >
-      <div class="pay-content" v-for="(item,index) in newsList" :key="index" @click="newsInfo(item.new_id)">
+      <div
+        v-for="(item, index) in newsList"
+        :key="index"
+        class="pay-content"
+        @click="newsInfo(item.new_id)"
+      >
         <ul>
-          <li><img class="title_logo" src="@/assets/homePage/inform.png">{{item.new_title}}</li>
-          <li>{{item.new_note}}</li>
-          <li>{{item.new_date}}<span>查看详情<img src="@/assets/functionCenter/in@2x.png"></span></li>
+          <li>
+            <img class="title_logo" src="@/assets/homePage/inform.png" >{{
+              item.new_title
+            }}
+          </li>
+          <li>{{ item.new_note }}</li>
+          <li>
+            {{ item.new_date
+            }}<span
+            >查看详情<img
+              src="@/assets/functionCenter/in@2x.png"
+            ></span>
+          </li>
         </ul>
       </div>
     </scroll>
@@ -46,16 +60,15 @@ export default {
   name: 'ToDoList',
   data () {
     return {
-        searchInput: '',
-        newsList: [],
-        pageNum: 1,
-        mysetTimeout: null
+      searchInput: '',
+      newsList: [],
+      pageNum: 1,
+      mysetTimeout: null,
     }
   },
-  watch: {
-  },
+  watch: {},
   beforeRouteEnter (to, from, next) {
-    next(vm => {
+    next((vm) => {
       vm.searchInput = ''
       vm.pageNum = 1
       vm.getNewsList()
@@ -113,7 +126,7 @@ export default {
       })
     },
     loadMore () {
-      this.pageNum ++
+      this.pageNum++
       let url
       let param
       url = $config.basePath + 'news_query_list'
@@ -150,97 +163,100 @@ export default {
 }
 </script>
 <style lang='less'>
-  @import "../../styles/vue-1px";
-  .display {
-    position: fixed;
-    top: 0;
-    img {
-      width: 100%;
-      height: 100%;
-     // margin-top: -70px;
-    }
+@import "../../styles/vue-1px";
+.display {
+  position: fixed;
+  top: 0;
+  img {
+    width: 100%;
+    height: 100%;
+    // margin-top: -70px;
   }
-  #newList {
-    background: #EFEFEF;
-    .pay-content {
-      width: 96%;
-      margin: 10px auto;
-      border-radius: 10px;
-      background: #fff;
-      padding: 10px 20px;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      ul {
-        flex-grow: 1;
-        li {
-          height: 30px;
-          line-height: 30px;
-          font-size: 14px;
+}
+#newList {
+  background: #efefef;
+  .scroll-content {
+    top: 50px;
+  }
+  .pay-content {
+    width: 96%;
+    margin: 10px auto;
+    border-radius: 10px;
+    background: #fff;
+    padding: 10px 20px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    ul {
+      flex-grow: 1;
+      li {
+        height: 30px;
+        line-height: 30px;
+        font-size: 14px;
+        vertical-align: middle;
+        text-align: left;
+        overflow: hidden;
+        .title_logo {
+          margin-right: 15px;
+        }
+        img {
           vertical-align: middle;
-          text-align: left;
-          overflow: hidden;
-          .title_logo {
-            margin-right: 15px;
-          }
-          img {
-            vertical-align: middle;
-            width: 15px;
-          }
-          &:nth-child(2) {
-            border-bottom: 1px solid #F1F0F5;
-          }
-          span {
-            color: #1D3FFF;
-            float: right;
-          }
-          &:nth-child(2) {
-            font-family: PingFangSC-Regular;
-            font-size: 14px;
-            color: rgba(56,63,69,0.60);
-            letter-spacing: 0;
-          }
-          &:nth-child(3) {
-            font-family: PingFangSC-Regular;
-            font-size: 14px;
-            color: rgba(56,63,69,0.60);
-            letter-spacing: 0;
-          }
+          width: 15px;
+        }
+        &:nth-child(2) {
+          border-bottom: 1px solid #f1f0f5;
+        }
+        span {
+          color: #1d3fff;
+          float: right;
+        }
+        &:nth-child(2) {
+          font-family: PingFangSC-Regular;
+          font-size: 14px;
+          color: rgba(56, 63, 69, 0.6);
+          letter-spacing: 0;
+        }
+        &:nth-child(3) {
+          font-family: PingFangSC-Regular;
+          font-size: 14px;
+          color: rgba(56, 63, 69, 0.6);
+          letter-spacing: 0;
         }
       }
     }
-    .search {
-      background-color: #fff;
-      padding: 8px 12px;
-      position: absolute;
+  }
+  .search {
+    background-color: #fff;
+    padding: 8px 12px;
+    position: absolute;
+    width: 100%;
+    z-index: 100;
+    margin-bottom: 8px;
+    input {
+      padding-left: 12px;
+      height: 36px;
       width: 100%;
-      z-index: 100;
-      margin-bottom: 8px;
-      input {
-        padding-left: 12px;
-        height: 36px;
-        width: 100%;
-        font-family: PingFangSC-Regular;
-        font-size: 14px;
-        color: #21254c;
-        line-height: 36px;
-        border-radius: 4px;
-        background: url("../../assets/contractStart/search1.png") 320px no-repeat;
-        background-size: 16px 16px;
-        background-color: rgba(239, 239, 239, 0.55);
-      }
-      input::placeholder {
-        font-family: PingFangSC-Regular;
-        font-size: 14px;
-        color: #888C8F;
-        letter-spacing: 0;
-      }
-      input:focus {
-        background: url("../../assets/contractStart/search2.png") 320px no-repeat;
-        background-size: 16px 16px;
-        background-color: rgba(239, 239, 239, 0.55);
-        border: 2px solid #bcc6ff;
-      }
+      font-family: PingFangSC-Regular;
+      font-size: 14px;
+      color: #21254c;
+      line-height: 36px;
+      border-radius: 4px;
+      background: url("../../assets/contractStart/search1.png") 320px no-repeat;
+      background-size: 16px 16px;
+      background-color: rgba(239, 239, 239, 0.55);
+    }
+    input::placeholder {
+      font-family: PingFangSC-Regular;
+      font-size: 14px;
+      color: #888c8f;
+      letter-spacing: 0;
+    }
+    input:focus {
+      background: url("../../assets/contractStart/search2.png") 320px no-repeat;
+      background-size: 16px 16px;
+      background-color: rgba(239, 239, 239, 0.55);
+      border: 2px solid #bcc6ff;
     }
   }
+}
 </style>