1

mayisheng

2022-08-15 81f54040c2cb65537c6c6e1db8358a39a57dea0d

 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;
    }
  }
}