提交

src/view/finance2023/index.vue

@@ -36,15 +36,15 @@
     </svg>
     <img src="./img/bg2023.jpg" style="width: 100%" />
 
-    <p class="users">
-      已有<span class="user_num" v-text="totalUser"></span>人参与
-    </p>
     <div
       class="main"
       :style="{
         height: look_more ? 'auto' : '400px',
       }"
     >
+    <p class="users">
+      已有<span class="user_num" v-text="totalUser"></span>人参与
+    </p>
       <img src="./img/mainbg.png" style="width: 100%" />
       <div
         class="inset"
@@ -117,10 +117,10 @@
         <van-cell-group inset>
           <van-field
             v-model="username"
-            name="昵称"
-            label="昵称"
-            placeholder="请输入昵称"
-            :rules="[{ required: true, message: '请填写昵称' }]"
+            name="姓名"
+            label="姓名"
+            placeholder="请输入姓名"
+            :rules="[{ required: true, message: '请填写姓名' }]"
           />
         </van-cell-group>
       </van-form>
@@ -228,9 +228,9 @@ const canvas_init = (uname, num) => {
 
 const onSubmit = e => {
   if (e === 'cancel') return true;
-  if (username.value.length > 10) return showToast('昵称字数不得超过5个');
+  if (username.value.length > 10) return showToast('姓名字数不得超过5个');
   if (!username.value) {
-    showToast('请输入昵称');
+    showToast('请输入姓名');
     return false;
   }
   saveUser({
@@ -325,7 +325,7 @@ setInterval(() => {
   margin: 0 auto;
   color: #626262;
   border-radius: 10px;
-  padding: 1em 1em 70px 1em;
+  padding: 0 0 70px 0;
   background-repeat: no-repeat;
   background-size: 100% 100%;
   position: relative;
@@ -379,9 +379,12 @@ setInterval(() => {
   color: #986c3d;
 }
 .finance2023 .users {
-  text-align: center;
+  text-align: right;
   color: #986c3d;
-  margin-top: -2em;
+  position: absolute;
+  width: 90%;
+  top: 5.5vh;
+
 }
 .finance2023 .users .user_num {
   color: #fb0301;