style: 样式优化

src/component/Detail/detailLeft/index.vue

@@ -73,6 +73,7 @@ export default defineComponent({
 		// width: 34rem;
 		// width: 100%;
 		// height: 100%;
+		flex: 1;
 		display: flex;
 		overflow: hidden;
 		flex-direction: column;

src/component/Detail/model/modelNav.vue

@@ -11,8 +11,8 @@
 			<img :src="item.path" alt="">
 		</div>
     </div>
-	<div v-show="singleOveral.value == 'overall'" v-if="(currentDetailType == 'sketch' || currentDetailType == '') && designDetail.clothes.length < 5 && !isEditPattern.value" :class="{active:!selectDetail?.id && currentDetailType == 'sketch'}" class="modelNav_item add" @click="addSketch">
+	<div v-show="singleOveral.value == 'overall'" v-if="(currentDetailType == 'sketch' || currentDetailType == '') && designDetail.clothes.length < 5 && !isEditPattern.value" :class="{active:!selectDetail?.id && currentDetailType == 'sketch'}" class="add" @click="addSketch">
-		+
+		<i class="fi fi-bs-plus"></i>
 	</div>
    </div>
 </template>
@@ -289,7 +289,7 @@ export default defineComponent({
 					display: block;
 				}
 			}
-			> i{
+			> i:not(.fi-bs-plus){
 				display: none;
 				position: absolute;
 				right: 1rem;
@@ -308,12 +308,21 @@ export default defineComponent({
 				height: 100%;
 				object-fit: contain;
 			}
-			&.add{
+		}
+		.add{
+			width: 12rem;
+			height: 12rem;
+			text-align: center;
+			line-height: 12rem;
+			padding: 1rem;
+			border-radius: 2rem;
+			border: 2px solid #B4B4B4;
+			font-size: 8rem;
+			border-radius: 2rem;
+			border: 2px solid #B4B4B4;
+			cursor: pointer;
+			i{
 				font-size: 8rem;
-				display: flex;
-				align-items: center;
-				position: absolute;
-				justify-content: center;
 			}
 		}
 	}

src/component/HomePage/Generate.vue

@@ -1443,6 +1443,15 @@ export default defineComponent({
   }
 }
 
+ :deep(.ant-dropdown-menu-item) {
+  &:first-child {
+    padding-bottom: 0;
+  }
+  &:last-child {
+    padding-top: 0;
+  }
+}
+
 .search_upImg :deep(.ant-upload.ant-upload-select-picture-card) {
   background-color: transparent;
   border: none;

src/component/common/TableSearchBar.vue

@@ -110,6 +110,13 @@ const handleSearch = () => {
       padding-left: 3rem;
       border-radius: 4rem;
       width: calc(100% - 2rem);
+      // placeholder的fontsize设置为1.4rem
+      &::placeholder {
+        font-size: 1.4rem;
+      }
+      &::-webkit-input-placeholder{
+        font-size: 1.4rem;
+      }
     }
     .search_input_icon {
       font-size: 2rem;

src/component/home/design/index.vue

@@ -38,7 +38,7 @@
 								</div>
 								<div class="generage_btn_box white">
 									<div class="generage_btn started_btn" style="margin-left: 2rem;">
-										<div class="" @click.stop="openEditTools()" style="margin-left: 1rem;font-weight: 900">
+										<div class="" @click.stop="openEditTools()" style="margin-left: 1rem;">
 											{{ $t('Header.Tools') }}
 										</div>
 										<div class="icon iconfont icon-xiala" :class="{active:speedState}" @click.stop="openSpeed"></div>

src/component/home/newProject/workspace.vue

@@ -397,7 +397,7 @@ export default defineComponent({
 				> .input{
 					// flex: 1;
 					width: 100%;
-					padding: calc(1.7rem - 2px * 2) 2.7rem;
+					padding: calc(1.7rem - 2px * 2) 1rem;
 					// padding: 2rem 2.7rem;
 					font-size: 1.8rem;
 					border-radius: 1.6rem;