<template>
|
<div class="page">
|
<div class="topBox">
|
<div class="searchBox">
|
<el-input
|
class="custom-input"
|
placeholder="请输入内容"
|
v-model="searchText"
|
@keyup.enter="searchBook"
|
>
|
<template #suffix>
|
<el-icon @click="searchBook"><Search /></el-icon>
|
</template>
|
</el-input>
|
</div>
|
<div class="manageBox">
|
<div class="manageItem"><img :src="jihe" /><div class="label">激活</div></div>
|
<div class="manageItem"><img :src="jihe" /><div class="label">管理</div></div>
|
<div class="manageItem"><img :src="jihe" /><div class="label">更多教材</div></div>
|
</div>
|
</div>
|
<div class="contentBox"></div>
|
</div>
|
</template>
|
<script setup lang="ts">
|
import { useRouter, onBeforeRouteUpdate } from 'vue-router'
|
import { ref, onMounted,inject } from 'vue'
|
const router = useRouter()
|
const MG: any = inject('MG')
|
|
import jihe from '@/assets/images/menu/jihe.png'
|
|
const searchText = ref('')
|
onMounted(() => {})
|
|
const searchBook = () => {}
|
</script>
|
|
<style lang="less">
|
.page {
|
width: 100%;
|
height: 100%;
|
padding: 20px;
|
.topBox {
|
display: flex;
|
.searchBox {
|
padding: 0 20px;
|
.el-input .el-input__wrapper{
|
border-radius:20px !important;
|
height:34px;
|
background: #FFFFFF;
|
|
}
|
}
|
.manageBox {
|
display: flex;
|
.manageItem {
|
margin: 0 15px;
|
display:flex;
|
align-items: center;
|
justify-content: center;
|
img{
|
width:24px;
|
height:24px;
|
}
|
.label{
|
padding-left:10px;
|
}
|
}
|
}
|
}
|
}
|
</style>
|
