feat:小程序页面搭建

chenyao

2026-01-07 a7e3cb88cfffb4d9b7575081c8e6da6efbbda45e

 uniapps/work-wx/src/pages/login/index.vue

@@ -2,18 +2,19 @@
<template>
  <view class="login-form-wrap">
    <image class="logo" :src="logoSvg" />
    <div class="title">掌控智飞</div>
    <div class="title">低空经济服务一体化平台系统</div>
    <div class="user-name">
      <image :src="usernameSvg" />
      <!-- <image :src="usernameSvg" /> -->
      <input v-model="loginForm.username" placeholder="请输入用户名" />
    </div>
    <div class="pass-word">
      <image :src="passwordSvg" />
      <!-- <image :src="passwordSvg" /> -->
      <input
        v-model="loginForm.password"
        type="password"
        placeholder="请输入密码"
      />
      <image :src="showPasswordSvg" />
    </div>
    <div class="remember-password">
      <label>
@@ -42,10 +43,13 @@
import { HOME_PATH, LOGIN_PATH, removeQueryString } from "@/router";
import { onMounted } from "vue";

import logoSvg from "@/static/images/logo.svg";
import showPasswordSvg from "@/static/images/show-password.svg";

const droneSvg = getAssetsImage("/images/login/droneSvg.svg");
const usernameSvg = getAssetsImage("/images/login/username.svg");
const passwordSvg = getAssetsImage("/images/login/password.svg");
const logoSvg = getAssetsImage("/images/login/logo.svg");
// const logoSvg = getAssetsImage("/images/login/logo.svg");

const userStore = useUserStore();
const loginForm = ref({
@@ -175,14 +179,14 @@
  .title {
    font-family: YouSheBiaoTiHei, YouSheBiaoTiHei;
    font-weight: 400;
    font-size: 84rpx;
    font-size: 52rpx;
    line-height: 82rpx;
    letter-spacing: 1px;
    text-shadow: 0px 8px 8px rgba(0, 0, 0, 0.18);
    text-align: center;
    font-style: normal;
    text-transform: none;
    color: #1452d3;
    color: #161B2C;
    text-align: center;
    margin-bottom: 168rpx;
  }