键盘

src/project/baiduAI/AppDialogue/AppDialogue.vue

@@ -2,9 +2,9 @@
   <div class="AppDialogue">
     <u-navbar title="Copilot小助理" title-color="#000" title-width="300" title-size="32" :title-bold="true" :background="backgroundNavbar" :is-back="false" height="88"></u-navbar>
     <!-- <scroll-view scroll-y="true" class="scroll-Y" @scroll="scroll"> -->
-    <div class="top-select">
-      {{typeList[type].dictName || '选择应用'}} <u-icon name="arrow-down" color="#fff" size="28" @click="showType=true"></u-icon>
-    </div>
+    <!-- <div class="top-select" @click="showType=true">
+      {{typeList[type].dictName || '选择应用'}} <u-icon name="arrow-down" color="#fff" size="28"></u-icon>
+    </div> -->
     <div class="service-content" v-if="!messageList.length">
       <div class="text-content">
         <div class="text-left">
@@ -38,7 +38,7 @@
     <!-- </scroll-view> -->
     <div class="fixed-bottom">
       <div class="type-text" v-if="type == 'text'">
-        <u-input type="text" placeholder="输入您的问题…" height="80" input-align="left"  :clearable="false" placeholder-style="color:#666;" v-model="content" @confirm="sendMsg"></u-input>
+        <u-input type="text" placeholder="输入您的问题…" height="80" input-align="left"  :clearable="false" placeholder-style="color:#666;" v-model="content" @confirm="sendMsg" :adjust-position="false"></u-input>
         <img src="https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/send.png" alt="" v-if="content.length" @click="sendMsg">
         <img src="https://cdn.cunwuyun.cn/wechat/biaopin/residentAssistant/microphone-btn.png" alt="" v-else @click="microPhone">
       </div>
@@ -65,6 +65,22 @@
     <u-select v-model="showType" :list="typeList" value-name="dictValue"
       label-name="dictName" @confirm="confirmType"></u-select>
     <AiLogin ref="login"/>
+    <u-popup v-model="showPopup" mode="bottom">
+      <div class="popup-content">
+        <div class="pop-header">
+          <img src="https://cdn.cunwuyun.cn/wechat/baiduAI/question-icon.png" alt=""> 慧知会言
+        </div>
+        <p class="pop-title">申请获取你当前的位置信息</p>
+        <div class="pop-text">
+          <p>微信位置信息</p>
+          <u-icon name="checkbox-mark" color="#2EC871" size="36"></u-icon>
+        </div>
+        <div class="pop-btn">
+          <div>拒绝</div>
+          <div class="pop-confirm">接受</div>
+        </div>
+      </div>
+    </u-popup>
   </div>
 </template>
 <script>
@@ -106,7 +122,9 @@ export default {
         {dictValue: '1', dictName: '文本助理'}, 
         {dictValue: '2', dictName: '日常助理'}
       ],
-      type: ''
+      type: '',
+      showType: false,
+      showPopup: true
     }
   },
   computed: {
@@ -540,8 +558,6 @@ page {
       }
     }
   }
-
-  
   .login-btn {
     position: fixed;
     bottom: 500px;
@@ -566,5 +582,65 @@ page {
       margin-right: 8px;
     }
   }
+  .popup-content {
+    padding: 32px 28px 68px;
+    box-sizing: border-box;
+    .pop-header {
+      padding-bottom: 28px;
+      line-height: 20px;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 28px;
+      color: #222;
+      img {
+        width: 56px;
+        height: 56px;
+        border-radius: 50%;
+        margin-right: 16px;
+        vertical-align: middle;
+      }
+    }
+    .pop-title {
+      line-height: 44px;
+      font-family: PingFangSC-Medium;
+      font-weight: 500;
+      font-size: 32px;
+      color: #222;
+      padding-bottom: 28px;
+      border-bottom: 1px solid #DEDEDE;
+    }
+    .pop-text {
+      display: flex;
+      justify-content: space-between;
+      padding: 38px 0;
+      border-bottom: 1px solid #DEDEDE;
+      p {
+        line-height: 40px;
+        font-family: PingFangSC-Regular;
+        font-size: 28px;
+        color: #222;
+      }
+    }
+    .pop-btn {
+      padding: 56px 0;
+      div {
+        display: inline-block;
+        width: calc(50% - 38px);
+        line-height: 72px;
+        background: #F2F2F2;
+        border-radius: 8px;
+        font-family: PingFangSC-Regular;
+        font-weight: 400;
+        font-size: 28px;
+        color: #222;
+        text-align: center;
+      }
+      .pop-confirm {
+        margin-left: 38px;
+        background-color: #2EC871;
+        color: #fff;
+      }
+    }
+  }
 }
 </style>