| | |
| | | <template> |
| | | <view class="box"> |
| | | <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"> |
| | |
| | | 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: { |
| | |
| | | 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{ |
| | |
| | | |
| | | </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> |
| | |
| | | <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 |
| | |
| | | if(r.code == 200){ |
| | | t.$refs.uToast.show({ |
| | | type: 'default', |
| | | message: '密码已重置,请重新登录', |
| | | message: '密码已修改,请重新登录', |
| | | duration: 1000 |
| | | }) |
| | | loginOut().then(res=>{ |