From 641df5480f6f25edb66a9c5f5a1744bce83de465 Mon Sep 17 00:00:00 2001
From: zhangxiaoxu123 <819527061@qq.com>
Date: 星期二, 03 一月 2023 22:26:06 +0800
Subject: [PATCH] 安卓按钮被顶起问题
---
src/components/page/invoice/index.vue | 13 ++++++++++---
1 files changed, 10 insertions(+), 3 deletions(-)
diff --git a/src/components/page/invoice/index.vue b/src/components/page/invoice/index.vue
index a4ab06a..7b029cf 100644
--- a/src/components/page/invoice/index.vue
+++ b/src/components/page/invoice/index.vue
@@ -7,6 +7,7 @@
</div>
<div class="invoice-main2">
<el-form
+ :inline="true"
:model="form"
class="invoice-main2-box"
ref="form"
@@ -15,14 +16,14 @@
prop="carNo"
class="carNum"
label="杞︾墝鍙�:"
- label-width="80px">
+ >
<el-input v-model="form.carNo" placeholder="杈撳叆杞︾墝鍙�"></el-input>
</el-form-item>
<el-form-item
prop="phone"
class="carNum"
label="鎵嬫満鍙�:"
- label-width="80px">
+ >
<el-input v-model="form.phone" placeholder="杈撳叆鎵嬫満鍙�"></el-input>
</el-form-item>
<el-form-item class="invoice-btn" v-if="isShowBtn">
@@ -100,7 +101,7 @@
methods: {
watchResize() {
//瀹炴椂鍙樺寲鐨勭獥鍙ｉ珮搴�
- this.showHeight = window.innerHeight;
+ this.showHeight = document.body.clientHeight;
},
checkWeiXin() {
// let userAgent = navigator.userAgent;
@@ -161,7 +162,12 @@
}
.el-form-item__label{
font-size: 3.73vw /* 28/7.5 */;
+ width: 24vw /* 180/7.5 */;
}
+ .el-form-item__content{
+ width: calc(100% - 24vw - 15px);
+ }
+
}
.invoice-wrap{
width: 100%;
@@ -216,6 +222,7 @@
}
.carNum{
margin-top: 10vw;
+ width: 100%;
}
.invoice-btn{
position: absolute;
--
Gitblit v1.9.1