2023-10-27

上传模特截取模特图片大小功能

src/component/Detail/habit.vue

@@ -632,6 +632,7 @@ export default defineComponent({
         border-radius: 1rem;
         padding: 2rem;
 		// zoom: .75;
+		font-size: 1.6rem;
         transform-origin: top right;
         position: absolute;
         right: -.3rem;
@@ -776,6 +777,9 @@ export default defineComponent({
 				justify-content: space-between;
 				.model_current{
 					margin-right: 3rem;
+					.model_text{
+						text-align: center;
+					}
 				}
 			}
 			.habit_model_list{
@@ -831,6 +835,7 @@ export default defineComponent({
 				flex-direction: column;
 				.model_text{
 					display: flex;
+					justify-content: center;
 					:deep(.ant-switch) {
 						margin: 0 1rem;
 					}
@@ -910,6 +915,19 @@ export default defineComponent({
 }
 :deep(.ant-switch-checked) {
 	background-color: #000;
+	.ant-switch-handle{
+		left: calc(100% - 1.8rem - .2rem);
+	}
+	
+}
+:deep(.ant-switch){
+	min-width: 4.4rem;
+	height: 2.2rem;
+	line-height: 2.2rem;
+	.ant-switch-handle{
+		width: 1.8rem;
+		height: 1.8rem;
+	}
 }
 .habit :deep(.ant-btn) {
     box-shadow: none !important;
@@ -922,6 +940,7 @@ export default defineComponent({
     display: flex;
     align-items: center;
     justify-content: space-between;
+	font-size: 1.4rem;
 }
 </style>
 <style>