github
/
halo
mirror of https://github.com/halo-dev/halo
1
0
Fork 0
Code Issues Releases Wiki Activity

Refactor PageList

pull/3445/head
ruibaby 2019-04-10 20:56:42 +08:00
parent e283228726
commit 881674ab87
1 changed files with 46 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/views/page/PageList.vue
View File

@ -1,6 +1,20 @@
<template> <template>
<div class="page-header-index-wide"> <div class="page-header-index-wide">
Page list <a-row>
<a-col :xl="24" :lg="24" :md="24" :sm="24" :xs="24">
<div class="card-container">
<a-tabs type="card">
<a-tab-pane tab="内置页面" key="internal">
内置页面
</a-tab-pane>
<a-tab-pane tab="自定义页面" key="custom">
自定义页面
</a-tab-pane>
</a-tabs>
</div>
</a-col>
</a-row>
</div>
</div> </div>
</template> </template>
@ -8,4 +22,34 @@
export default {} export default {}
</script> </script>
<style scoped></style> <style>
.card-container {
background: #f5f5f5;
}
.card-container > .ant-tabs-card > .ant-tabs-content {
margin-top: -16px;
}
.card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
background: #fff;
padding: 16px;
}
.card-container > .ant-tabs-card > .ant-tabs-bar {
border-color: #fff;
}
.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab {
border-color: transparent;
background: transparent;
}
.card-container > .ant-tabs-card > .ant-tabs-bar .ant-tabs-tab-active {
border-color: #fff;
background: #fff;
}
.ant-form-vertical .ant-form-item {
padding-bottom: 0;
}
</style>