From 9034b9bc27f95e045782b5769af796da7f48f717 Mon Sep 17 00:00:00 2001
From: 罗广辉 <guanghui.luo@foxmail.com>
Date: Tue, 04 Nov 2025 17:48:01 +0800
Subject: [PATCH] feat: 图片改为image
---
src/pages/login/index.vue | 12 +++++++-----
src/pages/user/index.vue | 25 +++++++++++++++----------
2 files changed, 22 insertions(+), 15 deletions(-)
diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 1756d32..929fbde 100644
--- a/src/pages/login/index.vue
+++ b/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;
diff --git a/src/pages/user/index.vue b/src/pages/user/index.vue
index 07a9282..4c2eeaf 100644
--- a/src/pages/user/index.vue
+++ b/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%;
}
--
Gitblit v1.9.3