pages/index/index.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
pages/tabBar/count/count.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
static/loginBg.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
static/loginPic.png | 补丁 | 查看 | 原始文档 | blame | 历史 |
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