样式

public/css/phone.scss

@@ -1987,7 +1987,7 @@ i, em {
   }
 
   //举报
-  .reportElDialog,.applyElDialog,.successApplyDialog,.commentElDialog,.shareDialog{
+  .reportElDialog,.applyElDialog,.successApplyDialog,.commentElDialog,.shareDialog,.commentElTopicDialog{
     .el-dialog__header{
       border-bottom: 1px solid #E8EAF3;
       margin: 0 .2rem;
@@ -2135,7 +2135,7 @@ i, em {
     width: .23rem;
     height: .26rem;
   }
-  .commentElDialog,.shareDialog{
+  .commentElDialog,.shareDialog,.commentElTopicDialog{
     .el-dialog__header{
       margin: 0 .2rem;
       height: 1.1rem;
@@ -2174,6 +2174,11 @@ i, em {
       }
     }
   }
+  .commentElTopicDialog .el-dialog{
+    position: fixed;
+    top: 0;
+    bottom: unset;
+  }
   .textareaDetail{
     .el-textarea .el-input__count{
       line-height: 20px !important;

src/components/mobile/faceCmpt1.vue

@@ -439,7 +439,7 @@
             handleShowEle(event) {
                 var u = navigator.userAgent;
                 if(u.indexOf('Android') > -1 || u.indexOf('Adr') > -1){
-                    document.getElementById("hbl-fa").setAttribute("class","absoluteDiv");
+                    this.$emit("showDialogAndroid",true);
                 }
                 if (event.srcElement.setSelectionRange) {
                     setTimeout(function () {
@@ -533,10 +533,8 @@
                 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");
-                }
+                this.$emit("showDialogAndroid",false);
+
             },
 
             //让input获取焦点

src/components/mobile/topicCommentCmpt.vue

 <template>
     <div>
-        <el-dialog :class="[className,'commentElDialog',!isReply?'noBorderTitleDialog':'']"
+        <el-dialog :class="[className,androidDialog?'commentElTopicDialog':'commentElDialog',!isReply?'noBorderTitleDialog':'']"
                    :visible.sync="visible"
                    :before-close="handleClose"
                    width="100%"
@@ -9,7 +9,7 @@
                    :close-on-click-modal="true"
                    :modal-append-to-body="false"
         >
-            <comment @publishComment="publishComment" :faceVisible="visible" :isEmpty="isEmpty" :isHasReward="isHasReward" :topicTitle="topicTitle" :commentType="1" :replyCreatedBy="replyCreatedBy?replyCreatedBy:''"></comment>
+            <comment @publishComment="publishComment" @showDialogAndroid="showDialogAndroid" :faceVisible="visible" :isEmpty="isEmpty" :isHasReward="isHasReward" :topicTitle="topicTitle" :commentType="1" :replyCreatedBy="replyCreatedBy?replyCreatedBy:''"></comment>
         </el-dialog>
     </div>
 </template>
@@ -35,6 +35,7 @@
                 firstNum:null,
                 lastNum:null,
                 isEmpty:false,
+                androidDialog:false
             }
         },
         components:{
@@ -80,6 +81,10 @@
                 }
             },
 
+            showDialogAndroid(data){
+                this.androidDialog = data;
+            },
+
             //发布
             publishComment(data){
                 let params;