81 lines
1.3 KiB
Vue
81 lines
1.3 KiB
Vue
<template>
|
|
<div class="wrapper">
|
|
<!-- TODO 目前数据少暂且不用 -->
|
|
<!-- <div class="list">
|
|
<div class="list-item active">
|
|
文章页
|
|
</div>
|
|
</div> -->
|
|
<div class="content">
|
|
<Article @callbacked="callbackArticle" :selected="true" />
|
|
</div>
|
|
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import Article from "@/views/page/article-manage/articleList.vue";
|
|
export default {
|
|
components: {
|
|
Article,
|
|
},
|
|
data() {
|
|
return {};
|
|
},
|
|
methods: {
|
|
callbackArticle(val) {
|
|
val.___type = "pages";
|
|
|
|
val.___path = "/pages/public/article";
|
|
|
|
this.$emit("selected", [val]);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
/deep/ .ivu-card-body {
|
|
height: 414px;
|
|
overflow: auto;
|
|
}
|
|
.ivu-table-wrapper ivu-table-wrapper-with-border {
|
|
height: 300px !important;
|
|
}
|
|
.list {
|
|
margin: 0 1.5%;
|
|
height: 400px;
|
|
overflow: auto;
|
|
> .list-item {
|
|
padding: 10px;
|
|
transition: 0.35s;
|
|
cursor: pointer;
|
|
}
|
|
.list-item:hover {
|
|
background: #ededed;
|
|
}
|
|
}
|
|
.list {
|
|
flex: 2;
|
|
width: auto;
|
|
}
|
|
.content {
|
|
overflow: hidden;
|
|
flex: 8;
|
|
height: 431px;
|
|
}
|
|
.active {
|
|
background: #ededed;
|
|
}
|
|
.wrapper {
|
|
height: 416px;
|
|
overflow: hidden;
|
|
}
|
|
/deep/ .ivu-table {
|
|
height: 300px !important;
|
|
overflow: auto;
|
|
}
|
|
/deep/ .ivu-card-body {
|
|
padding: 0;
|
|
height: auto;
|
|
}
|
|
</style>
|