Ver código fonte

新增移动端我的界面

shenjj 7 anos atrás
pai
commit
ea931fc4f1

+ 2 - 2
components/mobile/common/userHeader.vue

@@ -144,7 +144,7 @@
         margin-left:.25rem;
         display: inline-block;
         vertical-align: middle;
-        position: relative;
+        /*position: relative;*/
         p{
           font-size:.3rem;
           margin:0;
@@ -182,7 +182,7 @@
         .switch {
           position: absolute;
           right: 1rem;
-          top: .7rem;
+          top: 1.01rem;
           .en-list {
             position: absolute;
             max-width: 3rem;

+ 23 - 7
pages/mobile/user/index.vue

@@ -159,7 +159,9 @@
           </div>
           <div v-else class="text pull-left clearfix">
             <input v-model="enterpriseInfo.enIndustry" type="text" style="width: 4.5rem"/>
-            <img src="/images/store/default/openblackR.png" class="moreIcon pull-right" @click="isShowTypeAlert = true"/>
+            <div class="moreIcon pull-right" @click="isShowTypeAlert = true">
+              <img src="/images/store/default/openblackR.png" @click="isShowTypeAlert = true"/>
+            </div>
           </div>
         </li>
 
@@ -483,7 +485,11 @@
         if (_T) {
           // 文本处理
           this.normalText = _T
-          return _T.substr(0, 140) + '...'
+          if (_T.length > 140) {
+            return _T
+          } else {
+            return _T.substr(0, 140) + '...'
+          }
         } else {
           this.Islook = false
           return this.normalText
@@ -532,7 +538,8 @@
 
 <style scoped lang="scss">
   .user-content{
-    margin-bottom: 1.4rem;
+    margin-bottom: 0rem;
+    padding-bottom: 1.4rem;
     ul.switch-list {
       li {
         display: inline-block;
@@ -654,7 +661,7 @@
         border-radius: 5px;
         text-align: center;
         color: #fff;
-        font-size: 0.12rem;
+        font-size: 0.2rem;
         display: inline-block;
         vertical-align: top;
       }
@@ -721,9 +728,18 @@
         margin-left: -0.1rem;
       }
       .moreIcon {
-        width: 0.06rem;
-        height: 0.1rem;
-        margin-top: 0.14rem;
+        width: 0.18rem;
+        height: 0.3rem;
+        margin-top: 0.06rem;
+        position: relative;
+        &:after {
+          position: absolute;
+          left: -10px;
+          right: -10px;
+          top: -10px;
+          bottom: -10px;
+          content: ' '
+        }
       }
     }
     .modal-content {