liuyg
2021-12-25 9c50a6a7cf6f40af955672f7b38950aa61a5484f
src/components/map/components/campusBuildingSearch.vue
@@ -1,7 +1,5 @@
<template>
    <div>
        <campusNav ref="campusNavRoute"
                   v-show="campusNavFlag" />
        <div class="map-campus-serarch">
            <el-input class="search-input"
                      placeholder="校园搜索…"
@@ -16,25 +14,52 @@
                           icon="el-icon-my-search"></el-button>
            </el-button-group>
        </div>
        <div class="map-campus-shortcut">
            <div class="shortcut-box">
                <ul>
                    <li><img src="" alt=""><span>党群机构</span></li>
                    <li><img src="" alt=""><span></span></li>
                    <li><img src="" alt=""><span></span></li>
                    <li><img src="" alt=""><span></span></li>
                    <li><img src="" alt=""><span></span></li>
                    <li><img src="" alt=""><span></span></li>
                    <li><img src="" alt=""><span></span></li>
                    <li><img src="" alt=""><span></span></li>
                    <li><img src="" alt=""><span></span></li>
                </ul>
            </div>
        </div>
    </div>
</template>
<script>
import { mapGetters } from 'vuex'
export default {
    name: 'campusBuildingSearch',
    data () {
        return {
            campusNavFlag: false
            shortcutList: [
                {
                    bgimg: '/img/search/',
                    span: '党群机构'
                }
            ]
        }
    },
    computed: {
        ...mapGetters([
            // 校内导航的显示关闭
            'campusNavFlag'
        ])
    },
    methods: {
        navigationShow () {
            this.campusNavFlag = true
        },
        closeCampusNav () {
            this.campusNavFlag = false
            if (this.campusNavFlag == false) {
                this.$store.commit('SET_CAMPUSNAVFLAG', true)
            }
        }
    }
@@ -52,6 +77,8 @@
    width: 320px;
    height: 40px;
    z-index: 11;
    border-radius: 5px;
    box-shadow: 0 0 10px 2px #666;
    .search-input {
        float: left;
@@ -59,6 +86,8 @@
        border-radius: 5px 0 0 5px;
        input {
            border: none;
            border-right: 1px solid #dcdfe6;
            border-radius: 5px 0 0 5px;
        }
    }