From 81f54040c2cb65537c6c6e1db8358a39a57dea0d Mon Sep 17 00:00:00 2001
From: mayisheng <admin>
Date: Mon, 15 Aug 2022 16:14:01 +0800
Subject: [PATCH] 1
---
src/components/mobileCortrolSearch/index.vue | 30 +++++++++++++++++++++---------
1 files changed, 21 insertions(+), 9 deletions(-)
diff --git a/src/components/mobileCortrolSearch/index.vue b/src/components/mobileCortrolSearch/index.vue
index 4b1edab..545d6c9 100644
--- a/src/components/mobileCortrolSearch/index.vue
+++ b/src/components/mobileCortrolSearch/index.vue
@@ -1,11 +1,20 @@
<template>
+ <!-- 中间搜索
+mobileCortrolSearch
+ -->
<div class="m-left-mobileCortrolSearch">
<div class="m-left-SearchMain">
- <el-input placeholder="请输入内容" v-model="input" clearable size="small"
- ><el-button
+ <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="el-icon-search icon"
@click="search"
></el-button>
</el-input>
@@ -20,13 +29,10 @@
data() {
return {
viewer: null,
- DC: null,
input: "",
};
},
- created() {
- this.DC = global.DC;
- },
+ created() {},
mounted() {},
methods: {
initialize(viewer) {
@@ -34,7 +40,7 @@
this.viewer = viewer;
},
search() {
- let that = this;
+ const that = this;
this.$store.commit("MSET_BIGPOPUP", { search: true, value: that.input });
that.input = "";
},
@@ -42,7 +48,7 @@
};
</script>
-<style scoped lang='scss'>
+<style scoped lang="scss">
.m-left-mobileCortrolSearch {
width: 100%;
position: fixed;
@@ -58,15 +64,21 @@
display: flex;
align-items: center;
justify-content: center;
+ .m-left-S-input {
+ border: none;
+ font-size: 16px;
+ }
.iconSearch {
width: 30px;
height: 30px;
padding-top: 0;
padding-bottom: 0;
+ background-color: rgb(33, 150, 243);
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
+ color: #fff;
}
}
}
--
Gitblit v1.9.3