From 0485555dc1b3001920aa4ef0cff983fc435b25f5 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期三, 21 八月 2024 15:12:46 +0800
Subject: [PATCH] 提交
---
static/loginBg.png | 0
pages/tabBar/count/count.vue | 6 +++---
static/loginPic.png | 0
pages/index/index.vue | 35 +++++++++++++++++++++++++++++++----
4 files changed, 34 insertions(+), 7 deletions(-)
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 5414e97..70208ac 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,6 +1,10 @@
<template>
<view class="box">
- <image :src="loginTop" class="topImg" mode="widthFix"></image>
+ <view class="topContainer">
+ <image :src="loginTop" class="topImg" mode="widthFix"></image>
+ <image :src="loginPic" class="topPic" mode="widthFix"></image>
+ </view>
+
<view class="main">
<view class="header">
<view class="titleFirst">
@@ -37,11 +41,13 @@
import store from '@/store/index.js'
import VUE_APP_BASE_URL from '../../common/constant.js'
const jpushModule = uni.requireNativePlugin('JG-JPush')
- import loginTop from '../../static/loginTop1.png'
+ import loginTop from '../../static/loginBg.png'
+ import loginPic from '../../static/loginPic.png'
export default {
data() {
return {
loginTop: loginTop,
+ loginPic: loginPic,
userFocused: false,
codeFocused: false,
form: {
@@ -210,10 +216,31 @@
flex-direction: column;
}
+.topContainer {
+ position: relative; /* 新增容器，并设置相对定位 */
+ width: 100%;
+}
+
.topImg{
width: 100%;
- height: 100%;
- filter: drop-shadow(0 3px 5px rgba(21,148,232,.1))
+ filter: drop-shadow(0 3px 8px rgba(21,148,232,.4));
+}
+.topPic{
+ width: 80%;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ animation: float 3s ease-in-out infinite;
+}
+
+@keyframes float {
+ 0%, 100% {
+ transform: translate(-50%, -50%)
+ }
+ 50% {
+ transform: translate(-50%, calc(-50% + 8px))
+ }
}
.main{
diff --git a/pages/tabBar/count/count.vue b/pages/tabBar/count/count.vue
index 90a0b8f..7849718 100644
--- a/pages/tabBar/count/count.vue
+++ b/pages/tabBar/count/count.vue
@@ -30,7 +30,7 @@
</view>
<view class="info-id" @click="resetPwd()">
- <span>重置密码</span><u-icon name="edit-pen" color="#e6e6e6" size="16"></u-icon>
+ <span>修改密码</span><u-icon name="edit-pen" color="#e6e6e6" size="16"></u-icon>
</view>
</view>
</view>
@@ -57,7 +57,7 @@
<u-button @click="loginOut" type="primary" text="退出登录" style="width: 80%" shape="circle"></u-button>
</view>
</view>
- <u-modal :show="showModal" title="重置密码" :showConfirmButton="false" :closeOnClickOverlay="true" ref="uModal" :asyncClose="true" @close="closeModal()">
+ <u-modal :show="showModal" title="修改密码" :showConfirmButton="false" :closeOnClickOverlay="true" ref="uModal" :asyncClose="true" @close="closeModal()">
<view>
<u--form labelPosition="top" labelWidth="120" :model="pwdForm" :rules="rules" ref="uForm">
<u-form-item
@@ -260,7 +260,7 @@
if(r.code == 200){
t.$refs.uToast.show({
type: 'default',
- message: '密码已重置，请重新登录',
+ message: '密码已修改，请重新登录',
duration: 1000
})
loginOut().then(res=>{
diff --git a/static/loginBg.png b/static/loginBg.png
new file mode 100644
index 0000000..8e0c2ac
--- /dev/null
+++ b/static/loginBg.png
Binary files differ
diff --git a/static/loginPic.png b/static/loginPic.png
new file mode 100644
index 0000000..6ccc97c
--- /dev/null
+++ b/static/loginPic.png
Binary files differ
--
Gitblit v1.9.2