| | |
| | | <template> |
| | | <div> |
| | | <campusNav ref="campusNavRoute" |
| | | v-show="campusNavFlag" /> |
| | | <div class="map-campus-serarch"> |
| | | <el-input class="search-input" |
| | | placeholder="校园搜索…" |
| | |
| | | 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) |
| | | } |
| | | } |
| | | } |
| | | |
| | |
| | | width: 320px; |
| | | height: 40px; |
| | | z-index: 11; |
| | | border-radius: 5px; |
| | | box-shadow: 0 0 10px 2px #666; |
| | | |
| | | .search-input { |
| | | float: left; |
| | |
| | | border-radius: 5px 0 0 5px; |
| | | |
| | | input { |
| | | border: none; |
| | | border-right: 1px solid #dcdfe6; |
| | | border-radius: 5px 0 0 5px; |
| | | } |
| | | } |