feat: 图片改为image

罗广辉

2025-11-04 9034b9bc27f95e045782b5769af796da7f48f717

feat: 图片改为image

 src/pages/login/index.vue

@@ -1,10 +1,10 @@
<!-- 登录页 -->
<template>
  <view class="login-form-wrap">
    <img class="logo" src="@/static/images/login/logo.svg" alt=""/>
    <image class="logo" :src="logoSvg"/>
    <div class="title">掌控智飞</div>
    <div class="user-name">
      <img :src="usernameSvg" alt="">
      <image :src="usernameSvg"/>
      <input
        v-model="loginForm.username"
        placeholder="请输入用户名"
@@ -12,7 +12,7 @@

    </div>
    <div class="pass-word">
      <img :src="passwordSvg" alt="">
      <image :src="passwordSvg"/>
      <input
        v-model="loginForm.password"
        type="password"
@@ -24,7 +24,7 @@
      登录
    </button>

    <img class="lowerRightCorner" :src="droneSvg" alt=""/>
    <image class="lowerRightCorner" :src="droneSvg"/>
  </view>
</template>

@@ -35,6 +35,7 @@
import droneSvg from '@/static/images/login/droneSvg.svg'
import usernameSvg from '@/static/images/login/username.svg'
import passwordSvg from '@/static/images/login/password.svg'
import logoSvg from '@/static/images/login/logo.svg'
import {HOME_PATH, LOGIN_PATH, removeQueryString} from "@/router";

const userStore = useUserStore();
@@ -132,7 +133,7 @@
    margin-right: 58rpx;
    height: 118rpx;
    border-bottom: 2rpx solid #E3E3E3;
    img {
    image {
      width: 40rpx;
      height: 40rpx;
      margin-right: 12rpx;
@@ -166,6 +167,7 @@
  }

  .login-btn {
    z-index: 1;
    @apply flex items-center justify-center py-12rpx px-0 text-30rpx  border-none;
    background: #5a93e6;
    color: white;

 src/pages/user/index.vue

@@ -9,24 +9,24 @@
      <view class="flex-1">
        <view class="userName">{{ userStore?.userInfo?.nick_name }}</view>
        <view class="departs">
          <img src="/src/static/images/user/mobile.svg" alt="" />
          <image src="@/static/images/user/mobile.svg" alt="" />
          <span>{{user.deptName}}</span>
        </view>
      </view>
      <view class="rightLogo">
        <img src="/src/static/images/user/logo2.png" alt="" />
        <image src="@/static/images/user/logo2.png" alt="" />
      </view>
    </view>
    <view class="personalInformation">
      <div class="message">
        <div class="messagebox">个人信息</div>
        <div class="editInfo" @click="handelEdit(1)">点击编辑
          <img src="/src/static/images/user/rightBtn.svg" alt="" />
          <image src="@/static/images/user/rightBtn.svg" alt="" />
        </div>
      </div>
      <div class="passwordBox">
        <div class="messagebox">修改密码</div>
        <div class="editInfo" @click="handelEdit(2)">点击编辑 <img src="/src/static/images/user/rightBtn.svg" alt="" />
        <div class="editInfo" @click="handelEdit(2)">点击编辑 <image src="@/static/images/user/rightBtn.svg" alt="" />
        </div>
      </div>
    </view>
@@ -34,7 +34,7 @@
    <view class="mt-20rpx">
      <div class="goOutStyle" @click="logOut">退出登录</div>
    </view>
    <div class="bottomLogo"><img src="/src/static/images/user/logo1.png" alt="" /></div>
    <div class="bottomLogo"><image src="@/static/images/user/logo1.png" alt="" /></div>
  </view>
</template>

@@ -128,6 +128,11 @@
    align-items: center;
    margin-top: 22rpx;

    image {
      width: 28rpx;
      height: 28rpx;
    }

    span {
      font-family: "Source Han Sans CN";
      font-weight: 400;
@@ -141,7 +146,7 @@
    width: 200rpx;
    height: 80rpx;

    img {
    image {
      width: 100%;
      height: 100%;
    }
@@ -155,7 +160,7 @@
    margin: 0 auto;
    text-align: center;

    img {
    image {
      width: 128rpx;
      height: 52rpx;
    }
@@ -203,7 +208,7 @@
        display: flex;
        align-items: center;

        img {
        image {
          width: 28rpx;
          height: 28rpx;
        }
@@ -211,13 +216,13 @@
    }

    .message {
      background: url('/src/static/images/user/info.png') no-repeat center;
      background: url(@/static/images/user/info.png) no-repeat center;
      background-size: 100% 100%;

    }

    .passwordBox {
      background: url('/src/static/images/user/password.png') no-repeat center;
      background: url(@/static/images/user/password.png) no-repeat center;
      background-size: 100% 100%;

    }