提交

马宇豪

2024-08-21 0485555dc1b3001920aa4ef0cff983fc435b25f5

提交

 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{

 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=>{

 static/loginBg.png

 static/loginPic.png