From 8c121763b7aa6d1e8a9ad9f38f79f11a92e50ef4 Mon Sep 17 00:00:00 2001
From: liuyg <376836862@qq.com>
Date: Thu, 31 Mar 2022 16:09:37 +0800
Subject: [PATCH] +加名字
---
src/components/mobileCortrolSearch/index.vue | 138 +++++++++++++++++++++++----------------------
1 files changed, 70 insertions(+), 68 deletions(-)
diff --git a/src/components/mobileCortrolSearch/index.vue b/src/components/mobileCortrolSearch/index.vue
index 547b175..545d6c9 100644
--- a/src/components/mobileCortrolSearch/index.vue
+++ b/src/components/mobileCortrolSearch/index.vue
@@ -1,83 +1,85 @@
<template>
- <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>
- </div>
+ <!-- 中间搜索
+mobileCortrolSearch
+ -->
+ <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>
</div>
+ </div>
</template>
<script>
export default {
- name: 'mobileCortrolSearch',
- computed: {},
- data () {
- return {
- viewer: null,
- input: ''
- }
+ name: "mobileCortrolSearch",
+ computed: {},
+ data() {
+ return {
+ viewer: null,
+ input: "",
+ };
+ },
+ created() {},
+ mounted() {},
+ methods: {
+ initialize(viewer) {
+ viewer.scene.globe.depthTestAgainstTerrain = false;
+ this.viewer = viewer;
},
- created () {
+ search() {
+ const that = this;
+ this.$store.commit("MSET_BIGPOPUP", { search: true, value: that.input });
+ that.input = "";
},
- mounted () { },
- methods: {
- initialize (viewer) {
- viewer.scene.globe.depthTestAgainstTerrain = false
- this.viewer = viewer
- },
- search () {
- const that = this
- this.$store.commit('MSET_BIGPOPUP', { search: true, value: that.input })
- that.input = ''
- }
- }
-}
+ },
+};
</script>
<style scoped lang="scss">
.m-left-mobileCortrolSearch {
- width: 100%;
- position: fixed;
- top: 0;
- // left: 20px;
- z-index: 200;
- .m-left-SearchMain {
- margin: 0 auto;
- width: 60%;
- position: relative;
- z-index: 1;
- top: 20px;
- 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;
- }
+ width: 100%;
+ position: fixed;
+ top: 0;
+ // left: 20px;
+ z-index: 200;
+ .m-left-SearchMain {
+ margin: 0 auto;
+ width: 60%;
+ position: relative;
+ z-index: 1;
+ top: 20px;
+ 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;
+ }
+ }
}
</style>
--
Gitblit v1.9.3