@fonixtree/magic-design 0.0.18 → 0.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/my_node_modules/slick-carousel/slick/slick-theme.css.js +3 -1
- package/my_node_modules/slick-carousel/slick/slick.css.js +3 -1
- package/package.json +1 -1
- package/src/components/assets/less/cylon-antd.less.js +3 -1
- package/src/components/assets/less/index.less.js +3 -1
- package/src/components/common/AlignSelector/index.less.js +3 -1
- package/src/components/common/Button/index.less.js +3 -1
- package/src/components/common/ButtonIconLayout/index.less.js +3 -1
- package/src/components/common/Collapse/index.less.js +3 -1
- package/src/components/common/ColorPicker/index.less.js +3 -1
- package/src/components/common/ColorPickerInput/index.less.js +3 -1
- package/src/components/common/CountDown/index.less.js +3 -1
- package/src/components/common/Field/index.less.js +3 -1
- package/src/components/common/FontStyles/index.less.js +3 -1
- package/src/components/common/GroupList/index.less.js +3 -1
- package/src/components/common/IconPicker/index.less.js +3 -1
- package/src/components/common/Iconfont/index.less.js +3 -1
- package/src/components/common/ImageModal/CommonSelPicCard/index.less.js +3 -1
- package/src/components/common/ImageModal/index.less.js +3 -1
- package/src/components/common/ImagePicker/index.less.js +3 -1
- package/src/components/common/InputNumber/index.less.js +3 -1
- package/src/components/common/LayoutSelector/index.less.js +3 -1
- package/src/components/common/LinkModal/FilteredProductModal/index.less.js +3 -1
- package/src/components/common/LinkModal/ProductDetailPage/index.less.js +3 -1
- package/src/components/common/LinkModal/index.less.js +3 -1
- package/src/components/common/ProductModal/index.less.js +3 -1
- package/src/components/common/ProductSource/index.less.js +3 -1
- package/src/components/common/RcCollapse/index.less.js +3 -1
- package/src/components/common/Slider/index.less.js +3 -1
- package/src/components/common/SwitchCollapse/index.less.js +3 -1
- package/src/components/common/UrlPicker/index.less.js +3 -1
- package/src/components/composite-comp/bol/components/Banner/mobile/index.less.js +3 -1
- package/src/components/composite-comp/bol/components/Banner/pc/index.less.js +3 -1
- package/src/components/composite-comp/bol/components/Button/index.less.js +3 -1
- package/src/components/composite-comp/bol/components/Carousel/mobile/index.less.js +3 -1
- package/src/components/composite-comp/bol/components/Carousel/pc/index.less.js +3 -1
- package/src/components/composite-comp/bol/components/ImageGallery/mobile/index.less.js +3 -1
- package/src/components/composite-comp/bol/components/ImageText/mobile/index.less.js +3 -1
- package/src/components/composite-comp/bol/components/ImageText/pc/index.less.js +3 -1
- package/src/components/composite-comp/bol/components/Newsletter/index.less.js +3 -1
- package/src/components/composite-comp/bol/components/Tag/index.less.js +3 -1
- package/src/components/composite-comp/bol/components/Text/index.less.js +3 -1
- package/src/components/composite-comp/bol/config-panels/BannerConfig/BannerConfigGroup/index.less.js +3 -1
- package/src/components/composite-comp/bol/config-panels/BannerConfig/BannerConfigSetting/index.less.js +3 -1
- package/src/components/composite-comp/bol/config-panels/CarouselConfig/CarouselConfigSetting/index.less.js +3 -1
- package/src/components/composite-comp/bol/config-panels/TextCompConfig/TextConfigGroup/index.less.js +3 -1
- package/src/components/composite-comp/common/components/ImageLabel/index.less.js +3 -1
- package/src/components/composite-comp/common/components/ProductItem/index.less.js +3 -1
- package/src/components/composite-comp/common/config-panels/CustomizeConfig/index.less.js +3 -1
- package/src/components/composite-comp/common/config-panels/SpacingConfig/index.less.js +3 -1
- package/src/components/composite-comp/dito/components/FlashDeal/mobile/index.less.js +3 -1
- package/src/components/composite-comp/dito/components/Recommend/mobile/index.less.js +3 -1
- package/src/components/composite-comp/dito/components/SearchBar/mobile/index.less.js +3 -1
- package/src/components/composite-comp/dito/config-panels/RecommendConfig/RecommendConfigGroup/index.less.js +3 -1
- package/src/components/core/Designer/CompListPanel/CompCard/index.less.js +3 -1
- package/src/components/core/Designer/CompListPanel/index.less.js +3 -1
- package/src/components/core/Designer/ConfigPanel/index.less.js +3 -1
- package/src/components/core/Designer/PageCompList/index.less.js +3 -1
- package/src/components/core/Designer/QuickMenuBar/index.less.js +3 -1
- package/src/components/core/Designer/ViewArea/index.less.js +3 -1
- package/src/components/core/Designer/index.less.js +3 -1
- package/src/components/meta-comp/components/Button/index.less.js +3 -1
- package/src/components/meta-comp/components/Image/index.less.js +3 -1
- package/src/components/meta-comp/components/Text/index.less.js +3 -1
- package/src/components/meta-comp/config-panels/ButtonConfig/index.less.js +3 -1
- package/src/components/meta-comp/config-panels/ImageConfig/index.less.js +3 -1
- package/src/components/meta-comp/config-panels/TextConfig/index.less.js +3 -1
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "@import '../fonts/magic-box-iconfont.css';\n.
|
|
3
|
+
var css_248z = "@import '../fonts/magic-box-iconfont.css';\n.ml8 {\n margin-left: 8px;\n}\n.ml12 {\n margin-left: 12px;\n}\n.ml14 {\n margin-left: 14px;\n}\n.ml16 {\n margin-left: 16px;\n}\n.mr8 {\n margin-right: 8px;\n}\n.mr12 {\n margin-right: 12px;\n}\n.mr14 {\n margin-right: 14px;\n}\n.mr16 {\n margin-right: 16px;\n}\n.mt8 {\n margin-top: 8px;\n}\n.mt12 {\n margin-top: 12px;\n}\n.mt14 {\n margin-top: 14px;\n}\n.mt16 {\n margin-top: 16px;\n}\n.mt20 {\n margin-top: 20px;\n}\n.mb8 {\n margin-bottom: 8px;\n}\n.mb12 {\n margin-bottom: 12px;\n}\n.mb14 {\n margin-bottom: 14px;\n}\n.mb16 {\n margin-bottom: 16px;\n}\n.mb20 {\n margin-bottom: 20px;\n}\n.pt16 {\n padding-top: 16px;\n}\n.one_row {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n[contenteditable=\"true\"] {\n border: 1px solid transparent;\n}\n[contenteditable=\"true\"]:active,\n[contenteditable=\"true\"]:focus {\n border: 1px solid transparent;\n outline: none;\n}\n@font-face {\n font-family: 'Open Sans';\n src: url('../fonts/OpenSans-Bold.ttf');\n font-weight: 700;\n font-style: normal;\n}\n@font-face {\n font-family: 'Open Sans';\n src: url('../fonts/OpenSans-SemiBold.ttf');\n font-weight: 600;\n font-style: normal;\n}\n@font-face {\n font-family: 'Open Sans';\n src: url('../fonts/OpenSans-Regular.ttf');\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: 'Montserrat';\n src: url('../fonts/Montserrat-Regular.ttf');\n font-weight: 400;\n font-style: normal;\n}\n@font-face {\n font-family: 'Montserrat';\n src: url('../fonts/Montserrat-Medium.ttf');\n font-weight: 500;\n font-style: normal;\n}\n@font-face {\n font-family: 'Montserrat';\n src: url(../fonts/Montserrat-SemiBold.ttf);\n font-weight: 600;\n font-style: normal;\n}\n@font-face {\n font-family: 'Montserrat';\n src: url(../fonts/Montserrat-Bold.ttf);\n font-weight: 700;\n font-style: normal;\n}\n* {\n box-sizing: border-box;\n}\nbody {\n margin: 0;\n}\n[magic_design] .ant-select {\n border-radius: 4px;\n height: 36px;\n padding: 0 16px;\n}\n[magic_design] .ant-select .ant-select-selector {\n border-radius: 4px !important;\n}\n[magic_design] .ant-select.ant-select-sm {\n height: 32px;\n}\n[magic_design] .ant-select.ant-select-sm .ant-select-selector {\n height: 32px !important;\n}\n[magic_design] .ant-select.ant-select-sm .ant-select-selector .ant-select-selection-placeholder {\n line-height: calc(32px - 2px) !important;\n}\n[magic_design] .designer-wrap .ant-switch {\n min-width: 40px;\n height: 24px;\n}\n[magic_design] .designer-wrap .ant-switch::after {\n content: none;\n}\n[magic_design] .designer-wrap .ant-switch.ant-switch-checked {\n background: #2F54EB !important;\n}\n[magic_design] .designer-wrap .ant-switch.ant-switch-checked .ant-switch-handle {\n left: calc(100% - 18px - 3px);\n}\n[magic_design] .designer-wrap .ant-switch .ant-switch-handle {\n top: 3px;\n left: 3px;\n}\n[magic_design] .ant-dropdown .ant-dropdown-menu {\n border-radius: 10px;\n width: 200px;\n padding: 8px 0;\n}\n[magic_design] .ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item {\n padding: 16px 24px;\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n color: #232F46;\n}\n[magic_design] .ant-dropdown .ant-dropdown-menu .ant-dropdown-menu-item-active {\n background: #E9F0FF;\n color: #2F54EB;\n font-weight: 600;\n}\n[magic_design] .ant-slider .ant-slider-rail {\n background-color: #E9F0FF !important;\n height: 8px;\n}\n[magic_design] .ant-slider .ant-slider-track {\n background-color: #2F54EB !important;\n height: 8px;\n}\n[magic_design] .ant-slider .ant-slider-step {\n height: 8px;\n}\n[magic_design] .ant-slider .ant-slider-handle {\n height: 20px;\n width: 20px;\n margin-top: -6px !important;\n background-color: #597EF7 !important;\n border: solid 5px #fff !important;\n box-shadow: 1px 1px 4px 1px rgba(132, 147, 175, 0.21) !important;\n}\n[magic_design] .ant-table .ant-table-container .ant-table-header tr th {\n padding: 12.5px 16px;\n}\n[magic_design] .ant-table .ant-table-container .ant-table-body tr th {\n padding: 12.5px 16px;\n}\n[magic_design] .ant-table .ant-table-container .ant-table-body tr.ant-table-row-selected td {\n background: #E9F0FF;\n}\n[magic_design] .ant-table .ant-table-container .ant-table-content .ant-table-thead tr th {\n padding: 12.5px 16px;\n}\n[magic_design] .ant-table .ant-table-container .ant-table-content .ant-table-tbody tr td {\n padding: 12.5px 16px;\n}\n[magic_design] .ant-modal-wrap {\n display: flex;\n align-items: center;\n}\n[magic_design] .ant-modal-wrap .ant-modal {\n width: 100%;\n top: 0 !important;\n padding-bottom: 0px !important;\n}\n[magic_design] .ant-modal-wrap .ant-modal .ant-modal-content {\n border-radius: 8px !important;\n}\n[magic_design] .ant-modal-wrap .ant-modal .ant-modal-content .ant-modal-header {\n border-top-left-radius: 8px !important;\n border-top-right-radius: 8px !important;\n}\n[magic_design] .ant-input {\n border-radius: 4px !important;\n height: 36px;\n}\n[magic_design] .ant-input.ant-input-sm {\n height: 32px;\n}\n[magic_design] .ant-btn {\n height: 36px !important;\n border-radius: 4px !important;\n}\n[magic_design] .ant-btn.ant-btn-sm {\n height: 32px !important;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".m-align-selector {\n background: #F5F6F7;\n border-radius: 6px;\n padding: 4px;\n display: flex;\n align-items: center;\n width: fit-content;\n}\n.m-align-selector .item-icon {\n border-radius: 6px;\n width: 46px;\n height: 32px;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 4px;\n cursor: pointer;\n}\n.m-align-selector .item-icon:last-child {\n margin-right: 0px;\n}\n.m-align-selector .item-icon.active {\n background: #FFFFFF;\n box-shadow: -1px -1px 4px rgba(45, 48, 64, 0.08), 1px 1px 4px rgba(45, 48, 64, 0.08);\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".common_btn_wrap {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 48px;\n padding: 12px 24px;\n border-radius: 8px;\n cursor: pointer;\n font-family: 'Open Sans';\n font-weight: 600;\n font-size: 16px;\n}\n.common_btn_wrap.default {\n background: #F5F6F7;\n color: #232F46;\n}\n.common_btn_wrap.default:hover {\n background-color: #EDF0F4;\n}\n.common_btn_wrap.primary {\n background-color: #2F54EB;\n color: #FFFFFF;\n}\n.common_btn_wrap.primary:hover {\n background-color: #1D39C4;\n}\n.common_btn_wrap.light {\n background-color: #E9F0FF;\n color: #2F54EB;\n}\n.common_btn_wrap.light:hover {\n background-color: #D6E4FF;\n}\n.common_btn_wrap.icon_btn {\n background-color: #F5F6F7;\n color: #232F46;\n padding: 14px;\n}\n.common_btn_wrap.icon_btn:hover {\n background-color: #EDF0F4;\n}\n.common_btn_wrap.text {\n background: #F5F6F7;\n color: #2F54EB;\n font-weight: 400;\n}\n.common_btn_wrap.disabled {\n background-color: #EDF0F4;\n color: #8493AF;\n cursor: not-allowed;\n}\n.common_btn_wrap.disabled:hover {\n background-color: #EDF0F4 !important;\n}\n.common_btn_wrap.large {\n height: 56px;\n}\n.common_btn_wrap + .common_btn_wrap {\n margin-left: 12px;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".m-button-icon-layout {\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n.m-button-icon-layout .item-wrap {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 94px;\n height: 50px;\n background: #FFFFFF;\n border: 1px solid #D2D9E5;\n border-radius: 8px;\n margin-right: 12px;\n margin-bottom: 12px;\n cursor: pointer;\n}\n.m-button-icon-layout .item-wrap.active {\n border: 2px solid #2F54EB;\n color: #232F46;\n}\n.m-button-icon-layout .item-wrap.vertical {\n flex-direction: column;\n}\n.m-button-icon-layout .item-wrap.vertical .el:first-child {\n margin-right: 0;\n}\n.m-button-icon-layout .item-wrap .el:first-child {\n margin-right: 8px;\n}\n.m-button-icon-layout .item-wrap .text {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n color: #232F46;\n}\n.m-button-icon-layout .item-wrap img {\n height: 20px;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".collapse_wrap .rc-collapse .rc-collapse-item {\n border-bottom: 1px solid #EDF0F4;\n}\n.collapse_wrap .rc-collapse .rc-collapse-item .rc-collapse-header {\n padding: 0 5px;\n margin: 0 -5px;\n align-items: center;\n}\n.collapse_wrap .rc-collapse .rc-collapse-item .rc-collapse-header .rc-collapse-header-text {\n flex-grow: 1;\n}\n.collapse_wrap .rc-collapse .rc-collapse-item .rc-collapse-header.rc-collapse-header-hover {\n background: #E9F0FF;\n}\n.collapse_wrap .rc-collapse .rc-collapse-item .rc-collapse-content .rc-collapse-content-box {\n padding: 0;\n}\n.collapse_wrap .rc-collapse .header_wrap {\n padding: 20px 0;\n position: relative;\n color: #232F46;\n font-family: 'Open Sans';\n font-style: normal;\n box-sizing: content-box;\n}\n.collapse_wrap.bold_divider .rc-collapse .rc-collapse-item {\n border-bottom: 6px solid #EDF0F4;\n border-radius: 2px;\n}\n.collapse_wrap.bold_divider .rc-collapse .rc-collapse-item:last-child {\n border-bottom: none;\n}\n.collapse_wrap.solid_divider .rc-collapse .rc-collapse-item {\n border-bottom: 1px solid #EDF0F4;\n border-radius: 0px;\n}\n.collapse_wrap.solid_divider .rc-collapse .rc-collapse-item:last-child {\n border-bottom: none;\n}\n.collapse_wrap.dashed_divider .rc-collapse .rc-collapse-item {\n border-bottom: 1px dashed #D2D9E5;\n}\n.collapse_wrap.dashed_divider .rc-collapse .rc-collapse-item:last-child {\n border-bottom: none;\n}\n.collapse_wrap.large_header .header_wrap {\n font-size: 18px !important;\n line-height: 26px !important;\n height: 26px !important;\n font-weight: 700 !important;\n}\n.collapse_wrap.middle_header .header_wrap {\n font-size: 16px !important;\n line-height: 24px !important;\n height: 24px !important;\n font-weight: 600 !important;\n}\n.collapse_wrap.small_header .header_wrap {\n font-size: 14px !important;\n line-height: 22px !important;\n height: 22px !important;\n font-weight: 700 !important;\n}\n.collapse_wrap.default_header .header_wrap {\n font-size: 16px;\n line-height: 24px;\n height: 24px;\n font-weight: 600;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".m-color-picker-panel {\n position: absolute;\n z-index: 999;\n}\n.m-color-picker-panel .panel-bg {\n position: fixed;\n z-index: 0;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.m-color-picker-panel .sketch-picker .flexbox-fix:last-child > div > span > div {\n border-radius: 50px !important;\n}\n.m-color-picker-panel .sketch-picker .flexbox-fix:last-child div[title=\"rgba(255,255,255,0)\"] {\n background: url('./imgs/no-color.png') !important;\n background-size: 100% !important;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".m-color-picker-input .input-color {\n height: 60px;\n background: #FFFFFF;\n border: 1px solid #D2D9E5;\n border-radius: 8px;\n padding: 12px;\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n.m-color-picker-input .input-color .color-icon {\n display: inline-block;\n width: 36px;\n height: 36px;\n background-color: #000;\n border-radius: 50px;\n border: 1px solid #EDF0F4;\n}\n.m-color-picker-input .input-color .color-icon.transparent {\n background: url('./imgs/code.png') !important;\n}\n.m-color-picker-input .input-color .color-value {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-size: 16px;\n color: #232F46;\n margin-left: 12px;\n}\n.m-color-picker-input.dot .input-color {\n border: none;\n border-radius: 8px;\n}\n.m-color-picker-input.dot .input-color .color-icon {\n border-radius: 8px;\n}\n.m-color-picker-input.dot .color-value {\n display: none;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".count-down-wrap {\n display: flex;\n align-items: center;\n}\n.count-down-wrap span {\n background: #CC1D20;\n border-radius: 4px;\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 500;\n font-size: 12px;\n color: #FFFFFF;\n height: 16px;\n line-height: 17px;\n width: 24px;\n text-align: center;\n margin-right: 4px;\n}\n.count-down-wrap span:last-child {\n margin-right: 0;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".m-field {\n margin-bottom: 20px;\n}\n.m-field.split {\n border-bottom: 1px dashed #D2D9E5;\n padding-bottom: 16px;\n}\n.m-field.split.bold {\n border-bottom: 8px solid #EDF0F4;\n border-radius: 2px;\n}\n.m-field .field-item {\n display: flex;\n flex-direction: column;\n}\n.m-field .field-item.horizontal {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.m-field .field-item.horizontal .field-title {\n margin-bottom: 0;\n}\n.m-field .field-item .field-title {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-size: 14px;\n color: #232F46;\n margin-bottom: 12px;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".m-font-styles {\n display: flex;\n align-items: center;\n}\n.m-font-styles .item {\n display: inline-block;\n min-width: 40px;\n height: 40px;\n line-height: 45px;\n text-align: center;\n background: #fff;\n border-radius: 6px;\n margin-right: 12px;\n cursor: pointer;\n}\n.m-font-styles .item.active {\n background: #E9F0FF;\n}\n.m-font-styles .item-color {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n.m-font-styles .item-color .text-color-line {\n display: block;\n width: 15px;\n height: 3px;\n margin-top: -1px;\n border-radius: 50px;\n background-color: #000;\n}\n.m-font-styles .item-text-align {\n padding: 0 9px;\n margin-right: 0;\n cursor: default;\n}\n.m-font-styles .item-text-align .item-icon {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 22px;\n height: 22px;\n background-color: transparent;\n margin-right: 5px;\n cursor: pointer;\n}\n.m-font-styles .item-text-align .item-icon:last-child {\n margin-right: 0;\n}\n.m-font-styles .item-text-align .item-icon.active {\n background: #FFFFFF;\n box-shadow: -1px -1px 4px rgba(45, 48, 64, 0.08), 1px 1px 4px rgba(45, 48, 64, 0.08);\n border-radius: 4px;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".group_list {\n margin-bottom: 12px;\n}\n.group_list .group_item {\n position: relative;\n display: flex;\n padding: 12px;\n border-radius: 8px;\n justify-content: space-between;\n cursor: move;\n}\n.group_list .group_item::after {\n content: ' ';\n position: absolute;\n bottom: 0;\n right: 0;\n left: 0;\n height: 1px;\n background-color: #EDF0F4;\n}\n.group_list .group_item .left {\n display: flex;\n align-items: center;\n}\n.group_list .group_item .left .middle_info {\n width: 260px;\n}\n.group_list .group_item .left .middle_info .card_wrap {\n display: flex;\n align-items: center;\n height: 40px;\n}\n.group_list .group_item .left .middle_info .card_wrap img {\n height: 40px;\n width: 40px;\n border-radius: 8px;\n object-fit: cover;\n background-color: #EDF0F4;\n}\n.group_list .group_item .left .middle_info .card_wrap .name {\n margin-left: 8px;\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 600;\n font-size: 16px;\n line-height: 24px;\n color: #232F46;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.group_list .group_item .right {\n display: none;\n}\n.group_list .group_item .right .icon_copy {\n cursor: pointer;\n}\n.group_list .group_item .right .icon_delete {\n cursor: pointer;\n margin-left: 8px;\n}\n.group_list .group_item:hover {\n background-color: #E9F0FF;\n}\n.group_list .group_item:hover .left .middle_info {\n width: 200px;\n}\n.group_list .group_item:hover .right {\n display: flex;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".m-icon-picker .icon-picker {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 70px;\n height: 70px;\n background: #F5F6F7;\n border: 1px dashed #C1C9D7;\n border-radius: 8px;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n}\n.m-icon-picker .icon-picker.hasImg {\n background: #FFFFFF;\n border: 1px solid #D2D9E5;\n}\n.m-icon-picker .icon-picker.hasImg .btn-del-wrap {\n display: none;\n align-items: center;\n justify-content: center;\n background: rgba(35, 47, 70, 0.5);\n border: 1px solid #D2D9E5;\n position: absolute;\n top: -1px;\n left: -1px;\n bottom: -1px;\n right: -1px;\n}\n.m-icon-picker .icon-picker.hasImg:hover .btn-del-wrap {\n display: flex;\n}\n.m-icon-picker .icon-picker img {\n max-height: 100%;\n max-width: 100%;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".icon_container {\n display: inline-flex;\n position: relative;\n align-items: center;\n justify-content: center;\n color: inherit;\n}\n.icon_container .icon {\n width: 1em;\n height: 1em;\n vertical-align: -0.15em;\n fill: currentColor;\n overflow: hidden;\n}\n.icon_container .magic-box-iconfont {\n font-size: 1em;\n line-height: 1em;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".upload-list-item-container {\n float: left;\n width: 104px;\n height: 124px;\n margin: 0 8px 8px 0;\n}\n.upload-list-item {\n position: relative;\n height: 104px;\n}\n.ant-upload-list-item-thumbnail img {\n border-radius: 4px;\n}\n.item-body {\n height: 104px;\n border-radius: 4px;\n border: 1px solid #E0E0E0;\n}\n.item-footer {\n position: relative;\n width: 100%;\n text-align: center;\n line-height: 20px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.folder {\n cursor: pointer;\n}\n.checkbox :global .ant-checkbox-input {\n position: absolute;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".catg_tree_container .ant-tree-title {\n max-width: 200px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n}\n.catg_img .ant-spin-container {\n display: flex;\n flex-wrap: wrap;\n}\n.catg_img .ant-upload-list-item-thumbnail img {\n object-fit: contain;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".m-image-picker {\n padding-bottom: 12px;\n border-bottom: 1px dashed #D2D9E5;\n width: 100%;\n margin-bottom: 16px;\n cursor: pointer;\n}\n.m-image-picker .no-img .hint-txt {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 20px;\n color: #232F46;\n margin-bottom: 12px;\n}\n.m-image-picker .no-img .pick-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: #2F54EB;\n height: 48px;\n border-radius: 8px;\n color: #FFFFFF;\n cursor: pointer;\n}\n.m-image-picker .no-img .pick-btn > p {\n margin-left: 12px;\n font-family: 'Open Sans';\n font-weight: 600;\n font-size: 16px;\n margin-bottom: 0;\n}\n.m-image-picker .img-wrap {\n width: 100%;\n height: 140px;\n position: relative;\n}\n.m-image-picker .img-wrap:hover .btn-icons-modal {\n display: flex;\n transition: all 0.25s;\n}\n.m-image-picker .img-wrap .btn-icons-modal {\n display: none;\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n color: #FFFFFF;\n background: rgba(35, 47, 70, 0.6);\n align-items: center;\n justify-content: center;\n}\n.m-image-picker .img-wrap .btn-icons-modal .btn-edit {\n display: flex;\n align-items: center;\n margin-right: 20px;\n cursor: pointer;\n}\n.m-image-picker .img-wrap .btn-icons-modal .btn-edit > span {\n margin-right: 5px;\n}\n.m-image-picker .img-wrap .btn-icons-modal .btn-del {\n display: flex;\n align-items: center;\n margin-left: 20px;\n cursor: pointer;\n}\n.m-image-picker .img-wrap .btn-icons-modal .btn-del > span {\n margin-right: 5px;\n}\n.m-image-picker .img-wrap .btn-icons-modal .line {\n display: inline-block;\n width: 1px;\n height: 16px;\n background: rgba(255, 255, 255, 0.5);\n}\n.m-image-picker .img-wrap > img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".m-input-number {\n width: 60px;\n height: 34px;\n background: #FFFFFF;\n border: 1px solid #D2D9E5;\n border-radius: 8px;\n padding: 0 7px;\n position: relative;\n}\n.m-input-number .ant-input-number-focused {\n box-shadow: none;\n}\n.m-input-number .input {\n height: 100%;\n border-radius: 8px;\n border: none;\n}\n.m-input-number .input input {\n width: 100%;\n padding: 0;\n text-align: center;\n border: none;\n}\n.m-input-number .unit {\n color: #7988a5;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".m-layout-selector {\n display: flex;\n flex-wrap: wrap;\n max-width: 306px;\n}\n.m-layout-selector .item-wrap {\n width: 94px;\n height: 70px;\n background: #F5F6F7;\n border-radius: 8px;\n margin-bottom: 12px;\n margin-right: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n overflow: hidden;\n}\n.m-layout-selector .item-wrap > img {\n width: 100%;\n height: 100%;\n}\n.m-layout-selector .item-wrap:nth-of-type(3n) {\n margin-right: 0;\n}\n.m-layout-selector .item-wrap.active {\n background: #FFFFFF;\n border: 2px solid #2F54EB;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".filteredProductModal .proModalWrap .info {\n background: #ecf1fd;\n border: 1px solid #bdcff9;\n border-radius: 2px;\n padding: 5px 0 5px 16px;\n margin-bottom: 8px;\n}\n.filteredProductModal .proModalWrap .filteredProductModalContent {\n display: flex;\n}\n.filteredProductModal .proModalWrap .filteredProductModalContent .rightCot {\n width: calc(100% - 240px);\n margin-left: 16px;\n}\n.filteredProductModal .proModalWrap .filteredProductModalContent .rightCot .selectedCot {\n width: 722px;\n margin-left: 4px;\n padding-bottom: 12px;\n background: #f8f8f8;\n border: 1px solid #e0e0e0;\n border-radius: 2px;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n}\n.filteredProductModal .proModalWrap .filteredProductModalContent .rightCot .selectedCot .selectedItem {\n box-sizing: border-box;\n margin-top: 12px;\n margin-left: 18px;\n height: 52px;\n position: relative;\n}\n.filteredProductModal .proModalWrap .filteredProductModalContent .rightCot .selectedCot .selectedItem:hover .selectedItemImg {\n width: 52px;\n height: 52px;\n border: 1px solid #4477ee;\n box-shadow: 0 0 0 2px rgba(68, 119, 238, 0.15);\n border-radius: 2px;\n}\n.filteredProductModal .proModalWrap .filteredProductModalContent .rightCot .selectedCot .selectedItem:hover .selectedItemClose {\n display: inline-block;\n width: 16px;\n position: absolute;\n top: -10px;\n right: -8px;\n z-index: 400;\n}\n.filteredProductModal .proModalWrap .filteredProductModalContent .rightCot .selectedCot .selectedItem .selectedItemClose {\n display: none;\n}\n.filteredProductModal .proModalWrap .filteredProductModalContent .rightCot .selectedCot .selectedItem:nth-child(n + 11) {\n margin-top: 5px !important;\n}\n.filteredProductModal .proModalWrap .filteredProductModalContent .rightCot .selectedCot .selectedItem .selectedItemImg {\n height: 52px;\n width: 52px;\n border: 1px solid #e0e0e0;\n border-radius: 2px;\n}\n.filteredProductModal .proModalWrap .filteredProductModalContent .leftCot {\n width: 230px;\n box-sizing: border-box;\n border-right: 1px solid #e0e0e0;\n padding-right: 15px;\n}\n.filteredProductModal .proModalWrap .filteredProductModalContent .leftCot .price {\n display: flex;\n width: calc(100% - 16px);\n}\n.filteredProductModal .proModalWrap .filteredProductModalContent .leftCot .price .icon {\n width: 100px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid #e0e0e0;\n border-radius: 2px;\n}\n.filteredProductModal .proModalWrap .filteredProductModalContent .leftCot .ant-form-item {\n margin-bottom: 4px;\n}\n.filteredProductModal .proModalWrap .filteredProductModalContent .leftCot .buttonStyle {\n margin-top: 10px;\n}\n[magic_design] .ant-modal-root {\n display: flex;\n justify-content: center;\n position: absolute;\n left: 0;\n right: 0;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".productDetailPage {\n width: 100%;\n padding-top: 12px;\n border-top: 1px solid #f0f0f0;\n}\n.productDetailPage .inputStyle {\n width: 320px;\n height: 32px;\n margin-left: 10px;\n}\n.productDetailPage .labelStyle {\n display: inline-block;\n width: 100px;\n}\n.productDetailPage .mb12 {\n margin-bottom: 12px;\n}\n.productDetailPage .ant-form-item {\n margin-bottom: 4px;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".linkModal {\n width: 1000px;\n right: unset !important;\n left: unset !important;\n}\n.linkModal .modalWrap {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 22px;\n color: #232F46;\n height: 600px;\n}\n.linkModal .modalWrap .linkType {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n.linkModal .modalWrap .linkType .typeItem {\n padding: 7px 16px;\n margin-right: 12px;\n cursor: pointer;\n font-weight: 600;\n border-radius: 4px;\n}\n.linkModal .modalWrap .linkType .typeItem:hover {\n background: #F5F6F7;\n}\n.linkModal .modalWrap .linkType .typeTitle {\n padding: 5px 12px;\n margin-right: 12px;\n font-weight: 600;\n}\n.linkModal .modalWrap .linkType .selected {\n background: #2F54EB !important;\n border-radius: 4px;\n color: #fff !important;\n}\n.linkModal .modalWrap .content {\n padding: 12px;\n}\n.linkModal .modalWrap .content .cotTitle {\n padding: 6px 0 6px 52px;\n width: 100%;\n font-size: 13px;\n font-weight: bold;\n color: #2d3040;\n background: #f5f6f7;\n box-shadow: inset 0 -1px 0 0 #e0e0e0;\n}\n.linkModal .modalWrap .content .cotItem {\n width: 100%;\n height: 38px;\n background: #ffffff;\n box-shadow: inset 0 -1px 0 0 #f0f0f0;\n display: flex;\n align-items: center;\n}\n.linkModal .modalWrap .footer {\n padding: 10px 0;\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-top: 1px solid #e0e0e0;\n position: absolute;\n bottom: 0;\n left: 24px;\n right: 24px;\n}\n.linkModal .modalWrap .footer .btn-cancel {\n background: #E9F0FF;\n border-radius: 6px;\n color: #2F54EB;\n border: none;\n margin-right: 12px;\n}\n.linkModal .modalWrap .footer .btn-confirm {\n background: #2F54EB;\n border: none;\n border-radius: 6px;\n}\n.linkModal .modalWrap .total {\n font-size: 13px;\n color: #2d3040;\n}\n.linkModal .ant-modal-body {\n padding: 16px 16px 0 16px !important;\n}\n.linkModal .ant-modal {\n top: 25px;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".modalCot {\n width: 1200px;\n right: unset !important;\n left: unset !important;\n}\n.modalCot .proModalWrap thead .ant-checkbox {\n visibility: hidden;\n}\n.modalCot .proModalWrap .content {\n display: flex;\n margin-bottom: 8px;\n}\n.modalCot .proModalWrap .content .ant-form .ant-form-item-label {\n line-height: 1.5 !important;\n}\n.modalCot .proModalWrap .content .ant-form-item-label > label {\n height: unset !important;\n}\n.modalCot .proModalWrap .content .ant-form .ant-cascader-picker-disabled,\n.modalCot .proModalWrap .content .ant-form .ant-input-disabled,\n.modalCot .proModalWrap .content .ant-form .ant-input[disabled] {\n border-width: 1px;\n}\n.modalCot .proModalWrap .content .rightCot {\n width: calc(100% - 260px);\n margin-left: 16px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.modalCot .proModalWrap .content .rightCot .ant-table .ant-table-thead > tr > th {\n padding: 16px !important;\n}\n.modalCot .proModalWrap .content .rightCot .ant-table-wrapper {\n flex: 1;\n overflow: hidden;\n}\n.modalCot .proModalWrap .content .rightCot .ant-table-wrapper .ant-table-body {\n max-height: 260px !important;\n}\n.modalCot .proModalWrap .content .rightCot .proImg {\n display: inline-block;\n width: 52px;\n height: 52px;\n background-size: cover;\n background-position: 50% 50%;\n background-repeat: no-repeat;\n}\n.modalCot .proModalWrap .content .rightCot .proName {\n display: block;\n width: 100%;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n word-break: break-all;\n}\n.modalCot .proModalWrap .content .rightCot .proCode {\n display: block;\n width: 100%;\n text-overflow: -o-ellipsis-lastline;\n overflow: hidden;\n text-overflow: ellipsis;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n line-clamp: 2;\n -webkit-box-orient: vertical;\n}\n.modalCot .proModalWrap .content .rightCot .selectedCot {\n margin-left: 4px;\n height: 148px;\n background: #f8f8f8;\n border: 1px solid #e0e0e0;\n border-radius: 2px;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n overflow-y: auto;\n}\n.modalCot .proModalWrap .content .rightCot .selectedCot .selectedItem {\n box-sizing: border-box;\n margin-top: 12px;\n margin-left: 18px;\n height: 52px;\n position: relative;\n}\n.modalCot .proModalWrap .content .rightCot .selectedCot .selectedItem:hover .selectedItemImg {\n width: 52px;\n height: 52px;\n border: 1px solid #4477ee !important;\n box-shadow: 0 0 0 2px rgba(68, 119, 238, 0.15);\n border-radius: 2px;\n}\n.modalCot .proModalWrap .content .rightCot .selectedCot .selectedItem:hover .selectedItemClose {\n display: flex;\n}\n.modalCot .proModalWrap .content .rightCot .selectedCot .selectedItem .selectedItemClose {\n display: none;\n border: 1px solid #000;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n padding: 2px;\n position: absolute;\n top: -9px;\n right: -8px;\n z-index: 400;\n cursor: pointer;\n}\n.modalCot .proModalWrap .content .rightCot .selectedCot .selectedItem:nth-child(n + 11) {\n margin-top: 5px !important;\n}\n.modalCot .proModalWrap .content .rightCot .selectedCot .selectedItem .selectedItemImg {\n height: 52px;\n width: 52px;\n border: 1px solid #e0e0e0;\n border-radius: 2px;\n}\n.modalCot .proModalWrap .content .rightCot .selectedCot .selectedItem .selectedItemImg.invalid {\n border: 1px solid red;\n}\n.modalCot .proModalWrap .content .leftCot {\n width: 260px;\n box-sizing: border-box;\n border-right: 1px solid #e0e0e0;\n}\n.modalCot .proModalWrap .content .leftCot .price {\n display: flex;\n width: calc(100% - 16px);\n}\n.modalCot .proModalWrap .content .leftCot .price .icon {\n width: 100px;\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid #e0e0e0;\n border-radius: 2px;\n}\n.modalCot .proModalWrap .content .leftCot .inputStyle {\n width: calc(100% - 16px);\n height: 28px;\n}\n.modalCot .proModalWrap .content .leftCot .inputStyle .ant-select-selector {\n max-height: 40px;\n overflow: hidden;\n}\n.modalCot .proModalWrap .content .leftCot .buttonStyle {\n width: calc(100% - 16px);\n margin-top: 10px;\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n}\n.modalCot .proModalWrap .footer {\n height: 44px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-top: 1px solid #e0e0e0;\n}\n.modalCot .proModalWrap .total {\n font-size: 16px;\n color: #2d3040;\n letter-spacing: 0;\n}\n.modalCot .proModalWrap .total .totalNum {\n color: #4477ee;\n}\n.modalCot .ant-modal-body {\n padding: 8px 16px 0 16px !important;\n}\n.modalCot .ant-form-item {\n margin-bottom: 4px !important;\n}\n.modalCot .ant-modal {\n top: 25px !important;\n}\n.modalCot .ant-modal .ant-modal-content .ant-modal-body {\n max-height: 590px;\n overflow: auto;\n}\n[magic_design] .ant-modal-root {\n display: flex;\n justify-content: center;\n position: absolute;\n left: 0;\n right: 0;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".productSourceWrap .total {\n margin-top: 10px;\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 16px;\n line-height: 24px;\n text-align: center;\n color: #8493AF;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".rc-collapse-motion {\n transition: height 0.3s, opacity 0.3s;\n overflow: hidden;\n}\n.rc-collapse-content-hidden {\n display: none;\n}\n.rc-collapse {\n border-radius: 3px;\n}\n.rc-collapse > .rc-collapse-item:first-child {\n border-top: none;\n}\n.rc-collapse > .rc-collapse-item > .rc-collapse-header {\n display: flex;\n align-items: center;\n line-height: 22px;\n padding: 10px 0;\n color: #666;\n cursor: pointer;\n}\n.rc-collapse > .rc-collapse-item > .rc-collapse-header .arrow {\n display: inline-block;\n content: '\\20';\n width: 0;\n height: 0;\n font-size: 0;\n line-height: 0;\n border-top: 3px solid transparent;\n border-bottom: 3px solid transparent;\n border-left: 4px solid #666;\n vertical-align: middle;\n margin-right: 8px;\n}\n.rc-collapse > .rc-collapse-item > .rc-collapse-header .rc-collapse-extra {\n margin: 0 0 0 auto;\n}\n.rc-collapse > .rc-collapse-item .rc-collapse-header-collapsible-only {\n cursor: default;\n}\n.rc-collapse > .rc-collapse-item .rc-collapse-header-collapsible-only .rc-collapse-header-text {\n cursor: pointer;\n}\n.rc-collapse > .rc-collapse-item-disabled > .rc-collapse-header {\n cursor: not-allowed;\n color: #999;\n}\n.rc-collapse-content {\n color: #666;\n}\n.rc-collapse-content > .rc-collapse-content-box {\n margin-bottom: 16px;\n}\n.rc-collapse-item:last-child > .rc-collapse-content {\n border-radius: 0 0 3px 3px;\n}\n.rc-collapse > .rc-collapse-item-active > .rc-collapse-header .arrow {\n position: relative;\n top: 2px;\n border-left: 3px solid transparent;\n border-right: 3px solid transparent;\n border-top: 4px solid #666;\n margin-right: 6px;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".m-slider-input {\n display: flex;\n width: 100%;\n align-items: center;\n justify-content: flex-start;\n position: relative;\n}\n.m-slider-input .slider {\n border-radius: 100px;\n flex: 1;\n margin-right: 20px;\n}\n.m-slider-input .sketchWrap {\n border: 1px solid #EDF0F4;\n border-radius: 8px;\n width: 34px;\n cursor: pointer;\n height: 34px;\n margin-left: 10px;\n flex-shrink: 0;\n}\n.m-slider-input .colorWrap {\n position: absolute;\n right: 2px;\n top: 40px;\n z-index: 2;\n}\n.m-slider-input .m-color-picker-input .input-color {\n height: auto !important;\n padding: 0 0 0 12px !important;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".switch_collapse_wrap .ant-collapse .ant-collapse-item {\n padding-bottom: 1px !important;\n}\n.switch_collapse_wrap .ant-collapse .header_wrap {\n position: relative;\n}\n.switch_collapse_wrap .ant-collapse .header_wrap .switchcollapse_header_name {\n font-family: 'Open Sans' !important;\n font-style: normal !important;\n font-weight: 700 !important;\n font-size: 16px;\n line-height: 24px !important;\n color: #232F46 !important;\n height: 24px;\n}\n.switch_collapse_wrap .ant-collapse .header_wrap .meta_header_divider {\n position: absolute;\n height: 1px;\n width: 306px;\n border-bottom: 1px solid #D2D9E5;\n top: -20px;\n}\n.checkbox_collapse_wrap .switchcollapse_header_name {\n font-size: 14px !important;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".m-url-picker .input-url {\n width: 100%;\n height: 40px;\n background: #FFFFFF;\n border: 1px solid #D2D9E5;\n border-radius: 8px;\n padding: 9px 14px;\n display: flex;\n align-items: center;\n /* 使用webkit内核的浏览器 */\n /* Firefox版本4-18 */\n /* Firefox版本19+ */\n /* IE浏览器 */\n}\n.m-url-picker .input-url input {\n border: none;\n outline: none;\n height: 24px;\n flex-grow: 1;\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n color: #232F46;\n}\n.m-url-picker .input-url input::-webkit-input-placeholder {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n color: #8493AF;\n}\n.m-url-picker .input-url input:-moz-placeholder {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n color: #8493AF;\n}\n.m-url-picker .input-url input::-moz-placeholder {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n color: #8493AF;\n}\n.m-url-picker .input-url input:-ms-input-placeholder {\n font-family: 'Open Sans';\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n color: #8493AF;\n}\n.m-url-picker .input-url .icon-btns {\n display: flex;\n align-items: center;\n}\n.m-url-picker .input-url .icon-btns > span {\n margin-left: 12px;\n cursor: pointer;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".m-banner-mobile {\n position: relative;\n}\n.m-banner-mobile .carouselItem {\n height: 386px;\n position: relative;\n display: flex;\n}\n.m-banner-mobile .carouselItem .carouseContent {\n padding: 80px 28px 0;\n position: relative;\n z-index: 2;\n display: flex;\n flex-direction: column;\n margin-bottom: auto;\n}\n.m-banner-mobile .carouselItem .title {\n margin-bottom: 8px;\n}\n.m-banner-mobile .carouselItem .sub-title {\n margin-bottom: 20px;\n}\n.m-banner-mobile .carouselItem .btn-wrap {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n.m-banner-mobile .carouselItem .btn-wrap .btn {\n margin-right: 12px;\n}\n.m-banner-mobile .swiper-ban {\n position: absolute;\n width: 100%;\n bottom: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.m-banner-mobile .swiper-ban .ban {\n font-size: 16px;\n width: 1.5em;\n height: 0.3em;\n background: #FFF;\n cursor: inherit;\n margin-right: 0.3em;\n transition: all 0.5s;\n}\n.m-banner-mobile .swiper-ban .ban.active {\n width: 1.5em;\n opacity: 1;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".m-banner-pc {\n position: relative;\n}\n.m-banner-pc .swiper-ban {\n position: absolute;\n width: 100%;\n bottom: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.m-banner-pc .swiper-ban .ban {\n font-size: 16px;\n width: 1em;\n height: 0.3em;\n background: #FFF;\n cursor: inherit;\n margin-right: 0.3em;\n transition: all 0.5s;\n}\n.m-banner-pc .swiper-ban .ban.active {\n width: 1.5em;\n opacity: 1;\n}\n.m-banner-pc .turnPage {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 3;\n cursor: pointer;\n}\n.m-banner-pc .leftBtn {\n left: 20px;\n}\n.m-banner-pc .rightBtn {\n right: 20px;\n}\n.m-banner-pc .carouselItem {\n height: 360px;\n display: flex;\n position: relative;\n}\n.m-banner-pc .carouselItem .carouseContent {\n padding: 100px 80px 0;\n position: relative;\n z-index: 2;\n display: flex;\n flex-direction: column;\n margin-bottom: auto;\n}\n.m-banner-pc .carouselItem .title {\n margin-bottom: 8px;\n}\n.m-banner-pc .carouselItem .sub-title {\n margin-bottom: 20px;\n}\n.m-banner-pc .carouselItem .btn-wrap {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n.m-banner-pc .carouselItem .btn-wrap .btn {\n margin-right: 12px;\n cursor: pointer;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".button-comp-wrap {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.button-comp-wrap .first-button {\n margin: 5px;\n}\n.button-comp-wrap .secondary-button {\n margin: 5px;\n}\n.button-comp-wrap.layout1 {\n flex-direction: column;\n}\n.button-comp-wrap.layout1.left {\n align-items: flex-start;\n}\n.button-comp-wrap.layout1.center {\n align-items: center;\n}\n.button-comp-wrap.layout1.right {\n align-items: flex-end;\n}\n.button-comp-wrap.layout2 {\n flex-direction: row;\n}\n.button-comp-wrap.layout2.left {\n justify-content: flex-start;\n}\n.button-comp-wrap.layout2.center {\n justify-content: center;\n}\n.button-comp-wrap.layout2.right {\n justify-content: flex-end;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".m-carousel-mobile {\n display: flex;\n position: relative;\n}\n.m-carousel-mobile .carousel-icon-left {\n float: left;\n margin-left: 15px;\n}\n.m-carousel-mobile .carousel-icon-right {\n float: right;\n margin-right: 15px;\n}\n.m-carousel-mobile .slider-wrap {\n width: calc(100% - 90px);\n padding: 30px 0;\n margin: 0 auto;\n}\n.m-carousel-mobile .slider-wrap .img-wrap .title {\n display: flex;\n justify-content: center;\n margin-top: 12px;\n}\n.m-carousel-mobile .slider-wrap .img-wrap .text {\n display: flex;\n justify-content: center;\n margin-top: 2px;\n}\n.m-carousel-mobile .slider-wrap .img-wrap .tags {\n margin-top: 8px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n}\n.m-carousel-mobile .slider-wrap .img-wrap .tags > div {\n margin-right: 8px;\n}\n.m-carousel-mobile .slider-wrap .img-wrap .tags > div:last-child {\n margin-right: 0;\n}\n.m-carousel-mobile .slider-wrap .slick-track {\n display: flex;\n align-items: center;\n}\n.m-carousel-mobile .swiper-ban {\n position: absolute;\n width: 100%;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.m-carousel-mobile .swiper-ban .ban {\n font-size: 8px;\n width: 1em;\n height: 1em;\n border-radius: 50%;\n background: #FFF;\n cursor: inherit;\n margin-right: 1em;\n transition: all 0.5s;\n}\n.m-carousel-mobile .swiper-ban .ban.active {\n width: 2em;\n border-radius: 100px;\n opacity: 1;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".m-carousel-pc {\n display: flex;\n position: relative;\n}\n.m-carousel-pc .carousel-icon-left {\n float: left;\n margin-left: 50px;\n}\n.m-carousel-pc .carousel-icon-right {\n float: right;\n margin-right: 50px;\n}\n.m-carousel-pc .slider-wrap {\n width: calc(100% - 200px);\n padding: 30px 0;\n margin: 0 auto;\n}\n.m-carousel-pc .slider-wrap .img-wrap .title {\n display: flex;\n justify-content: center;\n margin-top: 12px;\n}\n.m-carousel-pc .slider-wrap .img-wrap .text {\n display: flex;\n justify-content: center;\n margin-top: 2px;\n}\n.m-carousel-pc .slider-wrap .img-wrap .tags {\n margin-top: 8px;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n}\n.m-carousel-pc .slider-wrap .img-wrap .tags > div {\n margin-right: 8px;\n}\n.m-carousel-pc .slider-wrap .img-wrap .tags > div:last-child {\n margin-right: 0;\n}\n.m-carousel-pc .slider-wrap .slick-track {\n display: flex;\n align-items: center;\n}\n.m-carousel-pc .swiper-ban {\n position: absolute;\n width: 100%;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.m-carousel-pc .swiper-ban .ban {\n font-size: 8px;\n width: 1.25em;\n height: 1.25em;\n border-radius: 50%;\n background: #FFF;\n cursor: inherit;\n margin-right: 1.25em;\n transition: all 0.5s;\n}\n.m-carousel-pc .swiper-ban .ban.active {\n width: 2.5em;\n border-radius: 100px;\n opacity: 1;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import styleInject from '../../../../../../../my_node_modules/style-inject/dist/style-inject.es.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = ".
|
|
3
|
+
var css_248z = ".m-banner-mobile {\n position: relative;\n}\n.m-banner-mobile .carouselItem {\n height: 386px;\n position: relative;\n display: flex;\n}\n.m-banner-mobile .carouselItem .carouseContent {\n padding: 80px 28px 0;\n position: relative;\n z-index: 2;\n display: flex;\n flex-direction: column;\n margin-bottom: auto;\n}\n.m-banner-mobile .carouselItem .title {\n margin-bottom: 8px;\n}\n.m-banner-mobile .carouselItem .sub-title {\n margin-bottom: 20px;\n}\n.m-banner-mobile .carouselItem .btn-wrap {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n}\n.m-banner-mobile .carouselItem .btn-wrap .btn {\n margin-right: 12px;\n}\n.m-banner-mobile .swiper-ban {\n position: absolute;\n width: 100%;\n bottom: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.m-banner-mobile .swiper-ban .ban {\n font-size: 16px;\n width: 1.5em;\n height: 0.3em;\n background: #FFF;\n cursor: inherit;\n margin-right: 0.3em;\n transition: all 0.5s;\n}\n.m-banner-mobile .swiper-ban .ban.active {\n width: 1.5em;\n opacity: 1;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
|
+
|
|
6
|
+
export { css_248z as default };
|