style up

package-lock.json

@@ -13,6 +13,7 @@
         "axios": "^1.6.8",
         "element-plus": "^2.7.5",
         "pinia": "^2.1.7",
+        "uuid": "^10.0.0",
         "vant": "^4.9.1",
         "vue": "^3.4.21",
         "vue-router": "^4.3.0",
@@ -1867,6 +1868,18 @@
         "web3-eth-accounts": "^4.1.2"
       }
     },
+    "node_modules/aonweb/node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
     "node_modules/aos": {
       "version": "2.3.4",
       "resolved": "https://registry.npmjs.org/aos/-/aos-2.3.4.tgz",
@@ -3807,9 +3820,9 @@
       }
     },
     "node_modules/uuid": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
-      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
+      "integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ==",
       "funding": [
         "https://github.com/sponsors/broofa",
         "https://github.com/sponsors/ctavan"
@@ -5698,6 +5711,13 @@
         "uuid": "^9.0.1",
         "web3": "^4.8.0",
         "web3-eth-accounts": "^4.1.2"
+      },
+      "dependencies": {
+        "uuid": {
+          "version": "9.0.1",
+          "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+          "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA=="
+        }
       }
     },
     "aos": {
@@ -6995,9 +7015,9 @@
       }
     },
     "uuid": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
-      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA=="
+      "version": "10.0.0",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-10.0.0.tgz",
+      "integrity": "sha512-8XkAphELsDnEGrDxUOHB3RGvXz6TeuYSGEZBOjtTtPm2lwhGBjLgOzLHB63IUWfBpNucQjND6d3AOudO+H3RWQ=="
     },
     "vant": {
       "version": "4.9.1",

src/components/Header.vue

@@ -127,7 +127,7 @@ onMounted(() => {
 	text-align: left;
 	font-style: normal;
 	text-transform: none;
-	margin-left: 2.13vw;
+	/* margin-left: 2.13vw; */
 }
 
 .right {

src/views/Index.vue

@@ -9,7 +9,7 @@
 				<p>Customize your clothing logo and generate a 3D avatar</p>
 			</div> -->
 			<div>
-				<van-cell-group title="信息">
+				<!-- <van-cell-group title="信息">
 					<van-field v-model="projectName" autosize label="项目名字" placeholder="请输入项目名称(背景展示项目文字)" />
 					<van-cell title="角色">
 						<van-radio-group v-model="checked" direction="horizontal" class="custom-radio-group">
@@ -17,7 +17,25 @@
 							<van-radio name="2" class="custom-radio">漂亮女孩</van-radio>
 						</van-radio-group>
 					</van-cell>
-				</van-cell-group>
+
+				</van-cell-group> -->
+
+				<div class="uni-form-item uni-column">
+					<div class="title">项目名字：</div>
+					<div class="content">
+						<input v-model="projectName" name="input" placeholder="请输入项目名称(背景展示项目文字)" />
+					</div>
+				</div>
+
+				<div class="uni-form-item uni-column">
+					<div class="title">角色：</div>
+					<div class="content">
+						<van-radio-group v-model="checked" direction="row" class="custom-radio-group">
+							<van-radio name="1" class="custom-radio">英俊男子</van-radio>
+							<van-radio name="2" class="custom-radio">漂亮女孩</van-radio>
+						</van-radio-group>
+					</div>
+				</div>
 
 				<!-- <van-cell-group title="角色">
 					<van-cell>