style: 主题适配

This commit is contained in:
wangjiahao 2022-08-03 18:34:22 +08:00
parent 5b53aeb514
commit 15dd9fce18
5 changed files with 12 additions and 8 deletions

View File

@ -49,7 +49,7 @@ export default {
border-radius: 4px; border-radius: 4px;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 14%); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 14%);
box-sizing: border-box; box-sizing: border-box;
background: #f5f6f7; background-color: var(--MainBG,#f5f6f7);
overflow: hidden; overflow: hidden;
padding: 24px 24px 24px 24px; padding: 24px 24px 24px 24px;
height: 100%; height: 100%;
@ -61,14 +61,14 @@ export default {
font-weight: 500; font-weight: 500;
line-height: 28px; line-height: 28px;
text-align: left; text-align: left;
color: #1F2329; color: var(--TextPrimary, #1F2329);
width: 100%; width: 100%;
margin: 0; margin: 0;
} }
.container-wrapper { .container-wrapper {
width: 100%; width: 100%;
overflow: auto; overflow: auto;
background: #fff; background-color: var(--ContentBG, #FFFFFF);
margin-top: 24px; margin-top: 24px;
padding: 24px; padding: 24px;
flex: 1; flex: 1;

View File

@ -303,7 +303,7 @@ export default {
height: calc(100vh - 56px); height: calc(100vh - 56px);
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
background: #fff; background-color: var(--ContentBG,#ffffff);
} }
.aside-inActive{ .aside-inActive{
@ -337,6 +337,7 @@ export default {
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
color: var(--TextPrimary, #1F2329);
} }
.insert-filter { .insert-filter {
@ -403,6 +404,7 @@ export default {
font-size: 20px; font-size: 20px;
line-height: 28px; line-height: 28px;
margin-bottom: 24px; margin-bottom: 24px;
color: var(--TextPrimary, #1F2329);
} }
.margin-top16 { .margin-top16 {

View File

@ -88,6 +88,7 @@ export default {
white-space:nowrap; white-space:nowrap;
overflow:hidden; overflow:hidden;
text-overflow:ellipsis; text-overflow:ellipsis;
color: var(--TextPrimary, #1F2329);
} }
.template-img { .template-img {

View File

@ -67,7 +67,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
width: 182px; width: 182px;
height: 116px; height: 116px;
background: #ffffff; background-color: var(--ContentBG,#ffffff);
border: 1px solid #DEE0E3 ; border: 1px solid #DEE0E3 ;
border-radius: 4px; border-radius: 4px;
flex: none; flex: none;

View File

@ -158,7 +158,7 @@ export default {
_this.$nextTick(() => { _this.$nextTick(() => {
const curSeparator = Math.trunc(templateMainDom.offsetWidth / _this.templateMiniWidth) const curSeparator = Math.trunc(templateMainDom.offsetWidth / _this.templateMiniWidth)
_this.templateSpan = (100 / Math.trunc(templateMainDom.offsetWidth / _this.templateMiniWidth)) + '%' _this.templateSpan = (100 / Math.trunc(templateMainDom.offsetWidth / _this.templateMiniWidth)) + '%'
_this.templateCurWidth = Math.trunc(templateMainDom.offsetWidth / curSeparator) - 32 _this.templateCurWidth = Math.trunc(templateMainDom.offsetWidth / curSeparator) - 33
}) })
}) })
}, },
@ -266,7 +266,7 @@ export default {
height: calc(100vh - 190px)!important; height: calc(100vh - 190px)!important;
overflow-x: hidden; overflow-x: hidden;
overflow-y: auto; overflow-y: auto;
background: #fff ; background-color: var(--ContentBG,#ffffff);
} }
.market-main{ .market-main{
padding:24px padding:24px
@ -276,6 +276,7 @@ export default {
font-size: 20px; font-size: 20px;
font-weight: 500; font-weight: 500;
line-height: 28px; line-height: 28px;
color: var(--TextPrimary, #1F2329);
} }
.title-right{ .title-right{
float: right; float: right;
@ -322,7 +323,7 @@ export default {
.outer-body{ .outer-body{
width: 100%; width: 100%;
height: calc(100vh - 56px); height: calc(100vh - 56px);
background: #f5f6f7; background-color: var(--MainBG,#f5f6f7);
} }
.market-dialog-css{ .market-dialog-css{