页面调整

src/assets/images/icon/jcbPay.svg

@@ -0,0 +1,33 @@
+<svg
+  height="16"
+  viewBox="0 0 23 16"
+  width="23"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g fill="none">
+    <path
+      d="m.20535714 16h4.51785715c1.0278125 0 2.25892857-1.1946667 2.25892857-2.1333333v-13.8666667h-4.51785715c-1.0278125 0-2.25892857 1.19466667-2.25892857 3.2z"
+      fill="#047ab1"
+    />
+    <path
+      d="m2.76924107 10.816c-.86733559.0001606-1.73039558-.1147397-2.56388393-.3413333v-1.17333337c.64678874.37770431 1.38610045.59084099 2.14598215.61866667.8696875 0 1.35535714-.576 1.35535714-1.36533333v-3.22133334h2.14598214v3.22133334c0 1.25866666-.70026786 2.26133333-3.0834375 2.26133333z"
+      fill="#fff"
+    />
+    <path
+      d="m8.11160714 16h4.51785716c1.0278125 0 2.2589286-1.1946667 2.2589286-2.1333333v-13.8666667h-4.5178572c-1.02781249 0-2.25892856 1.19466667-2.25892856 3.2z"
+      fill="#d42d06"
+    />
+    <path
+      d="m8.11160714 6.08c.65508929-.59733333 1.78455357-.97066667 3.61428576-.88533333.9939285.04266666 2.0330357.32 2.0330357.32v1.184c-.5943231-.3394747-1.2623758-.54734656-1.9539732-.608-1.3892411-.11733334-2.23633933.61866666-2.23633933 1.90933333s.84709823 2.0266667 2.23633933 1.92c.6920185-.06606555 1.3596342-.27744592 1.9539732-.61866667v1.17333337s-1.0391072.288-2.0330357.3306666c-1.82973219.0853334-2.95919647-.288-3.61428576-.8853333z"
+      fill="#fff"
+    />
+    <path
+      d="m16.0178571 16h4.5178572c1.0278125 0 2.2589286-1.1946667 2.2589286-2.1333333v-13.8666667h-4.5178572c-1.0278125 0-2.2589286 1.19466667-2.2589286 3.2z"
+      fill="#67b637"
+    />
+    <path
+      d="m21.6651786 9.28c0 .8533333-.7002679 1.3866667-1.6377232 1.3866667h-4.0095983v-5.33333337h3.6481697l.2597768.01066667c.8245089.04266667 1.4344196.50133333 1.4344196 1.29066667 0 .61866666-.4179018 1.152-1.1746428 1.28v.032c.8358035.05333333 1.4795982.55466666 1.4795982 1.33333333zm-2.880134-3.104c-.0486104-.00686658-.0976798-.01043129-.1468303-.01066667h-1.3553572v1.344h1.5021875c.2823661-.064.5195536-.30933333.5195536-.672 0-.36266666-.2371875-.608-.5195536-.66133333zm.1694197 2.176c-.059755-.00886168-.1202559-.01243275-.1807143-.01066667h-1.4908929v1.46133334h1.4908929l.1807143-.02133334c.2823661-.064.5195536-.34133333.5195536-.71466666 0-.37333334-.2258929-.64-.5195536-.71466667z"
+      fill="#fff"
+    />
+  </g>
+</svg>

src/assets/images/icon/mastercardPay.svg

@@ -0,0 +1,16 @@
+<svg
+  height="16"
+  viewBox="0 0 24 16"
+  width="24"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <g fill="none" fill-rule="evenodd">
+    <rect fill="#252525" height="16" rx="2" width="24" />
+    <circle cx="9" cy="8" fill="#eb001b" r="5" />
+    <circle cx="15" cy="8" fill="#f79e1b" r="5" />
+    <path
+      d="m12 3.99963381c1.2144467.91220633 2 2.36454836 2 4.00036619s-.7855533 3.0881599-2 4.0003662c-1.2144467-.9122063-2-2.36454837-2-4.0003662s.7855533-3.08815986 2-4.00036619z"
+      fill="#ff5f00"
+    />
+  </g>
+</svg>

src/assets/images/icon/visaPay.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="24px" height="16px" viewBox="0 0 24 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <g id="319" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="New-Icons" transform="translate(-80.000000, -280.000000)" fill-rule="nonzero">
+            <g id="Card-Brands" transform="translate(40.000000, 200.000000)">
+                <g id="Color" transform="translate(0.000000, 80.000000)">
+                    <g id="Visa" transform="translate(40.000000, 0.000000)">
+                        <rect id="Container" stroke-opacity="0.2" stroke="#000000" stroke-width="0.5" fill="#FFFFFF" x="0.25" y="0.25" width="23.5" height="15.5" rx="2"></rect>
+                        <path d="M2.78773262,5.91443732 C2.26459089,5.62750595 1.6675389,5.39673777 1,5.23659312 L1.0280005,5.1118821 L3.76497922,5.1118821 C4.13596254,5.12488556 4.43699113,5.23650585 4.53494636,5.63071135 L5.12976697,8.46659052 L5.31198338,9.32072617 L6.97796639,5.1118821 L8.77678896,5.1118821 L6.10288111,11.2775284 L4.30396552,11.2775284 L2.78773262,5.91443732 L2.78773262,5.91443732 Z M10.0999752,11.2840738 L8.39882877,11.2840738 L9.46284763,5.1118821 L11.163901,5.1118821 L10.0999752,11.2840738 Z M16.2667821,5.26277458 L16.0354292,6.59558538 L15.881566,6.53004446 C15.5737466,6.40524617 15.1674138,6.28053516 14.6143808,6.29371316 C13.942741,6.29371316 13.6415263,6.56277129 13.6345494,6.82545859 C13.6345494,7.11441463 13.998928,7.3048411 14.5939153,7.58725177 C15.5740257,8.02718756 16.0286384,8.56556562 16.0218476,9.26818871 C16.0080799,10.5486366 14.8460128,11.376058 13.0610509,11.376058 C12.2978746,11.3694253 11.5627918,11.2180965 11.163808,11.0475679 L11.4018587,9.66204513 L11.6258627,9.76066195 C12.1788958,9.99070971 12.5428092,10.0889775 13.221984,10.0889775 C13.7117601,10.0889775 14.2368857,9.89837643 14.2435835,9.48488392 C14.2435835,9.21565125 14.0198586,9.01850486 13.3617074,8.7164581 C12.717789,8.42086943 11.8568435,7.92848346 11.8707973,7.04197926 C11.8780532,5.84042483 13.0610509,5 14.7409877,5 C15.3990458,5 15.9312413,5.13788902 16.2667821,5.26277458 Z M18.5277524,9.0974856 L19.941731,9.0974856 C19.8717762,8.78889347 19.549631,7.31147374 19.549631,7.31147374 L19.4307452,6.77964104 C19.3467437,7.00942698 19.1998574,7.38373457 19.2069273,7.37055657 C19.2069273,7.37055657 18.6678479,8.74290137 18.5277524,9.0974856 Z M20.6276036,5.1118821 L22,11.2839865 L20.4249023,11.2839865 C20.4249023,11.2839865 20.2707601,10.5748181 20.221922,10.3581228 L18.0377903,10.3581228 C17.9746264,10.5221933 17.6807607,11.2839865 17.6807607,11.2839865 L15.8957988,11.2839865 L18.4226343,5.62399144 C18.5977072,5.22341512 18.9059917,5.1118821 19.3117663,5.1118821 L20.6276036,5.1118821 L20.6276036,5.1118821 Z" id="Shape" fill="#1434CB"></path>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

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;

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;