diff --git a/public/css/Satoshi/css/satoshi.css b/public/css/Satoshi/css/satoshi.css new file mode 100644 index 00000000..773415bc --- /dev/null +++ b/public/css/Satoshi/css/satoshi.css @@ -0,0 +1,148 @@ +/** +* @license +* +* Font Family: Satoshi +* Designed by: Deni Anggara +* URL: https://www.fontshare.com/fonts/satoshi +* © 2025 Indian Type Foundry +* +* Satoshi Light +* Satoshi LightItalic +* Satoshi Regular +* Satoshi Italic +* Satoshi Medium +* Satoshi MediumItalic +* Satoshi Bold +* Satoshi BoldItalic +* Satoshi Black +* Satoshi BlackItalic +* Satoshi Variable (Variable font) +* Satoshi VariableItalic (Variable font) + +* +*/ +@font-face { + font-family: 'Satoshi-Light'; + src: url('../fonts/Satoshi-Light.woff2') format('woff2'), + url('../fonts/Satoshi-Light.woff') format('woff'), + url('../fonts/Satoshi-Light.ttf') format('truetype'); + font-weight: 300; + font-display: swap; + font-style: normal; +} +@font-face { + font-family: 'Satoshi-LightItalic'; + src: url('../fonts/Satoshi-LightItalic.woff2') format('woff2'), + url('../fonts/Satoshi-LightItalic.woff') format('woff'), + url('../fonts/Satoshi-LightItalic.ttf') format('truetype'); + font-weight: 300; + font-display: swap; + font-style: italic; +} +@font-face { + font-family: 'Satoshi-Regular'; + src: url('../fonts/Satoshi-Regular.woff2') format('woff2'), + url('../fonts/Satoshi-Regular.woff') format('woff'), + url('../fonts/Satoshi-Regular.ttf') format('truetype'); + font-weight: 400; + font-display: swap; + font-style: normal; +} +@font-face { + font-family: 'Satoshi-Italic'; + src: url('../fonts/Satoshi-Italic.woff2') format('woff2'), + url('../fonts/Satoshi-Italic.woff') format('woff'), + url('../fonts/Satoshi-Italic.ttf') format('truetype'); + font-weight: 400; + font-display: swap; + font-style: italic; +} +@font-face { + font-family: 'Satoshi-Medium'; + src: url('../fonts/Satoshi-Medium.woff2') format('woff2'), + url('../fonts/Satoshi-Medium.woff') format('woff'), + url('../fonts/Satoshi-Medium.ttf') format('truetype'); + font-weight: 500; + font-display: swap; + font-style: normal; +} +@font-face { + font-family: 'Satoshi-MediumItalic'; + src: url('../fonts/Satoshi-MediumItalic.woff2') format('woff2'), + url('../fonts/Satoshi-MediumItalic.woff') format('woff'), + url('../fonts/Satoshi-MediumItalic.ttf') format('truetype'); + font-weight: 500; + font-display: swap; + font-style: italic; +} +@font-face { + font-family: 'Satoshi-Bold'; + src: url('../fonts/Satoshi-Bold.woff2') format('woff2'), + url('../fonts/Satoshi-Bold.woff') format('woff'), + url('../fonts/Satoshi-Bold.ttf') format('truetype'); + font-weight: 700; + font-display: swap; + font-style: normal; +} +@font-face { + font-family: 'Satoshi-BoldItalic'; + src: url('../fonts/Satoshi-BoldItalic.woff2') format('woff2'), + url('../fonts/Satoshi-BoldItalic.woff') format('woff'), + url('../fonts/Satoshi-BoldItalic.ttf') format('truetype'); + font-weight: 700; + font-display: swap; + font-style: italic; +} +@font-face { + font-family: 'Satoshi-Black'; + src: url('../fonts/Satoshi-Black.woff2') format('woff2'), + url('../fonts/Satoshi-Black.woff') format('woff'), + url('../fonts/Satoshi-Black.ttf') format('truetype'); + font-weight: 900; + font-display: swap; + font-style: normal; +} +@font-face { + font-family: 'Satoshi-BlackItalic'; + src: url('../fonts/Satoshi-BlackItalic.woff2') format('woff2'), + url('../fonts/Satoshi-BlackItalic.woff') format('woff'), + url('../fonts/Satoshi-BlackItalic.ttf') format('truetype'); + font-weight: 900; + font-display: swap; + font-style: italic; +} +/** +* This is a variable font +* You can control variable axes as shown below: +* font-variation-settings: wght 900.0; +* +* available axes: +'wght' (range from 300.0 to 900.0 +*/ +@font-face { + font-family: 'Satoshi-Variable'; + src: url('../fonts/Satoshi-Variable.woff2') format('woff2'), + url('../fonts/Satoshi-Variable.woff') format('woff'), + url('../fonts/Satoshi-Variable.ttf') format('truetype'); + font-weight: 300 900; + font-display: swap; + font-style: normal; +} +/** +* This is a variable font +* You can control variable axes as shown below: +* font-variation-settings: wght 900.0; +* +* available axes: +'wght' (range from 300.0 to 900.0 +*/ +@font-face { + font-family: 'Satoshi-VariableItalic'; + src: url('../fonts/Satoshi-VariableItalic.woff2') format('woff2'), + url('../fonts/Satoshi-VariableItalic.woff') format('woff'), + url('../fonts/Satoshi-VariableItalic.ttf') format('truetype'); + font-weight: 300 900; + font-display: swap; + font-style: italic; +} + diff --git a/public/css/Satoshi/fonts/Satoshi-Black.eot b/public/css/Satoshi/fonts/Satoshi-Black.eot new file mode 100644 index 00000000..11747f36 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Black.eot differ diff --git a/public/css/Satoshi/fonts/Satoshi-Black.ttf b/public/css/Satoshi/fonts/Satoshi-Black.ttf new file mode 100644 index 00000000..62015aca Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Black.ttf differ diff --git a/public/css/Satoshi/fonts/Satoshi-Black.woff b/public/css/Satoshi/fonts/Satoshi-Black.woff new file mode 100644 index 00000000..a6bee36d Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Black.woff differ diff --git a/public/css/Satoshi/fonts/Satoshi-Black.woff2 b/public/css/Satoshi/fonts/Satoshi-Black.woff2 new file mode 100644 index 00000000..64492d52 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Black.woff2 differ diff --git a/public/css/Satoshi/fonts/Satoshi-BlackItalic.eot b/public/css/Satoshi/fonts/Satoshi-BlackItalic.eot new file mode 100644 index 00000000..de2edbbc Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-BlackItalic.eot differ diff --git a/public/css/Satoshi/fonts/Satoshi-BlackItalic.ttf b/public/css/Satoshi/fonts/Satoshi-BlackItalic.ttf new file mode 100644 index 00000000..74410b97 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-BlackItalic.ttf differ diff --git a/public/css/Satoshi/fonts/Satoshi-BlackItalic.woff b/public/css/Satoshi/fonts/Satoshi-BlackItalic.woff new file mode 100644 index 00000000..0e07e1c5 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-BlackItalic.woff differ diff --git a/public/css/Satoshi/fonts/Satoshi-BlackItalic.woff2 b/public/css/Satoshi/fonts/Satoshi-BlackItalic.woff2 new file mode 100644 index 00000000..9d5c911d Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-BlackItalic.woff2 differ diff --git a/public/css/Satoshi/fonts/Satoshi-Bold.eot b/public/css/Satoshi/fonts/Satoshi-Bold.eot new file mode 100644 index 00000000..390ae252 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Bold.eot differ diff --git a/public/css/Satoshi/fonts/Satoshi-Bold.ttf b/public/css/Satoshi/fonts/Satoshi-Bold.ttf new file mode 100644 index 00000000..00bc985b Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Bold.ttf differ diff --git a/public/css/Satoshi/fonts/Satoshi-Bold.woff b/public/css/Satoshi/fonts/Satoshi-Bold.woff new file mode 100644 index 00000000..bba8257f Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Bold.woff differ diff --git a/public/css/Satoshi/fonts/Satoshi-Bold.woff2 b/public/css/Satoshi/fonts/Satoshi-Bold.woff2 new file mode 100644 index 00000000..0a8db7a4 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Bold.woff2 differ diff --git a/public/css/Satoshi/fonts/Satoshi-BoldItalic.eot b/public/css/Satoshi/fonts/Satoshi-BoldItalic.eot new file mode 100644 index 00000000..426be2ac Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-BoldItalic.eot differ diff --git a/public/css/Satoshi/fonts/Satoshi-BoldItalic.ttf b/public/css/Satoshi/fonts/Satoshi-BoldItalic.ttf new file mode 100644 index 00000000..24f012cb Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-BoldItalic.ttf differ diff --git a/public/css/Satoshi/fonts/Satoshi-BoldItalic.woff b/public/css/Satoshi/fonts/Satoshi-BoldItalic.woff new file mode 100644 index 00000000..8bcb7a6e Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-BoldItalic.woff differ diff --git a/public/css/Satoshi/fonts/Satoshi-BoldItalic.woff2 b/public/css/Satoshi/fonts/Satoshi-BoldItalic.woff2 new file mode 100644 index 00000000..225527f7 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-BoldItalic.woff2 differ diff --git a/public/css/Satoshi/fonts/Satoshi-Italic.eot b/public/css/Satoshi/fonts/Satoshi-Italic.eot new file mode 100644 index 00000000..64039a84 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Italic.eot differ diff --git a/public/css/Satoshi/fonts/Satoshi-Italic.ttf b/public/css/Satoshi/fonts/Satoshi-Italic.ttf new file mode 100644 index 00000000..c214f4fe Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Italic.ttf differ diff --git a/public/css/Satoshi/fonts/Satoshi-Italic.woff b/public/css/Satoshi/fonts/Satoshi-Italic.woff new file mode 100644 index 00000000..edd4d932 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Italic.woff differ diff --git a/public/css/Satoshi/fonts/Satoshi-Italic.woff2 b/public/css/Satoshi/fonts/Satoshi-Italic.woff2 new file mode 100644 index 00000000..8b98599d Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Italic.woff2 differ diff --git a/public/css/Satoshi/fonts/Satoshi-Light.eot b/public/css/Satoshi/fonts/Satoshi-Light.eot new file mode 100644 index 00000000..d8fcaccd Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Light.eot differ diff --git a/public/css/Satoshi/fonts/Satoshi-Light.ttf b/public/css/Satoshi/fonts/Satoshi-Light.ttf new file mode 100644 index 00000000..b41a2d4a Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Light.ttf differ diff --git a/public/css/Satoshi/fonts/Satoshi-Light.woff b/public/css/Satoshi/fonts/Satoshi-Light.woff new file mode 100644 index 00000000..8f05e4e9 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Light.woff differ diff --git a/public/css/Satoshi/fonts/Satoshi-Light.woff2 b/public/css/Satoshi/fonts/Satoshi-Light.woff2 new file mode 100644 index 00000000..cf18cd4c Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Light.woff2 differ diff --git a/public/css/Satoshi/fonts/Satoshi-LightItalic.eot b/public/css/Satoshi/fonts/Satoshi-LightItalic.eot new file mode 100644 index 00000000..e34a0df4 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-LightItalic.eot differ diff --git a/public/css/Satoshi/fonts/Satoshi-LightItalic.ttf b/public/css/Satoshi/fonts/Satoshi-LightItalic.ttf new file mode 100644 index 00000000..08f5db57 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-LightItalic.ttf differ diff --git a/public/css/Satoshi/fonts/Satoshi-LightItalic.woff b/public/css/Satoshi/fonts/Satoshi-LightItalic.woff new file mode 100644 index 00000000..a03a50d7 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-LightItalic.woff differ diff --git a/public/css/Satoshi/fonts/Satoshi-LightItalic.woff2 b/public/css/Satoshi/fonts/Satoshi-LightItalic.woff2 new file mode 100644 index 00000000..6bd15ad5 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-LightItalic.woff2 differ diff --git a/public/css/Satoshi/fonts/Satoshi-Medium.eot b/public/css/Satoshi/fonts/Satoshi-Medium.eot new file mode 100644 index 00000000..83caceca Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Medium.eot differ diff --git a/public/css/Satoshi/fonts/Satoshi-Medium.ttf b/public/css/Satoshi/fonts/Satoshi-Medium.ttf new file mode 100644 index 00000000..ab149b71 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Medium.ttf differ diff --git a/public/css/Satoshi/fonts/Satoshi-Medium.woff b/public/css/Satoshi/fonts/Satoshi-Medium.woff new file mode 100644 index 00000000..cef3226e Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Medium.woff differ diff --git a/public/css/Satoshi/fonts/Satoshi-Medium.woff2 b/public/css/Satoshi/fonts/Satoshi-Medium.woff2 new file mode 100644 index 00000000..ffd0ac96 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Medium.woff2 differ diff --git a/public/css/Satoshi/fonts/Satoshi-MediumItalic.eot b/public/css/Satoshi/fonts/Satoshi-MediumItalic.eot new file mode 100644 index 00000000..25d229a5 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-MediumItalic.eot differ diff --git a/public/css/Satoshi/fonts/Satoshi-MediumItalic.ttf b/public/css/Satoshi/fonts/Satoshi-MediumItalic.ttf new file mode 100644 index 00000000..387f278e Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-MediumItalic.ttf differ diff --git a/public/css/Satoshi/fonts/Satoshi-MediumItalic.woff b/public/css/Satoshi/fonts/Satoshi-MediumItalic.woff new file mode 100644 index 00000000..46d8995a Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-MediumItalic.woff differ diff --git a/public/css/Satoshi/fonts/Satoshi-MediumItalic.woff2 b/public/css/Satoshi/fonts/Satoshi-MediumItalic.woff2 new file mode 100644 index 00000000..212adc92 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-MediumItalic.woff2 differ diff --git a/public/css/Satoshi/fonts/Satoshi-Regular.eot b/public/css/Satoshi/fonts/Satoshi-Regular.eot new file mode 100644 index 00000000..452666f4 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Regular.eot differ diff --git a/public/css/Satoshi/fonts/Satoshi-Regular.ttf b/public/css/Satoshi/fonts/Satoshi-Regular.ttf new file mode 100644 index 00000000..fe85cd6c Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Regular.ttf differ diff --git a/public/css/Satoshi/fonts/Satoshi-Regular.woff b/public/css/Satoshi/fonts/Satoshi-Regular.woff new file mode 100644 index 00000000..03ac1952 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Regular.woff differ diff --git a/public/css/Satoshi/fonts/Satoshi-Regular.woff2 b/public/css/Satoshi/fonts/Satoshi-Regular.woff2 new file mode 100644 index 00000000..81c40ab0 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Regular.woff2 differ diff --git a/public/css/Satoshi/fonts/Satoshi-Variable.eot b/public/css/Satoshi/fonts/Satoshi-Variable.eot new file mode 100644 index 00000000..f42624e1 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Variable.eot differ diff --git a/public/css/Satoshi/fonts/Satoshi-Variable.ttf b/public/css/Satoshi/fonts/Satoshi-Variable.ttf new file mode 100644 index 00000000..976e85cb Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Variable.ttf differ diff --git a/public/css/Satoshi/fonts/Satoshi-Variable.woff b/public/css/Satoshi/fonts/Satoshi-Variable.woff new file mode 100644 index 00000000..f8dcd1d6 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Variable.woff differ diff --git a/public/css/Satoshi/fonts/Satoshi-Variable.woff2 b/public/css/Satoshi/fonts/Satoshi-Variable.woff2 new file mode 100644 index 00000000..b00e833e Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-Variable.woff2 differ diff --git a/public/css/Satoshi/fonts/Satoshi-VariableItalic.eot b/public/css/Satoshi/fonts/Satoshi-VariableItalic.eot new file mode 100644 index 00000000..5f4554af Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-VariableItalic.eot differ diff --git a/public/css/Satoshi/fonts/Satoshi-VariableItalic.ttf b/public/css/Satoshi/fonts/Satoshi-VariableItalic.ttf new file mode 100644 index 00000000..4c2677c6 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-VariableItalic.ttf differ diff --git a/public/css/Satoshi/fonts/Satoshi-VariableItalic.woff b/public/css/Satoshi/fonts/Satoshi-VariableItalic.woff new file mode 100644 index 00000000..3fe029e2 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-VariableItalic.woff differ diff --git a/public/css/Satoshi/fonts/Satoshi-VariableItalic.woff2 b/public/css/Satoshi/fonts/Satoshi-VariableItalic.woff2 new file mode 100644 index 00000000..e7ab3a09 Binary files /dev/null and b/public/css/Satoshi/fonts/Satoshi-VariableItalic.woff2 differ diff --git a/src/assets/images/homePage/defaultModel.png b/src/assets/images/homePage/FemaleAdultModel.png similarity index 100% rename from src/assets/images/homePage/defaultModel.png rename to src/assets/images/homePage/FemaleAdultModel.png diff --git a/src/assets/images/homePage/FemaleChildModel.png b/src/assets/images/homePage/FemaleChildModel.png new file mode 100644 index 00000000..5468894d Binary files /dev/null and b/src/assets/images/homePage/FemaleChildModel.png differ diff --git a/src/assets/images/homePage/MaleAdultModel.png b/src/assets/images/homePage/MaleAdultModel.png new file mode 100644 index 00000000..f99e087d Binary files /dev/null and b/src/assets/images/homePage/MaleAdultModel.png differ diff --git a/src/assets/images/homePage/MaleChildModel.png b/src/assets/images/homePage/MaleChildModel.png new file mode 100644 index 00000000..8a7e0c69 Binary files /dev/null and b/src/assets/images/homePage/MaleChildModel.png differ diff --git a/src/assets/images/homePage/loginLeftImg.png b/src/assets/images/homePage/loginLeftImg.png new file mode 100644 index 00000000..54f81f95 Binary files /dev/null and b/src/assets/images/homePage/loginLeftImg.png differ diff --git a/src/assets/images/homePage/loginLeftImg1.png b/src/assets/images/homePage/loginLeftImg1.png deleted file mode 100644 index 7cf756d5..00000000 Binary files a/src/assets/images/homePage/loginLeftImg1.png and /dev/null differ diff --git a/src/assets/images/homePage/loginLeftImg2.png b/src/assets/images/homePage/loginLeftImg2.png deleted file mode 100644 index 373cbfcb..00000000 Binary files a/src/assets/images/homePage/loginLeftImg2.png and /dev/null differ diff --git a/src/assets/images/homePage/squareLeftImg.png b/src/assets/images/homePage/squareLeftImg.png deleted file mode 100644 index 89b4b806..00000000 Binary files a/src/assets/images/homePage/squareLeftImg.png and /dev/null differ diff --git a/src/assets/images/homePage/squareLeftImgModel.png b/src/assets/images/homePage/squareLeftImgModel.png new file mode 100644 index 00000000..e4471876 Binary files /dev/null and b/src/assets/images/homePage/squareLeftImgModel.png differ diff --git a/src/assets/images/homePage/squareLeftImgText.png b/src/assets/images/homePage/squareLeftImgText.png new file mode 100644 index 00000000..31277f88 Binary files /dev/null and b/src/assets/images/homePage/squareLeftImgText.png differ diff --git a/src/assets/images/icon/jcbPay.svg b/src/assets/images/icon/jcbPay.svg new file mode 100644 index 00000000..0bf91633 --- /dev/null +++ b/src/assets/images/icon/jcbPay.svg @@ -0,0 +1,33 @@ + diff --git a/src/assets/images/icon/mastercardPay.svg b/src/assets/images/icon/mastercardPay.svg new file mode 100644 index 00000000..1d5b3b51 --- /dev/null +++ b/src/assets/images/icon/mastercardPay.svg @@ -0,0 +1,16 @@ + diff --git a/src/assets/images/icon/visaPay.svg b/src/assets/images/icon/visaPay.svg new file mode 100644 index 00000000..6265b358 --- /dev/null +++ b/src/assets/images/icon/visaPay.svg @@ -0,0 +1,15 @@ + + diff --git a/src/assets/images/icon/yinlianPay.svg b/src/assets/images/icon/yinlianPay.svg new file mode 100644 index 00000000..71166754 --- /dev/null +++ b/src/assets/images/icon/yinlianPay.svg @@ -0,0 +1,25 @@ + diff --git a/src/assets/style/style.css b/src/assets/style/style.css index 0096eae5..e60b5a90 100644 --- a/src/assets/style/style.css +++ b/src/assets/style/style.css @@ -10,7 +10,7 @@ body, --aida-fsize1-8: calc(1.8rem); --aida-fsize1-6: calc(1.6rem); --aida-fsize1-4: calc(1.4rem*1.2); - --antd-wave-shadow-color: #39215b; + --antd-wave-shadow-color: #000; } ::selection { background-color: #1890ff; @@ -57,7 +57,9 @@ li { } .ant-slider.system_silder { margin: 0; - width: 100%; + margin-left: 1rem; + margin-right: 1rem; + width: calc(100% - 2rem); } .ant-slider.system_silder .ant-slider-rail { height: 0.6rem; @@ -716,6 +718,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte .generalModel_state .generalModel_state_item.smail .ant-select-selector, .generalModel_state .generalModel_state_item.smail .range_picker { padding: 1rem 2rem !important; + padding-right: 3rem !important; } .generalModel_state .generalModel_state_item.smail .el-cascader { padding: 1rem 2rem; @@ -1750,6 +1753,7 @@ textarea:focus { .productImg_content .input_border, .poseTransfer .input_border, .scaleImage_modal .input_border, +.editDesignType_modal .input_border, .accountEdit_page .input_border, .generalMenu_printModel_upload .input_border, .generate .input_border { @@ -1759,6 +1763,7 @@ textarea:focus { padding-bottom: calc(2rem*1.2); top: 0; flex-wrap: wrap; + z-index: 6; --width: 65%; } .collection_modal_body .input_border .input_box, @@ -1767,11 +1772,12 @@ textarea:focus { .productImg_content .input_border .input_box, .poseTransfer .input_border .input_box, .scaleImage_modal .input_border .input_box, +.editDesignType_modal .input_border .input_box, .accountEdit_page .input_border .input_box, .generalMenu_printModel_upload .input_border .input_box, .generate .input_border .input_box { position: relative; - z-index: 2; + z-index: 6; flex: 1; display: flex; align-items: center; @@ -1784,6 +1790,7 @@ textarea:focus { .productImg_content .input_border .input_box .inputShowText, .poseTransfer .input_border .input_box .inputShowText, .scaleImage_modal .input_border .input_box .inputShowText, +.editDesignType_modal .input_border .input_box .inputShowText, .accountEdit_page .input_border .input_box .inputShowText, .generalMenu_printModel_upload .input_border .input_box .inputShowText, .generate .input_border .input_box .inputShowText { @@ -1796,6 +1803,7 @@ textarea:focus { .productImg_content .input_border .input_box.active .input_box_btnBox, .poseTransfer .input_border .input_box.active .input_box_btnBox, .scaleImage_modal .input_border .input_box.active .input_box_btnBox, +.editDesignType_modal .input_border .input_box.active .input_box_btnBox, .accountEdit_page .input_border .input_box.active .input_box_btnBox, .generalMenu_printModel_upload .input_border .input_box.active .input_box_btnBox, .generate .input_border .input_box.active .input_box_btnBox, @@ -1805,6 +1813,7 @@ textarea:focus { .productImg_content .input_border .input_box.active .search_textarea, .poseTransfer .input_border .input_box.active .search_textarea, .scaleImage_modal .input_border .input_box.active .search_textarea, +.editDesignType_modal .input_border .input_box.active .search_textarea, .accountEdit_page .input_border .input_box.active .search_textarea, .generalMenu_printModel_upload .input_border .input_box.active .search_textarea, .generate .input_border .input_box.active .search_textarea { @@ -1817,6 +1826,7 @@ textarea:focus { .productImg_content .input_border .input_box.active .inputShowText, .poseTransfer .input_border .input_box.active .inputShowText, .scaleImage_modal .input_border .input_box.active .inputShowText, +.editDesignType_modal .input_border .input_box.active .inputShowText, .accountEdit_page .input_border .input_box.active .inputShowText, .generalMenu_printModel_upload .input_border .input_box.active .inputShowText, .generate .input_border .input_box.active .inputShowText { @@ -1830,6 +1840,7 @@ textarea:focus { .productImg_content .input_border .search_keyword, .poseTransfer .input_border .search_keyword, .scaleImage_modal .input_border .search_keyword, +.editDesignType_modal .input_border .search_keyword, .accountEdit_page .input_border .search_keyword, .generalMenu_printModel_upload .input_border .search_keyword, .generate .input_border .search_keyword { @@ -1842,6 +1853,7 @@ textarea:focus { .productImg_content .input_border .search_keyword .search_keyword_center, .poseTransfer .input_border .search_keyword .search_keyword_center, .scaleImage_modal .input_border .search_keyword .search_keyword_center, +.editDesignType_modal .input_border .search_keyword .search_keyword_center, .accountEdit_page .input_border .search_keyword .search_keyword_center, .generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center, .generate .input_border .search_keyword .search_keyword_center { @@ -1863,6 +1875,7 @@ textarea:focus { .productImg_content .input_border .search_keyword .search_keyword_center .search_keyword_center_left, .poseTransfer .input_border .search_keyword .search_keyword_center .search_keyword_center_left, .scaleImage_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_left, +.editDesignType_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_left, .accountEdit_page .input_border .search_keyword .search_keyword_center .search_keyword_center_left, .generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_left, .generate .input_border .search_keyword .search_keyword_center .search_keyword_center_left { @@ -1877,6 +1890,7 @@ textarea:focus { .productImg_content .input_border .search_keyword .search_keyword_center .search_keyword_center_item, .poseTransfer .input_border .search_keyword .search_keyword_center .search_keyword_center_item, .scaleImage_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_item, +.editDesignType_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_item, .accountEdit_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item, .generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_item, .generate .input_border .search_keyword .search_keyword_center .search_keyword_center_item { @@ -1896,6 +1910,7 @@ textarea:focus { .productImg_content .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, .poseTransfer .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, .scaleImage_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, +.editDesignType_modal .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, .accountEdit_page .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, .generalMenu_printModel_upload .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child, .generate .input_border .search_keyword .search_keyword_center .search_keyword_center_item:last-child { @@ -1907,6 +1922,7 @@ textarea:focus { .productImg_content .input_border .input_box_btnBox, .poseTransfer .input_border .input_box_btnBox, .scaleImage_modal .input_border .input_box_btnBox, +.editDesignType_modal .input_border .input_box_btnBox, .accountEdit_page .input_border .input_box_btnBox, .generalMenu_printModel_upload .input_border .input_box_btnBox, .generate .input_border .input_box_btnBox { @@ -1917,10 +1933,9 @@ textarea:focus { float: left; align-items: center; padding: 1.5rem 2rem; - padding-right: 0; background-color: #fff; flex: 1; - height: 5rem; + height: auto; } .collection_modal_body .input_border .input_box_btnBox.sketch, .design_detail_modal_component .input_border .input_box_btnBox.sketch, @@ -1928,6 +1943,7 @@ textarea:focus { .productImg_content .input_border .input_box_btnBox.sketch, .poseTransfer .input_border .input_box_btnBox.sketch, .scaleImage_modal .input_border .input_box_btnBox.sketch, +.editDesignType_modal .input_border .input_box_btnBox.sketch, .accountEdit_page .input_border .input_box_btnBox.sketch, .generalMenu_printModel_upload .input_border .input_box_btnBox.sketch, .generate .input_border .input_box_btnBox.sketch { @@ -1943,6 +1959,7 @@ textarea:focus { .productImg_content .input_border .input_box_btnBox.sketch .upload_item, .poseTransfer .input_border .input_box_btnBox.sketch .upload_item, .scaleImage_modal .input_border .input_box_btnBox.sketch .upload_item, +.editDesignType_modal .input_border .input_box_btnBox.sketch .upload_item, .accountEdit_page .input_border .input_box_btnBox.sketch .upload_item, .generalMenu_printModel_upload .input_border .input_box_btnBox.sketch .upload_item, .generate .input_border .input_box_btnBox.sketch .upload_item { @@ -1954,6 +1971,7 @@ textarea:focus { .productImg_content .input_border .input_box_btnBox.sketch .upload_item .upload_file_item, .poseTransfer .input_border .input_box_btnBox.sketch .upload_item .upload_file_item, .scaleImage_modal .input_border .input_box_btnBox.sketch .upload_item .upload_file_item, +.editDesignType_modal .input_border .input_box_btnBox.sketch .upload_item .upload_file_item, .accountEdit_page .input_border .input_box_btnBox.sketch .upload_item .upload_file_item, .generalMenu_printModel_upload .input_border .input_box_btnBox.sketch .upload_item .upload_file_item, .generate .input_border .input_box_btnBox.sketch .upload_item .upload_file_item { @@ -1966,12 +1984,13 @@ textarea:focus { .productImg_content .input_border .input_box_btnBox > .textarea, .poseTransfer .input_border .input_box_btnBox > .textarea, .scaleImage_modal .input_border .input_box_btnBox > .textarea, +.editDesignType_modal .input_border .input_box_btnBox > .textarea, .accountEdit_page .input_border .input_box_btnBox > .textarea, .generalMenu_printModel_upload .input_border .input_box_btnBox > .textarea, .generate .input_border .input_box_btnBox > .textarea { border-radius: 1rem; min-height: 2rem; - max-height: 20rem; + max-height: 14rem; border: none; resize: none; height: 2.7rem; @@ -1985,6 +2004,7 @@ textarea:focus { .productImg_content .input_border .input_box_btnBox .ant-spin-text, .poseTransfer .input_border .input_box_btnBox .ant-spin-text, .scaleImage_modal .input_border .input_box_btnBox .ant-spin-text, +.editDesignType_modal .input_border .input_box_btnBox .ant-spin-text, .accountEdit_page .input_border .input_box_btnBox .ant-spin-text, .generalMenu_printModel_upload .input_border .input_box_btnBox .ant-spin-text, .generate .input_border .input_box_btnBox .ant-spin-text { @@ -1996,6 +2016,7 @@ textarea:focus { .productImg_content .input_border .input_box_btnBox .search_seed, .poseTransfer .input_border .input_box_btnBox .search_seed, .scaleImage_modal .input_border .input_box_btnBox .search_seed, +.editDesignType_modal .input_border .input_box_btnBox .search_seed, .accountEdit_page .input_border .input_box_btnBox .search_seed, .generalMenu_printModel_upload .input_border .input_box_btnBox .search_seed, .generate .input_border .input_box_btnBox .search_seed { @@ -2011,6 +2032,7 @@ textarea:focus { .productImg_content .input_border .input_box_btnBox .upload_item, .poseTransfer .input_border .input_box_btnBox .upload_item, .scaleImage_modal .input_border .input_box_btnBox .upload_item, +.editDesignType_modal .input_border .input_box_btnBox .upload_item, .accountEdit_page .input_border .input_box_btnBox .upload_item, .generalMenu_printModel_upload .input_border .input_box_btnBox .upload_item, .generate .input_border .input_box_btnBox .upload_item { @@ -2022,6 +2044,7 @@ textarea:focus { .productImg_content .input_border .input_box_btnBox .upload_item .upload_file_item, .poseTransfer .input_border .input_box_btnBox .upload_item .upload_file_item, .scaleImage_modal .input_border .input_box_btnBox .upload_item .upload_file_item, +.editDesignType_modal .input_border .input_box_btnBox .upload_item .upload_file_item, .accountEdit_page .input_border .input_box_btnBox .upload_item .upload_file_item, .generalMenu_printModel_upload .input_border .input_box_btnBox .upload_item .upload_file_item, .generate .input_border .input_box_btnBox .upload_item .upload_file_item { @@ -2040,6 +2063,7 @@ textarea:focus { .productImg_content .input_border input, .poseTransfer .input_border input, .scaleImage_modal .input_border input, +.editDesignType_modal .input_border input, .accountEdit_page .input_border input, .generalMenu_printModel_upload .input_border input, .generate .input_border input { @@ -2058,6 +2082,7 @@ textarea:focus { .productImg_content .input_border inputinput:-moz-placeholder, .poseTransfer .input_border inputinput:-moz-placeholder, .scaleImage_modal .input_border inputinput:-moz-placeholder, +.editDesignType_modal .input_border inputinput:-moz-placeholder, .accountEdit_page .input_border inputinput:-moz-placeholder, .generalMenu_printModel_upload .input_border inputinput:-moz-placeholder, .generate .input_border inputinput:-moz-placeholder { @@ -2069,6 +2094,7 @@ textarea:focus { .productImg_content .input_border inputinput:-ms-input-placeholder, .poseTransfer .input_border inputinput:-ms-input-placeholder, .scaleImage_modal .input_border inputinput:-ms-input-placeholder, +.editDesignType_modal .input_border inputinput:-ms-input-placeholder, .accountEdit_page .input_border inputinput:-ms-input-placeholder, .generalMenu_printModel_upload .input_border inputinput:-ms-input-placeholder, .generate .input_border inputinput:-ms-input-placeholder { @@ -2080,6 +2106,7 @@ textarea:focus { .productImg_content .input_border inputinput::-webkit-input-placeholder, .poseTransfer .input_border inputinput::-webkit-input-placeholder, .scaleImage_modal .input_border inputinput::-webkit-input-placeholder, +.editDesignType_modal .input_border inputinput::-webkit-input-placeholder, .accountEdit_page .input_border inputinput::-webkit-input-placeholder, .generalMenu_printModel_upload .input_border inputinput::-webkit-input-placeholder, .generate .input_border inputinput::-webkit-input-placeholder { @@ -2091,6 +2118,7 @@ textarea:focus { .productImg_content .input_border input.forbidden, .poseTransfer .input_border input.forbidden, .scaleImage_modal .input_border input.forbidden, +.editDesignType_modal .input_border input.forbidden, .accountEdit_page .input_border input.forbidden, .generalMenu_printModel_upload .input_border input.forbidden, .generate .input_border input.forbidden { @@ -2102,6 +2130,7 @@ textarea:focus { .productImg_content .input_border .input_box_btnBox_upImg, .poseTransfer .input_border .input_box_btnBox_upImg, .scaleImage_modal .input_border .input_box_btnBox_upImg, +.editDesignType_modal .input_border .input_box_btnBox_upImg, .accountEdit_page .input_border .input_box_btnBox_upImg, .generalMenu_printModel_upload .input_border .input_box_btnBox_upImg, .generate .input_border .input_box_btnBox_upImg { @@ -2113,6 +2142,7 @@ textarea:focus { .productImg_content .input_border .fi, .poseTransfer .input_border .fi, .scaleImage_modal .input_border .fi, +.editDesignType_modal .input_border .fi, .accountEdit_page .input_border .fi, .generalMenu_printModel_upload .input_border .fi, .generate .input_border .fi { @@ -2132,6 +2162,7 @@ textarea:focus { .productImg_content .input_border .fi.fi-br-loading, .poseTransfer .input_border .fi.fi-br-loading, .scaleImage_modal .input_border .fi.fi-br-loading, +.editDesignType_modal .input_border .fi.fi-br-loading, .accountEdit_page .input_border .fi.fi-br-loading, .generalMenu_printModel_upload .input_border .fi.fi-br-loading, .generate .input_border .fi.fi-br-loading { @@ -2144,6 +2175,7 @@ textarea:focus { .productImg_content .input_border .fi.active, .poseTransfer .input_border .fi.active, .scaleImage_modal .input_border .fi.active, +.editDesignType_modal .input_border .fi.active, .accountEdit_page .input_border .fi.active, .generalMenu_printModel_upload .input_border .fi.active, .generate .input_border .fi.active { @@ -2155,6 +2187,7 @@ textarea:focus { .productImg_content .input_border .fi.forbidden, .poseTransfer .input_border .fi.forbidden, .scaleImage_modal .input_border .fi.forbidden, +.editDesignType_modal .input_border .fi.forbidden, .accountEdit_page .input_border .fi.forbidden, .generalMenu_printModel_upload .input_border .fi.forbidden, .generate .input_border .fi.forbidden { @@ -2166,6 +2199,7 @@ textarea:focus { .productImg_content .input_border .search_upImg, .poseTransfer .input_border .search_upImg, .scaleImage_modal .input_border .search_upImg, +.editDesignType_modal .input_border .search_upImg, .accountEdit_page .input_border .search_upImg, .generalMenu_printModel_upload .input_border .search_upImg, .generate .input_border .search_upImg { @@ -2181,6 +2215,7 @@ textarea:focus { .productImg_content .input_border .search_upImg span, .poseTransfer .input_border .search_upImg span, .scaleImage_modal .input_border .search_upImg span, +.editDesignType_modal .input_border .search_upImg span, .accountEdit_page .input_border .search_upImg span, .generalMenu_printModel_upload .input_border .search_upImg span, .generate .input_border .search_upImg span { @@ -2193,6 +2228,7 @@ textarea:focus { .productImg_content .input_border .search_upImg .ant-upload-select-picture-card, .poseTransfer .input_border .search_upImg .ant-upload-select-picture-card, .scaleImage_modal .input_border .search_upImg .ant-upload-select-picture-card, +.editDesignType_modal .input_border .search_upImg .ant-upload-select-picture-card, .accountEdit_page .input_border .search_upImg .ant-upload-select-picture-card, .generalMenu_printModel_upload .input_border .search_upImg .ant-upload-select-picture-card, .generate .input_border .search_upImg .ant-upload-select-picture-card { @@ -2206,6 +2242,7 @@ textarea:focus { .productImg_content .input_border .search_textarea, .poseTransfer .input_border .search_textarea, .scaleImage_modal .input_border .search_textarea, +.editDesignType_modal .input_border .search_textarea, .accountEdit_page .input_border .search_textarea, .generalMenu_printModel_upload .input_border .search_textarea, .generate .input_border .search_textarea { @@ -2214,7 +2251,7 @@ textarea:focus { position: absolute; left: 0; font-size: calc(1.6rem*1.2); - width: var(--width); + width: 100%; border-radius: 4px; height: 20rem; top: 0rem; diff --git a/src/assets/style/style.less b/src/assets/style/style.less index 2ff27053..9c65100e 100644 --- a/src/assets/style/style.less +++ b/src/assets/style/style.less @@ -10,7 +10,7 @@ html,body,#app{ --aida-fsize1-8: calc(1.8rem); --aida-fsize1-6: calc(1.6rem); --aida-fsize1-4: calc(1.4rem*1.2); - --antd-wave-shadow-color:#39215b; + --antd-wave-shadow-color:#000; } ::selection{ background-color: #1890ff; @@ -60,8 +60,10 @@ input:focus{ } .ant-slider.system_silder{ - margin: 0; - width: 100%; + margin: 0; + margin-left: 1rem; + margin-right: 1rem; + width: calc(100% - 2rem); .ant-slider-rail{ height: 0.6rem; @@ -787,6 +789,7 @@ tr > .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:last-child::afte } .ant-picker-range,.ant-select-selector,.range_picker{ padding: 1rem 2rem !important; + padding-right: 3rem !important; } .el-cascader{ padding: 1rem 2rem; @@ -1911,7 +1914,7 @@ textarea:focus{ } //设计input和上传按钮样式 -.collection_modal_body,.design_detail_modal_component,.library_page,.productImg_content,.poseTransfer,.scaleImage_modal,.accountEdit_page,.generalMenu_printModel_upload,.generate{ +.collection_modal_body,.design_detail_modal_component,.library_page,.productImg_content,.poseTransfer,.scaleImage_modal,.editDesignType_modal,.accountEdit_page,.generalMenu_printModel_upload,.generate{ .input_border{ z-index: 2; display: flex; @@ -1919,10 +1922,11 @@ textarea:focus{ padding-bottom: calc(2rem*1.2); top: 0; flex-wrap: wrap; + z-index: 6; --width:65%; .input_box{ position: relative; - z-index: 2; + z-index: 6; flex: 1; display: flex; align-items: center; @@ -1995,10 +1999,11 @@ textarea:focus{ float: left; align-items: center; padding: 1.5rem 2rem; - padding-right: 0; + // padding-right: 0; background-color: #fff; flex: 1; - height: 5rem; + height: auto; + // height: 5rem; // border &.sketch{ padding: 0; @@ -2017,7 +2022,8 @@ textarea:focus{ > .textarea{ border-radius: 1rem; min-height: 2rem; - max-height: 20rem; + // max-height: 20rem; + max-height: 14rem; border: none; resize: none; height: 2.7rem; @@ -2123,7 +2129,8 @@ textarea:focus{ left: 0; font-size: calc(1.6rem*1.2); // width: 30rem; - width: var(--width); + // width: var(--width); + width: 100%; border-radius: 4px; height: 20rem; top: 0rem; diff --git a/src/component/Account/account.vue b/src/component/Account/account.vue index 388cf45a..44328dc1 100644 --- a/src/component/Account/account.vue +++ b/src/component/Account/account.vue @@ -405,6 +405,9 @@ export default defineComponent({ text-align: center; margin-right: 2rem; padding: 12px 0; + > a{ + border-radius: 1rem; + } } .account_page_content_right{ flex: 1; @@ -486,7 +489,7 @@ export default defineComponent({ font-size: 1.4rem; } .search_icon_block{ - background: #39215b; + background: #000; color: #fff; padding: .5rem 2rem; font-size: 1.8rem; @@ -525,7 +528,7 @@ export default defineComponent({ right: 0; } .account_generalMessage_item_link{ - color: #39215b; + color: #000; cursor: pointer; font-weight: 600; } diff --git a/src/component/Account/message/privateChat.vue b/src/component/Account/message/privateChat.vue index fbf61e11..2a2b0e7e 100644 --- a/src/component/Account/message/privateChat.vue +++ b/src/component/Account/message/privateChat.vue @@ -372,7 +372,7 @@ export default defineComponent({ } .content_right_record_item_text{ border-radius: 2rem 0rem 2rem 2rem; - background: #39215b; + background: #000; color: #fff; } } diff --git a/src/component/Administrator/affiliate/itemAffiliateDetail.vue b/src/component/Administrator/affiliate/itemAffiliateDetail.vue index cf4fa566..3f916cb4 100644 --- a/src/component/Administrator/affiliate/itemAffiliateDetail.vue +++ b/src/component/Administrator/affiliate/itemAffiliateDetail.vue @@ -14,7 +14,7 @@