feat: 前端重构

src/pages/login/index.vue

@@ -16,25 +16,37 @@
     <view class="pt-45">
       <view class="mx-15 px-15 shadow-[0_0_10px_rgba(10,68,245,0.1)] rounded-10">
         <view class="flex items-center py-15">
-          <image class="w-24 h-24" src="@/static/images/login/phone.png" mode="aspectFit" />
+          <view class="text-gradient">手机号</view>
           <input
             type="text"
             v-model="formData.account"
             placeholder-class="text-#889BC6"
             class="text-right flex-1 text-14"
-            placeholder="请输入用户名"
+            placeholder="请输入手机号"
           />
         </view>
         <view class="flex items-center py-15">
-          <image class="w-24 h-24" src="@/static/images/login/password.png" mode="aspectFit" />
+          <view class="text-gradient">密码</view>
+
           <input
             placeholder-class="text-#889BC6"
             type="password"
             v-model="formData.password"
             class="text-right flex-1 text-14"
-            placeholder="请输入登录密码"
+            placeholder="请输入密码"
           />
         </view>
+        <view class="flex items-center py-15">
+          <view class="text-gradient">验证码</view>
+          <input
+            v-model="formData.invitecode"
+            placeholder-class="text-#889BC6"
+            type="text"
+            class="text-right flex-1 text-14"
+            placeholder="请输入验证码"
+          />
+          <image class="w-60 h-24 ml-15 bg-gray-400" mode="aspectFit" />
+        </view>
       </view>
       <!-- <view class="ml-auto mr-0 w-fit text-gradient text-14 p-15" @click="handleEditPassword">
         忘记密码
@@ -110,7 +122,7 @@ onLoad(() => {
 })
 </script>
 
-<style lang="scss">
+<style lang="scss" scoped>
 .login-container {
   box-sizing: border-box;
   min-height: 100vh;