From 82d13f47adbf2e62de4e6e639e8aaaa2be83944d Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Tue, 14 Dec 2021 15:20:05 +0800
Subject: [PATCH] +手机端弹框修改，加自动定位到点击地点
---
src/components/mobileCortrolSearch/index.vue | 20 +++++++++++++++++---
1 files changed, 17 insertions(+), 3 deletions(-)
diff --git a/src/components/mobileCortrolSearch/index.vue b/src/components/mobileCortrolSearch/index.vue
index 398d4cb..3926498 100644
--- a/src/components/mobileCortrolSearch/index.vue
+++ b/src/components/mobileCortrolSearch/index.vue
@@ -1,8 +1,12 @@
<template>
<div class="m-left-mobileCortrolSearch">
<div class="m-left-SearchMain">
- <el-input placeholder="请输入内容" v-model="input" clearable
- ><i class="el-icon-search icon"></i>
+ <el-input placeholder="请输入内容" v-model="input" clearable size="small"
+ ><el-button
+ slot="append"
+ class="iconSearch"
+ icon="el-icon-search"
+ ></el-button>
</el-input>
</div>
</div>
@@ -37,7 +41,7 @@
position: fixed;
top: 0;
// left: 20px;
- z-index: 1;
+ z-index: 200;
.m-left-SearchMain {
margin: 0 auto;
width: 60%;
@@ -47,6 +51,16 @@
display: flex;
align-items: center;
justify-content: center;
+ .iconSearch {
+ width: 30px;
+ height: 30px;
+ padding-top: 0;
+ padding-bottom: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 24px;
+ }
}
}
</style>
--
Gitblit v1.9.3