提交

public/css/phone.scss

@@ -2179,8 +2179,9 @@ i, em {
       line-height: 20px !important;
     }
   }
-  .hbl-fa{
+  .hbl-fa,#hbl-fa{
     textarea{
+      width: 100%;
       outline: none;//去除外边框
 
       border:none;//去除边框
@@ -2395,6 +2396,7 @@ i, em {
     }
   }
   .textTransparent{
+    position: relative;
     .el-textarea{
       overflow: scroll;
     }

src/components/mobile/faceCmpt1.vue

 <template>
-    <div class="hbl-fa">
+    <div id="hbl-fa">
         <div :class="commentType==1?'textTransparent':'textareaDiv'" @click="showButton(0)">
             <el-input @blur.prevent="handleToParent"
                       id="inputTextarea"
                       ref="textareaRef"
                       @focus="handleShowEle"
                       @input="handleInput"
+                      autofocus
                       type="textarea"
                       v-model="textareaMap[0]"
                       resize="none" rows="6"
@@ -436,12 +437,17 @@
 
             //获取焦点信息
             handleShowEle(event) {
+                var u = navigator.userAgent;
+                if(u.indexOf('Android') > -1 || u.indexOf('Adr') > -1){
+                    document.getElementById("hbl-fa").setAttribute("class","absoluteDiv");
+                }
                 if (event.srcElement.setSelectionRange) {
                     setTimeout(function () {
                         event.srcElement.setSelectionRange(event.srcElement.value.length, event.srcElement.value.length);
                         event.srcElement.focus()
                     }, 0)
                 }
+
                 this.isShowVisible = false;
             },
 
@@ -527,6 +533,10 @@
                 if (navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)) {
                     globalMsg.$emit("scrollToTop");
                 }
+                var u = navigator.userAgent;
+                if(u.indexOf('Android') > -1 || u.indexOf('Adr') > -1){
+                    document.getElementById("hbl-fa").classList.remove("absoluteDiv");
+                }
             },
 
             //让input获取焦点
@@ -832,6 +842,7 @@
             }
         },
         mounted() {//页面加载完成后
+            $("#inputTextarea").focus();
             this.getTopicInfo()
             if (this.replyCreatedBy) {
                 this.getNickName();
@@ -857,7 +868,7 @@
 
             }
         }
-    }
+    };
 </script>
 <style lang="scss" scoped>
     .comment {
@@ -1592,7 +1603,7 @@
         font-size: 16px;
     }
 
-    .hbl-fa {
+    #hbl-fa {
         text-align: left;
         font-size: .28rem;
         width: 100%;
@@ -1855,4 +1866,9 @@
             padding-top: .2rem;
         }
     }
+    .absoluteDiv{
+        position: absolute;
+        top: -300px;
+        width: 100%;
+    }
 </style>
\ No newline at end of file