2023-11-2-1

src/component/HomePage/layout.vue

@@ -59,6 +59,9 @@
 				</div>
                
 				<div class="layout_left">
+					<div class="layout_left_text">
+						{{ $t('layout.LayerOptions') }}
+					</div>
 					<div v-for="item,index in moodbList" class="layout_left_items" @click="setmoodb(item)">
 						<div v-for="clasitem,clasindex in item" :class="clasitem" class="layout_left_item">
 						</div>
@@ -701,7 +704,9 @@ export default defineComponent({
 		}
 		.layout_centent{
 			display: flex;
-			height: 55%;
+			// height: 55%;
+			height: 35rem;
+			width: 57rem;
 			// height: 60%;
 			flex-direction: column;
 			flex-wrap: wrap;
@@ -880,7 +885,7 @@ export default defineComponent({
 			position: absolute;
 			top: 50%;
 			transform: translateY(-50%);
-			left: 2rem;
+			left: 5rem;
 			overflow-x: hidden;
 			// background-color: #000;
 			width: 8%;
@@ -888,6 +893,11 @@ export default defineComponent({
 			&.layout_left::-webkit-scrollbar {
                 display: none;
             }
+			.layout_left_text{
+				font-size: 1.6rem;
+				margin-bottom: 1rem;
+				color: #000;
+			}
 			.layout_left_items{
 				width: 100%;
 				height: 6rem;
@@ -908,5 +918,8 @@ export default defineComponent({
             margin: 2rem auto 0;
         }
     }
+	.mark_loading{
+		position: absolute;
+	}
 }
 </style>