From 6467e4115c5284a15f393e3dd2ffb07ebd2a96d6 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期一, 28 十二月 2020 18:31:48 +0800 Subject: [PATCH] 2020-12-28 --- src/index.js | 3 src/templates/zshare/modalform/index.jsx | 2 src/tabviews/custom/components/card/prop-card/index.jsx | 8 src/assets/css/viewstyle.scss | 314 +++++++++++++++++++++++++++++++++++++++----- src/components/sidemenu/index.scss | 8 src/store/reducer.js | 1 src/tabviews/zshare/topSearch/index.jsx | 2 src/templates/zshare/formconfig.jsx | 14 ++ src/templates/formtabconfig/index.jsx | 2 src/views/main/index.jsx | 2 src/tabviews/zshare/mutilform/customSwitch/index.jsx | 3 src/store/options.js | 7 src/tabviews/zshare/mutilform/index.jsx | 11 + src/templates/modalconfig/index.jsx | 2 src/views/login/index.scss | 18 + src/menu/modalconfig/index.jsx | 2 src/templates/modalconfig/dragelement/card.jsx | 2 src/tabviews/custom/components/table/normal-table/index.scss | 3 src/tabviews/zshare/normalTable/index.scss | 4 src/views/login/index.jsx | 2 20 files changed, 339 insertions(+), 71 deletions(-) diff --git a/src/assets/css/viewstyle.scss b/src/assets/css/viewstyle.scss index 02b146b..87163cc 100644 --- a/src/assets/css/viewstyle.scss +++ b/src/assets/css/viewstyle.scss @@ -1,80 +1,320 @@ -.mk-white { - > .flex-container { - > .header-container { - background: #ffffff; - color: #000000; - box-shadow: 0 2px 8px #f0f1f2; +// bg1 涓昏儗鏅壊 +// bg2 娆¤儗鏅壊 +// font1 涓诲瓧浣撻鑹� +// color1 1闃惰壊 - 搴曡壊 +// color2 2闃惰壊 +// color3 3闃惰壊 +// color4 4闃惰壊 +// color5 5闃惰壊 +// color6 6闃惰壊 - 涓昏壊绯� +// color7 7闃惰壊 +// color8 8闃惰壊 +// color9 9闃惰壊 +// color10 10闃惰壊 +@mixin viewstyle($bg1, $bg2, $font1, $font2, $color1, $color2, $color3, $color4, $color5, $color6, $color7, $color8, $color9, $color10) { + .login-container { + background-color: $bg1; + .logo { + border-color: transparent; + .plat-name { + color: $font1; + } + } + .login-middle { + border-color: transparent; + .login-form-button { + background-color: $color6; + border-color: $color6; + } + .login-form-button[disabled] { + background-color: $color5; + border-color: $color5; + } + button.vercode { + color: $color6; + } + .ant-tabs { + .ant-tabs-tab.ant-tabs-tab-active { + color: $color6; + } + .ant-tabs-tab:hover { + color: $color6; + } + } + } + .login-bottom { + color: $font1; + a { + color: $font1; + } + } + } + #root > .main-view { + > .header-container { + background: $bg1; + color: $font1; + box-shadow: 0 1px 1px #d9d9d9; + + .header-setting span { + color: $font1; + } > .header-collapse i { - color: #000000; + color: $font1; } > .header-menu { li { span { - color: #000000; + color: $font1; } &:hover { span { - color: #1890ff; - border-bottom: 4px solid #1890ff; + color: $color6; + border-bottom: 4px solid $color6; } } &.active { span { - color: #1890ff; - border-bottom: 4px solid #1890ff; + color: $color6; + border-bottom: 4px solid $color6; } } } } - > .header-setting span { - color: #000000; - } - > .header-edit-box .dragdashboard { - background: #ffffff; - } } > .side-menu { border-right: 1px solid #d9d9d9; - background: #ffffff; + background: $bg1; > .ant-menu { - background: #ffffff; + background: $bg1; > .ant-menu-submenu { - color: #000000; - background: #ffffff; + color: $font1; + background: transparent; > .ant-menu-submenu-title { - background: #ffffff; &:hover { - color: #1890ff; + color: $font1; } > .ant-menu-submenu-arrow:before { - background: #000000; + background: $font1; } > .ant-menu-submenu-arrow:after { - background: #000000; + background: $font1; } } > .ant-menu-sub { - background: #ffffff; - box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25) inset; + background: transparent; + box-shadow: none; .ant-menu-item { - border-bottom: 1px solid #d9d9d9; - // background-color: #c4ebfd; a { - color: #000000; + color: $font2; } } } } > .ant-menu-submenu.ant-menu-submenu-open { - color: #1890ff; + > .ant-menu-submenu-title { + background: $bg2; + } } } - // .ant-menu-inline.ant-menu-sub { - // background: #ffffff; - // color: #000000; - // } + } + > .side-menu:not(.edit) { + > .ant-menu { + > .ant-menu-submenu { + > .ant-menu-sub { + .ant-menu-item.ant-menu-item-active, .ant-menu-item.ant-menu-item-selected { + background: $color5; + color: #ffffff; + a { + color: #ffffff; + } + } + } + } + } + } + >.content-box { + >.content-header { + >.ant-tabs { + >.ant-tabs-bar { + .ant-tabs-tab:hover { + color: $color5; + } + .ant-tabs-tab.ant-tabs-tab-active { + color: $color6; + } + .ant-tabs-ink-bar { + background-color: $color6; + } + } + } + } + .normal-data-table, .normal-custom-table { + table { + .ant-table-tbody { + > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td { + background-color: $color1; + } + > tr.ant-table-row-selected:not(.background) td { + background-color: $color1; + } + > tr.ant-table-row-selected:not(.background):hover .ant-table-column-sort { + background-color: $color1; + } + > tr.mk-row-active:not(.background) td { + background-color: $color3; + } + > tr.ant-table-row-selected.mk-row-active:not(.background):hover .ant-table-column-sort { + background-color: $color3; + } + } + } + } + .top-search { + >.ant-row { + .ant-col.search-button { + .ant-btn:not(.ant-btn-primary):active, .ant-btn:not(.ant-btn-primary).active, .ant-btn:not(.ant-btn-primary):hover, .ant-btn:not(.ant-btn-primary):focus { + color: $color7; + border-color: $color7; + } + .ant-btn-primary { + background-color: $color6; + border-color: $color6; + } + } + } + } + .ant-tabs-nav .ant-tabs-tab-active { + color: $color6; + } + .ant-tabs-nav .ant-tabs-ink-bar { + background-color: $color6; + } + .ant-tabs-nav .ant-tabs-tab:active { + color: $color7; + } + .ant-tabs-nav .ant-tabs-tab:hover { + color: $color5; + } + .ant-pagination { + .ant-pagination-item-active { + border-color: $color6; + a { + color: $color6; + } + } + .ant-pagination-item:hover a { + color: $color6; + } + .ant-pagination-prev:hover .ant-pagination-item-link { + color: $color6; + } + .ant-pagination-next:hover .ant-pagination-item-link { + color: $color6; + } + } } } -} \ No newline at end of file + + // 绯荤粺鏍峰紡淇敼 + // .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) { + // background-color: $color1; + // } + // .ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) { + // background-color: $color1; + // } + // // 澶嶉�夋 + // .ant-checkbox-checked .ant-checkbox-inner { + // background-color: $color6; + // border-color: $color6; + // } + // .ant-checkbox-checked::after { + // border: 1px solid $color6; + // } + // .ant-checkbox-indeterminate .ant-checkbox-inner::after { + // background-color: $color6; + // } + // .ant-checkbox-wrapper:hover .ant-checkbox-inner, .ant-checkbox:hover .ant-checkbox-inner, .ant-checkbox-input:focus + .ant-checkbox-inner { + // border-color: $color6; + // } + // // 涓嬫媺妗� + // .ant-select-selection:hover { + // border-color: $color5; + // } + // .ant-select-focused .ant-select-selection, .ant-select-selection:focus, .ant-select-selection:active { + // border-color: $color5; + // box-shadow: 0 0 0 2px $color2; + // } + // // 鍒囨崲 + // .ant-switch-checked { + // background-color: $color6; + // } + // // 杈撳叆妗� + // .ant-input:hover { + // border-color: $color5; + // } + // .ant-input:focus, .ant-input:active { + // border-color: $color5; + // box-shadow: 0 0 0 2px $color2; + // } + // .ant-input-number-focused { + // border-color: $color5; + // box-shadow: 0 0 0 2px $color2; + // } + // .ant-input-number:hover, .ant-input-number:focus, .ant-input-number:active, .ant-input-number-input:hover, .ant-input-number-input:focus, .ant-input-number-input:active, .ant-input-number-focused:hover, .ant-input-number-focused:focus, .ant-input-number-focused:active { + // border-color: $color5; + // } + // .ant-input-number:focus, .ant-input-number:active { + // box-shadow: 0 0 0 2px $color2; + // } + // // 鏃ュ巻 + // .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) { + // border-color: $color5; + // } +} + +@mixin bgblack() { + #root > .main-view { + > .header-container { + box-shadow: none; + > .header-menu { + li { + &:hover, &.active { + span { + color: #ffffff; + } + } + } + } + } + } +} + +body.mk-blue-black { + --antd-wave-shadow-color: #1890ff; + @include viewstyle(#000000, #434343,rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65), #e6f7ff, #bae7ff, #91d5ff, #69c0ff, #40a9ff, #1890ff, #096dd9, #0050b3, #003a8c, #002766); + @include bgblack(); +} +body.mk-blue-white { + --antd-wave-shadow-color: #1890ff; + @include viewstyle(#ffffff, #ffffff, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65), #e6f7ff, #bae7ff, #91d5ff, #69c0ff, #40a9ff, #1890ff, #096dd9, #0050b3, #003a8c, #002766); +} +body.mk-red-black { + --antd-wave-shadow-color: #f5222d; + @include viewstyle(#000000, #434343,rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65), #fff1f0, #ffccc7, #ffa39e, #ff7875, #ff4d4f, #f5222d, #cf1322, #a8071a, #820014, #5c0011); + @include bgblack(); +} +body.mk-red-white { + --antd-wave-shadow-color: #f5222d; + @include viewstyle(#ffffff, #ffffff, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65), #fff1f0, #ffccc7, #ffa39e, #ff7875, #ff4d4f, #f5222d, #cf1322, #a8071a, #820014, #5c0011); +} +body.mk-orange-black { + --antd-wave-shadow-color: #fa8c16; + @include viewstyle(#000000, #434343,rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.65), #fff7e6, #ffe7ba, #ffd591, #ffc069, #ffa940, #fa8c16, #d46b08, #ad4e00, #873800, #612500); + @include bgblack(); +} +body.mk-orange-white { + --antd-wave-shadow-color: #fa8c16; + @include viewstyle(#ffffff, #ffffff, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.65), #fff7e6, #ffe7ba, #ffd591, #ffc069, #ffa940, #fa8c16, #d46b08, #ad4e00, #873800, #612500); +} diff --git a/src/components/sidemenu/index.scss b/src/components/sidemenu/index.scss index 954e8de..947f373 100644 --- a/src/components/sidemenu/index.scss +++ b/src/components/sidemenu/index.scss @@ -16,11 +16,11 @@ .ant-menu-sub.ant-menu-inline { position: relative; } - .ant-menu-sub.ant-menu-inline > .ant-menu-item { // 閲嶇疆涓夌骇鑿滃崟琛岄珮 + .ant-menu-sub.ant-menu-inline > .ant-menu-item { height: 38px; line-height: 38px; margin: 0px; - border-bottom: 1px solid #000c17; + // border-bottom: 1px solid #000c17; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; @@ -31,10 +31,10 @@ top: -5px; } } - .ant-menu-sub.ant-menu-inline > .ant-menu-item.ant-menu-item-active { // 閲嶇疆涓夌骇鑿滃崟琛岄珮 + .ant-menu-sub.ant-menu-inline > .ant-menu-item.ant-menu-item-active { background: #06b4f7; } - .ant-menu-sub.ant-menu-inline > .ant-menu-item.ant-menu-item-selected { // 閲嶇疆涓夌骇鑿滃崟琛岄珮 + .ant-menu-sub.ant-menu-inline > .ant-menu-item.ant-menu-item-selected { background: #06b4f7; } .ant-menu-inline .ant-menu-item { diff --git a/src/index.js b/src/index.js index 8b4739e..bed4ffe 100644 --- a/src/index.js +++ b/src/index.js @@ -158,6 +158,9 @@ link.href = GLOB.favicon document.getElementsByTagName('head')[0].appendChild(link) } + if (GLOB.style && options.styles[GLOB.style]) { + document.body.className = options.styles[GLOB.style] + } } catch { console.warn('Parse Failure') } diff --git a/src/menu/modalconfig/index.jsx b/src/menu/modalconfig/index.jsx index 2c9c5ab..927175e 100644 --- a/src/menu/modalconfig/index.jsx +++ b/src/menu/modalconfig/index.jsx @@ -199,7 +199,7 @@ _formfields = config.fields } - _inputfields = _formfields.filter(item => item.type === 'text' || item.type === 'number' || item.type === 'color') + _inputfields = _formfields.filter(item => item.type === 'text' || item.type === 'number' || item.type === 'textarea' || item.type === 'color') _tabfields = _formfields.filter(item => card.field !== item.field && item.hidden !== 'true' && ['text', 'number', 'select', 'link'].includes(item.type)) _tabfields.unshift({field: '', text: '鍘熻〃鍗�'}) diff --git a/src/store/options.js b/src/store/options.js index fc36c60..b148004 100644 --- a/src/store/options.js +++ b/src/store/options.js @@ -5,6 +5,11 @@ cakey: 'MjAyMDAxMTYxMjQwMDQ2NDM$mk2N0QzODE2MjExNUI0MTc4OTVDMQ==', cdomain: 'aHR0cDovL2Nsb3V$mkkLm1rOWguY24=', // window.btoa('') 鍩熷悕 涓嶅甫 /; baoshide ( aHR0cDovL2Nsb3VkLnBv$mkc2l0ZWNncm91cC5jb206ODA4MA== ) styles: { - white: 'mk-white' + bg_black_style_blue: 'mk-blue-black', + bg_white_style_blue: 'mk-blue-white', + bg_black_style_red: 'mk-red-black', + bg_white_style_red: 'mk-red-white', + bg_black_style_orange: 'mk-orange-black', + bg_white_style_orange: 'mk-orange-white', } } \ No newline at end of file diff --git a/src/store/reducer.js b/src/store/reducer.js index a203f8b..ba3511a 100644 --- a/src/store/reducer.js +++ b/src/store/reducer.js @@ -81,6 +81,7 @@ } case Type.RESET_EDITSTATE: // 閲嶇疆缂栬緫鐘舵�� + document.body.className = '' return { ...state, tabviews: [], diff --git a/src/tabviews/custom/components/card/prop-card/index.jsx b/src/tabviews/custom/components/card/prop-card/index.jsx index 9c6b721..a313c2e 100644 --- a/src/tabviews/custom/components/card/prop-card/index.jsx +++ b/src/tabviews/custom/components/card/prop-card/index.jsx @@ -42,15 +42,15 @@ _sync = _config.setting.sync === 'true' if (_sync && data) { - _data = data[_config.dataName] + _data = data[_config.dataName] || {} if (_data && Array.isArray(_data)) { - _data = _data[0] + _data = _data[0] || {} } _sync = false } else if (_sync && initdata) { - _data = initdata + _data = initdata || {} if (_data && Array.isArray(_data)) { - _data = _data[0] + _data = _data[0] || {} } _sync = false } diff --git a/src/tabviews/custom/components/table/normal-table/index.scss b/src/tabviews/custom/components/table/normal-table/index.scss index 2b5737c..6955b50 100644 --- a/src/tabviews/custom/components/table/normal-table/index.scss +++ b/src/tabviews/custom/components/table/normal-table/index.scss @@ -51,7 +51,4 @@ line-height: 150px!important; } } - .normal-data-table { - padding: 0; - } } \ No newline at end of file diff --git a/src/tabviews/zshare/mutilform/customSwitch/index.jsx b/src/tabviews/zshare/mutilform/customSwitch/index.jsx index 4c8d573..4a3c83a 100644 --- a/src/tabviews/zshare/mutilform/customSwitch/index.jsx +++ b/src/tabviews/zshare/mutilform/customSwitch/index.jsx @@ -33,10 +33,11 @@ } render() { + const { Item } = this.props const { defaultChecked } = this.state return ( - <Switch defaultChecked={defaultChecked} onChange={this.onChange}/> + <Switch checkedChildren={Item.openText || ''} unCheckedChildren={Item.closeText || ''} defaultChecked={defaultChecked} onChange={this.onChange}/> ) } } diff --git a/src/tabviews/zshare/mutilform/index.jsx b/src/tabviews/zshare/mutilform/index.jsx index 2571aef..38a1c17 100644 --- a/src/tabviews/zshare/mutilform/index.jsx +++ b/src/tabviews/zshare/mutilform/index.jsx @@ -93,15 +93,18 @@ let deForms = [] // 闇�瑕佸姩鎬佽幏鍙栦笅鎷夎彍鍗曠殑琛ㄥ崟 formlist.forEach(item => { - if (item.type === 'text' || item.type === 'number') { // 鐢ㄤ簬杩囨护涓嬫媺鑿滃崟鍏宠仈琛ㄥ崟 + if (item.type === 'text' || item.type === 'number') { // 鐢ㄤ簬杩囨护涓嬫媺鑿滃崟鍏宠仈琛ㄥ崟 _inputfields.push(item.field) - } else if (item.type === 'textarea' && item.encryption === 'true') { // 鍔犲瘑瀛楁 - encrypts.push(item.field) + } else if (item.type === 'textarea') { + _inputfields.push(item.field) + if (item.encryption === 'true') { // 鍔犲瘑瀛楁 + encrypts.push(item.field) + } } else if (item.type === 'link') { linkFields[item.linkField] = linkFields[item.linkField] || [] linkFields[item.linkField].push(item.field) } - if (item.interception === 'true') { // 瀛楃鎴彇瀛楁 + if (item.interception === 'true') { // 瀛楃鎴彇瀛楁 intercepts.push(item.field) } }) diff --git a/src/tabviews/zshare/normalTable/index.scss b/src/tabviews/zshare/normalTable/index.scss index ec84ea9..3d4d957 100644 --- a/src/tabviews/zshare/normalTable/index.scss +++ b/src/tabviews/zshare/normalTable/index.scss @@ -22,9 +22,6 @@ tr { th { position: relative; - // .ant-table-column-title { - // white-space: nowrap; - // } } } } @@ -54,7 +51,6 @@ } .ant-table-body { overflow-x: auto!important; - // min-height: 90px; table { .ant-table-tbody > tr > td { vertical-align: top; diff --git a/src/tabviews/zshare/topSearch/index.jsx b/src/tabviews/zshare/topSearch/index.jsx index 6254e69..cf78035 100644 --- a/src/tabviews/zshare/topSearch/index.jsx +++ b/src/tabviews/zshare/topSearch/index.jsx @@ -642,7 +642,7 @@ if (showButton) { fields.push( - <Col span={6} style={{ whiteSpace: 'nowrap' }} key="actions"> + <Col span={6} style={{ whiteSpace: 'nowrap' }} className="search-button" key="actions"> <Form.Item label={' '} colon={false} style={{ minHeight: '40px' }}> <Button type="primary" onClick={this.handleSearch}> {dict['main.search']} diff --git a/src/templates/formtabconfig/index.jsx b/src/templates/formtabconfig/index.jsx index e99bdf9..c6be862 100644 --- a/src/templates/formtabconfig/index.jsx +++ b/src/templates/formtabconfig/index.jsx @@ -439,7 +439,7 @@ _formfields = [..._formfields, ...group.sublist] }) - _inputfields = _formfields.filter(item => item.type === 'text' || item.type === 'number' || item.type === 'color') + _inputfields = _formfields.filter(item => item.type === 'text' || item.type === 'number' || item.type === 'textarea' || item.type === 'color') _tabfields = _formfields.filter(item => card.field !== item.field && item.hidden !== 'true' && ['text', 'number', 'select', 'link'].includes(item.type)) _tabfields.unshift({field: '', text: '鍘熻〃鍗�'}) diff --git a/src/templates/modalconfig/dragelement/card.jsx b/src/templates/modalconfig/dragelement/card.jsx index 8228abe..19e6785 100644 --- a/src/templates/modalconfig/dragelement/card.jsx +++ b/src/templates/modalconfig/dragelement/card.jsx @@ -104,7 +104,7 @@ } else if (card.type === 'linkMain') { formItem = (<Input style={{marginTop: '4px'}} />) } else if (card.type === 'switch') { - formItem = (<Switch style={{marginTop: '8px'}} checked={card.initval}/>) + formItem = (<Switch checkedChildren={card.openText || ''} unCheckedChildren={card.closeText || ''} style={{marginTop: '8px'}} checked={card.initval}/>) } else if (card.type === 'radio') { formItem = card.options && card.options.length > 0 ? (<Radio.Group value={card.initval}> {card.options.map(cell => <Radio key={cell.key} value={cell.Value}>{cell.Text}</Radio>)} diff --git a/src/templates/modalconfig/index.jsx b/src/templates/modalconfig/index.jsx index 0b11fa9..81a6c82 100644 --- a/src/templates/modalconfig/index.jsx +++ b/src/templates/modalconfig/index.jsx @@ -276,7 +276,7 @@ _formfields = config.fields } - _inputfields = _formfields.filter(item => item.type === 'text' || item.type === 'number' || item.type === 'color') + _inputfields = _formfields.filter(item => item.type === 'text' || item.type === 'number' || item.type === 'textarea' || item.type === 'color') _tabfields = _formfields.filter(item => card.field !== item.field && item.hidden !== 'true' && ['text', 'number', 'select', 'link'].includes(item.type)) _tabfields.unshift({field: '', text: '鍘熻〃鍗�'}) diff --git a/src/templates/zshare/formconfig.jsx b/src/templates/zshare/formconfig.jsx index 32401b9..b069bc8 100644 --- a/src/templates/zshare/formconfig.jsx +++ b/src/templates/zshare/formconfig.jsx @@ -1963,6 +1963,20 @@ required: true }, { + type: 'text', + key: 'openText', + label: '寮�鍚彁绀�', + initVal: card.openText || '', + required: false + }, + { + type: 'text', + key: 'closeText', + label: '鍏抽棴鎻愮ず', + initVal: card.closeText || '', + required: false + }, + { type: 'radio', key: 'resourceType', label: Formdict['header.form.resourceType'], diff --git a/src/templates/zshare/modalform/index.jsx b/src/templates/zshare/modalform/index.jsx index 25fd8a5..40d2475 100644 --- a/src/templates/zshare/modalform/index.jsx +++ b/src/templates/zshare/modalform/index.jsx @@ -23,7 +23,7 @@ multiselect: ['initval', 'readonly', 'required', 'hidden', 'readin', 'resourceType', 'fieldlength', 'entireLine', 'tooltip'], link: ['initval', 'readonly', 'required', 'hidden', 'readin', 'resourceType', 'setAll', 'linkField', 'entireLine', 'tooltip', 'emptyText', 'enter'], fileupload: ['readonly', 'required', 'readin', 'fieldlength', 'maxfile', 'fileType', 'entireLine', 'tooltip'], - switch: ['initval', 'openVal', 'closeVal', 'readonly', 'hidden', 'readin', 'entireLine', 'tooltip'], + switch: ['initval', 'openVal', 'closeVal', 'openText', 'closeText', 'readonly', 'hidden', 'readin', 'entireLine', 'tooltip'], date: ['initval', 'readonly', 'required', 'hidden', 'readin', 'entireLine', 'tooltip'], datemonth: ['initval', 'readonly', 'required', 'hidden', 'readin', 'entireLine', 'tooltip'], datetime: ['initval', 'readonly', 'required', 'hidden', 'readin', 'entireLine', 'tooltip'], diff --git a/src/views/login/index.jsx b/src/views/login/index.jsx index 6f87a0d..d2f6bf9 100644 --- a/src/views/login/index.jsx +++ b/src/views/login/index.jsx @@ -341,7 +341,7 @@ window.GLOB.style = systemMsg.style if (window.GLOB.style && options.styles[window.GLOB.style]) { - document.getElementById('root').className = options.styles[window.GLOB.style] + document.body.className = options.styles[window.GLOB.style] } if (res.titlelogo && window.GLOB.favicon !== res.titlelogo) { diff --git a/src/views/login/index.scss b/src/views/login/index.scss index 0591041..55e32a2 100644 --- a/src/views/login/index.scss +++ b/src/views/login/index.scss @@ -55,6 +55,13 @@ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; + border-top: 0; + } + .ant-tabs-tab:first-child { + border-left: 0; + } + .ant-tabs-tab:last-child { + border-right: 0; } .ant-tabs-tab.ant-tabs-tab-active { cursor: default; @@ -90,6 +97,7 @@ min-width: 300px; border-radius: 5px; overflow: hidden; + border: 1px solid #e8e8e8; .form-item-wrap { padding: 0.6vw 1.6vw 1.6vw; @@ -199,11 +207,11 @@ color: #ffffff; } } - .ant-btn-primary[disabled] { - color: #fff; - background-color: #40a9ff; - border-color: #40a9ff; - } + // .ant-btn-primary[disabled] { + // color: #fff; + // background-color: #40a9ff; + // border-color: #40a9ff; + // } } .sync-cloud-application { .ant-modal-body { diff --git a/src/views/main/index.jsx b/src/views/main/index.jsx index dba8295..482423a 100644 --- a/src/views/main/index.jsx +++ b/src/views/main/index.jsx @@ -13,7 +13,7 @@ class Main extends Component { render () { return ( - <div className="flex-container"> + <div className="flex-container main-view"> <ConfigProvider locale={_locale}> <Header key="header"/> <Sidemenu key="sidemenu"/> -- Gitblit v1.8.0