From d1472f024ff3b3ef426724359c175a36ee21dc6c Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 05 Dec 2023 15:57:00 +0800
Subject: [PATCH] 校园切换方式更换
---
src/components/mobileCortrolSearch/index.vue | 75 +++++++++++++++++++++++++++----------
1 files changed, 55 insertions(+), 20 deletions(-)
diff --git a/src/components/mobileCortrolSearch/index.vue b/src/components/mobileCortrolSearch/index.vue
index 125477a..28bb663 100644
--- a/src/components/mobileCortrolSearch/index.vue
+++ b/src/components/mobileCortrolSearch/index.vue
@@ -4,20 +4,13 @@
-->
<div class="m-left-mobileCortrolSearch">
<div class="m-left-SearchMain">
- <el-input
- placeholder="请输入内容"
- v-model="input"
- clearable
- size="small"
- class="m-left-S-input"
- >
- <el-button
- slot="append"
- class="iconSearch"
- icon="el-icon-search icon"
- @click="search"
- ></el-button>
- </el-input>
+ <slot name="selectCampusBox"></slot>
+
+ <div class="m-left-input-box">
+ <el-input placeholder="请输入内容" v-model="input" clearable size="small" class="m-left-S-input">
+ <el-button slot="append" class="iconSearch" icon="el-icon-search icon" @click="search"></el-button>
+ </el-input>
+ </div>
</div>
</div>
</template>
@@ -52,31 +45,73 @@
.m-left-mobileCortrolSearch {
width: 100%;
position: fixed;
- top: 0;
+ top: 10px;
// left: 20px;
z-index: 200;
+
.m-left-SearchMain {
- margin: 0 auto;
- width: 60%;
+ margin: 0 2%;
+ width: 96%;
position: relative;
z-index: 1;
- top: 20px;
display: flex;
align-items: center;
justify-content: center;
+
+ .m-left-input-box {
+ flex: 1;
+
+ ::v-deep(input) {
+ border-radius: 0 !important;
+ border: none !important;
+ background-color: #f1f1f1;
+ }
+ }
+
+ &>div:first-child {
+ border-radius: 4px 0 0 4px !important;
+
+ .m-left-S-input {
+ border-radius: 4px 0 0 4px !important;
+
+ ::v-deep(input) {
+ border-radius: 4px 0 0 4px !important;
+ }
+ }
+ }
+
.m-left-S-input {
border: none;
font-size: 16px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+ ::v-deep(input) {
+ flex: 1 !important;
+ }
+
+ ::v-deep(.el-input-group__append) {
+ width: 0 !important;
+ border: none !important;
+ border-radius: 0 !important;
+
+ button {
+ border-radius: 0 4px 4px 0 !important;
+ }
+ }
}
+
.iconSearch {
- width: 30px;
- height: 30px;
+ width: 32px;
+ height: 32px;
padding-top: 0;
padding-bottom: 0;
background-color: rgb(33, 150, 243);
display: flex;
align-items: center;
justify-content: center;
+ border: none !important;
font-size: 24px;
color: #fff;
}
--
Gitblit v1.9.3