47 lines
840 B
Vue
47 lines
840 B
Vue
|
<template>
|
||
|
|
<div class="AppNeighborLinkage">
|
||
|
|
<div class="header">
|
||
|
|
<div class="search">
|
||
|
|
<u-search placeholder="请输入需要搜索的内容" v-model="keyword" :show-action="false"></u-search>
|
||
|
|
</div>
|
||
|
|
<div class="select">
|
||
|
|
<div>全部状态</div>
|
||
|
|
<div>时间选择</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "AppNeighborLinkage",
|
||
|
|
appName: "四邻联动",
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
keyword:'',
|
||
|
|
}
|
||
|
|
},
|
||
|
|
onShow() {},
|
||
|
|
methods: {
|
||
|
|
tabClick(index) {
|
||
|
|
this.tabIndex = index
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.AppNeighborLinkage {
|
||
|
|
.header {
|
||
|
|
.search {
|
||
|
|
box-sizing: border-box;
|
||
|
|
padding: 24px 32px;
|
||
|
|
background: #4181FF;
|
||
|
|
height: 112px;
|
||
|
|
}
|
||
|
|
.select {
|
||
|
|
height: 112px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|