From 4af47e6507183a18f676d9fcabc122084546f37e Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 08 Mar 2022 17:42:19 +0800
Subject: [PATCH] .
---
src/components/mobileCortrolSearch/index.vue | 139 ++++++++++++++++++++++-----------------------
1 files changed, 68 insertions(+), 71 deletions(-)
diff --git a/src/components/mobileCortrolSearch/index.vue b/src/components/mobileCortrolSearch/index.vue
index 294b324..547b175 100644
--- a/src/components/mobileCortrolSearch/index.vue
+++ b/src/components/mobileCortrolSearch/index.vue
@@ -1,86 +1,83 @@
<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 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>
- </div>
</template>
<script>
export default {
- name: "mobileCortrolSearch",
- computed: {},
- data() {
- return {
- viewer: null,
- DC: null,
- input: "",
- };
- },
- created() {
- this.DC = global.DC;
- },
- mounted() {},
- methods: {
- initialize(viewer) {
- viewer.scene.globe.depthTestAgainstTerrain = false;
- this.viewer = viewer;
+ name: 'mobileCortrolSearch',
+ computed: {},
+ data () {
+ return {
+ viewer: null,
+ input: ''
+ }
},
- search() {
- let that = this;
- this.$store.commit("MSET_BIGPOPUP", { search: true, value: that.input });
- that.input = "";
+ created () {
},
- },
-};
+ 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;
+ 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;
+ }
}
- .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