<template>
|
<div class="spLeft">
|
<div class="input-search">
|
<el-input placeholder="请输入关键字" clearable></el-input>
|
<el-button type="primary" icon="el-icon-search" @click="handleSearch">搜索</el-button>
|
<el-button icon="el-icon-refresh" @click="handleReset">清空</el-button>
|
</div>
|
</div>
|
<div class="spRight"></div>
|
</template>
|
|
<script setup>
|
|
function handleSearch() {}
|
function handleReset() {}
|
</script>
|
|
<style scoped lang="scss">
|
.spLeft {
|
position: absolute;
|
top: 0;
|
left: 0;
|
height: 95%;
|
z-index: 99;
|
width: 392px;
|
overflow: hidden;
|
background: rgba(0, 0, 0, 0.8);
|
border-radius: 8px 8px 8px 8px;
|
padding: 16px 12px;
|
.input-search {
|
display: flex;
|
.el-input {
|
margin-right: 10px;
|
}
|
}
|
}
|
.spRight {
|
position: absolute;
|
top: 0;
|
right: 0;
|
height: 95%;
|
z-index: 99;
|
width: 324px;
|
overflow: hidden;
|
background: rgba(0, 0, 0, 0.8);
|
border-radius: 8px 8px 8px 8px;
|
padding: 16px 12px;
|
}
|
</style>
|
