From 4121ced3dc19f77281e05cb1778099e99aaff069 Mon Sep 17 00:00:00 2001
From: wanganxp <wanganxp@gmail.com>
Date: Thu, 2 May 2024 01:58:34 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A5=E5=85=85=E8=BD=AF=E9=94=AE=E7=9B=98?=
 =?UTF-8?q?=E4=B8=8A=E6=8E=A8=E9=A1=B5=E9=9D=A2=E7=9A=84=E6=B5=8B=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 hybrid/html/local.html                      |   2 +
 pages/template/navbar-lite/navbar-lite.uvue | 173 +++++++++++---------
 2 files changed, 99 insertions(+), 76 deletions(-)

diff --git a/hybrid/html/local.html b/hybrid/html/local.html
index 8cf0ea12..eafd76ec 100644
--- a/hybrid/html/local.html
+++ b/hybrid/html/local.html
@@ -46,6 +46,8 @@
       <input type="file" />
       <p style="font-size: 14px;">&lt;input type="file" accept="image/*" multiple /&gt;</p>
       <input type="file" accept="image/*" multiple />
+      <p style="font-size: 14px;">普通input</p>
+      <input placeholder="底部输入框"/>
     </div>
     <!-- uni 的 SDK -->
     <script type="text/javascript" src="uni.webview.1.5.5.js"></script>
diff --git a/pages/template/navbar-lite/navbar-lite.uvue b/pages/template/navbar-lite/navbar-lite.uvue
index 7c3836f9..bcbb66b2 100644
--- a/pages/template/navbar-lite/navbar-lite.uvue
+++ b/pages/template/navbar-lite/navbar-lite.uvue
@@ -1,91 +1,112 @@
 <template>
   <view class="content">
     <uni-navbar-lite :title="title" :is-left="isLeft" :text-color="navigationBarTextColor"></uni-navbar-lite>
-    <scroll-view class="scroll-view" scroll-y="true">
-      <view class="content-item" @click="onClick">
-        <text>点击此处，将标题切换为{{isLeft?'居中':'左侧'}}显示</text>
-      </view>
 
-      <view class="content-item" @tap="setNavigationBarColor1">
-        <text>设置自定义导航栏前景色白色</text>
-      </view>
-
-      <view class="content-item" @tap="setNavigationBarColor2">
-        <text>设置自定义导航栏前景色黑色</text>
-      </view>
-
-      <view class="content-item" v-for="item in 20">
-        <view class="cell-item">
-          <text class="text">内容：{{item}}</text>
-          <input class="text" style="margin-top: 8px;" placeholder="备注:"/>
+    <view class="content-item" @click="onClick">
+      <text>点击此处，将标题切换为{{isLeft?'居中':'左侧'}}显示</text>
+    </view>
+    <view class="content-item" @tap="setNavigationBarColor1">
+      <text>设置自定义导航栏前景色白色</text>
+    </view>
+    <view class="content-item" @tap="setNavigationBarColor2">
+      <text>设置自定义导航栏前景色黑色</text>
+    </view>
+    <view style="align-items: center;height: 60px;">
+      <text>测试输入框上推页面</text>
+      <radio-group @change="ChangeView" style="flex-direction: row;">
+        <radio value="0" :checked="true"><text>scroll-view</text></radio>
+        <radio value="1"><text>list-view</text></radio>
+        <radio value="2"><text>web-view</text></radio>
+      </radio-group>
+    </view>
+    <scroll-view v-if="indexView==0" class="scroll-view">
+      <view class="content-item" v-for="item in 10">
+        <view class="cell-item">
+          <text class="text">内容：{{item}}</text>
+          <input class="text" style="margin-top: 8px;" placeholder="备注输入框:" />
         </view>
-      </view>
-      <!-- <input/> -->
+      </view>
     </scroll-view>
+    <list-view v-if="indexView==1" class="scroll-view">
+      <list-item class="content-item" v-for="item in 10">
+        <view class="cell-item">
+          <text class="text">列表项内容：{{item}}</text>
+          <input class="text" style="margin-top: 8px;" placeholder="备注输入框:" />
+        </view>
+      </list-item>
+    </list-view>
+    <web-view v-if="indexView==2" src="/hybrid/html/local.html" id="webv" style="height:380px"></web-view>
+    <view style="position: relative;bottom: 0;">
+      <input placeholder="滚动视图外的居底输入框" adjust-position="true" />
+    </view>
+
   </view>
 </template>
 
-<script>
+<script>
   import { state, setLifeCycleNum } from '@/store/index.uts'
   export default {
     data() {
       return {
         title: 'Hello uni-app',
-        isLeft: false,
-        navigationBarTextColor: '#000'
-
+        isLeft: false,
+        navigationBarTextColor: '#000',
+        indexView: 0
       }
     },
-    methods: {
-      onClick(){
-        this.isLeft = !this.isLeft
-      },
-      setNavigationBarColor1() {
-        uni.setNavigationBarColor({
-          frontColor: '#ffffff',
-          backgroundColor: '#0000',
-          success: () => {
-            this.navigationBarTextColor = '#fff'
-            console.log('setNavigationBarColor success')
-            this.setLifeCycleNum(state.lifeCycleNum + 1)
-          },
-          fail: () => {
-            console.log('setNavigationBarColor fail')
-            this.setLifeCycleNum(state.lifeCycleNum - 1)
-          },
-          complete: () => {
-            console.log('setNavigationBarColor complete')
-            this.setLifeCycleNum(state.lifeCycleNum + 1)
-          }
-        })
-      },
-      setNavigationBarColor2() {
-        uni.setNavigationBarColor({
-          frontColor: '#000000',
-          backgroundColor: '#0000',
-          success: () => {
-            this.navigationBarTextColor = '#000'
-            console.log('setNavigationBarColor success')
-            this.setLifeCycleNum(state.lifeCycleNum + 1)
-          },
-          fail: () => {
-            console.log('setNavigationBarColor fail')
-            this.setLifeCycleNum(state.lifeCycleNum - 1)
-          },
-          complete: () => {
-            console.log('setNavigationBarColor complete')
-            this.setLifeCycleNum(state.lifeCycleNum + 1)
-          }
-        })
-      },
-      // 自动化测试
-      getLifeCycleNum(): number {
-        return state.lifeCycleNum
-      },
-      // 自动化测试
-      setLifeCycleNum(num: number) {
-        setLifeCycleNum(num)
+    methods: {
+      onClick() {
+        this.isLeft = !this.isLeft
+      },
+      setNavigationBarColor1() {
+        uni.setNavigationBarColor({
+          frontColor: '#ffffff',
+          backgroundColor: '#0000',
+          success: () => {
+            this.navigationBarTextColor = '#fff'
+            console.log('setNavigationBarColor success')
+            this.setLifeCycleNum(state.lifeCycleNum + 1)
+          },
+          fail: () => {
+            console.log('setNavigationBarColor fail')
+            this.setLifeCycleNum(state.lifeCycleNum - 1)
+          },
+          complete: () => {
+            console.log('setNavigationBarColor complete')
+            this.setLifeCycleNum(state.lifeCycleNum + 1)
+          }
+        })
+      },
+      setNavigationBarColor2() {
+        uni.setNavigationBarColor({
+          frontColor: '#000000',
+          backgroundColor: '#0000',
+          success: () => {
+            this.navigationBarTextColor = '#000'
+            console.log('setNavigationBarColor success')
+            this.setLifeCycleNum(state.lifeCycleNum + 1)
+          },
+          fail: () => {
+            console.log('setNavigationBarColor fail')
+            this.setLifeCycleNum(state.lifeCycleNum - 1)
+          },
+          complete: () => {
+            console.log('setNavigationBarColor complete')
+            this.setLifeCycleNum(state.lifeCycleNum + 1)
+          }
+        })
       },
+      ChangeView(e:UniRadioGroupChangeEvent){
+        this.indexView = parseInt(e.detail.value)
+      },
+      // 自动化测试
+      getLifeCycleNum() : number {
+        return state.lifeCycleNum
+      },
+      // 自动化测试
+      setLifeCycleNum(num : number) {
+        setLifeCycleNum(num)
+      },
     }
   }
 </script>
@@ -108,11 +129,11 @@
     margin: 5px 10px;
     background-color: #fff;
     border-radius: 5px;
-  }
-
-  .cell-item {
-    display: flex;
-    flex-direction: column;
+  }
+
+  .cell-item {
+    display: flex;
+    flex-direction: column;
   }
 
   .text {
-- 
GitLab