| | |
| | | <image class="bg" src="/static/img/login-bg.png" :style="{height:screenHeight}" mode="aspectFill"></image> |
| | | |
| | | |
| | | <view class="content" v-if="!loginType"> |
| | | <image class="title-img" src="/static/icon/login-title.png" mode="aspectFill"></image> |
| | | <view class="flex f-d-c a-i-c" style="margin-bottom:60rpx;"> |
| | | <view class="f-28">登录后即可展示自己</view> |
| | | <view class="fw" style="font-size:56rpx;margin:40rpx 0 38rpx;">185****1647</view> |
| | | <view class="f-22">认证服务由中国移动提供</view> |
| | | </view> |
| | | |
| | | <button class="submit-btn f-28">本机号码一键登录</button> |
| | | <button class="btn bgc-ff f-28 mt-30" @click="accountLogin()">账号登录</button> |
| | | <view class="agreement flex"> |
| | | <u-checkbox-group v-model="isAgreement"> |
| | | <u-checkbox shape="circle" size="16" ></u-checkbox> |
| | | </u-checkbox-group> |
| | | |
| | | <view class="f-22">我已阅读并同意<text class="c-main">用户协议</text>和<text class="c-main">隐私政策</text>以及 <text class="c-main">《中国移动认证服务条款》</text>·同时登录并使用基层智治综合协同平台</view> |
| | | <view class="content" v-if="!loginType"> |
| | | <image class="title-img" src="/static/icon/login-title.png" mode="aspectFill"></image> |
| | | <view class="flex f-d-c a-i-c" style="margin-bottom:60rpx;"> |
| | | <view class="f-28">登录后即可展示自己</view> |
| | | <view class="fw" style="font-size:56rpx;margin:40rpx 0 38rpx;">185****1647</view> |
| | | <view class="f-22">认证服务由中国移动提供</view> |
| | | </view> |
| | | </view> |
| | | |
| | | |
| | | <view class="content" v-if="loginType == 1"> |
| | | <button class="submit-btn f-28">本机号码一键登录</button> |
| | | <button class="btn bgc-ff f-28 mt-30" @click="accountLogin()">账号登录</button> |
| | | <view class="agreement flex"> |
| | | <u-checkbox-group v-model="isAgreement"> |
| | | <u-checkbox shape="circle" size="16"></u-checkbox> |
| | | </u-checkbox-group> |
| | | |
| | | <view class="f-22">我已阅读并同意<text class="c-main">用户协议</text>和<text class="c-main">隐私政策</text>以及 <text |
| | | class="c-main">《中国移动认证服务条款》</text>·同时登录并使用基层智治综合协同平台</view> |
| | | </view> |
| | | </view> |
| | | |
| | | |
| | | <view class="content" v-if="loginType == 1"> |
| | | |
| | | <image class="title-img" src="/static/icon/login-title.png" mode="aspectFill"></image> |
| | | |
| | |
| | | <u-input placeholder="请输入用户名" prefixIcon="account" |
| | | prefixIconStyle="font-size: 28px;color: #017BFC" |
| | | placeholderStyle="font-size:28rpx;color:#ABABAB;" |
| | | customStyle="background:#fff;width:634rpx;height:120rpx;" v-model="form.phone"></u-input> |
| | | customStyle="background:#fff;width:634rpx;height:120rpx;" v-model="form.phone"></u-input> |
| | | </u-form-item> |
| | | <u-form-item prop="password" borderBottom ref="password"> |
| | | |
| | | <u-input placeholder="请输入密码" prefixIcon="lock" prefixIconStyle="font-size: 28px;color: #017BFC" |
| | | placeholderStyle="font-size:28rpx;color:#ABABAB;" |
| | | customStyle="background:#fff;width:634rpx;height:120rpx;" :type="passwordProps.passwordType" v-model="form.password"> |
| | | customStyle="background:#fff;width:634rpx;height:120rpx;" :type="passwordProps.passwordType" |
| | | v-model="form.password"> |
| | | <template slot="suffix"> |
| | | <u-icon @click="showPassword" :name="passwordProps.passwordIcon" size="24" color="#9FA5C0"></u-icon> |
| | | <u-icon @click="showPassword" :name="passwordProps.passwordIcon" size="24" |
| | | color="#9FA5C0"></u-icon> |
| | | </template> |
| | | </u-input> |
| | | </u-form-item> |
| | |
| | | form: { |
| | | phone: "", |
| | | password: "", |
| | | |
| | | |
| | | |
| | | |
| | | }, |
| | | rules: { |
| | | 'phone': [{ |
| | |
| | | passwordType: "password" |
| | | }, |
| | | screenHeight: "", |
| | | loginType:1 ,//登录类型 1账号密码 2 一键登录 |
| | | isAgreement:true |
| | | loginType: 1, //登录类型 1账号密码 2 一键登录 |
| | | isAgreement: true |
| | | } |
| | | }, |
| | | |
| | | onLoad() { |
| | | this.screenHeight = `${uni.getSystemInfoSync().screenHeight}px`; |
| | | this.form.phone = uni.getStorageSync("phoneNmber"); |
| | | }, |
| | | |
| | | methods: { |
| | | |
| | | accountLogin(){ |
| | | |
| | | accountLogin() { |
| | | // if(!this.isAgreement){ |
| | | |
| | | |
| | | // } |
| | | console.log(111); |
| | | this.loginType = 1; |
| | | }, |
| | | |
| | | |
| | | submit() { |
| | | const that = this |
| | | this.$refs.form.validate().then(res => { |
| | | this.$u.api |
| | | .token(this.tenantId, this.form.phone, md5(this.form.password)) |
| | | .then(data => { |
| | | uni.setStorageSync("phoneNmber", this.form.phone) |
| | | this.$u.func.login(data) |
| | | }) |
| | | .catch(err => { |
| | |
| | | justify-content: space-evenly; |
| | | } |
| | | } |
| | | .submit-btn{ |
| | | width:634rpx; |
| | | height:94rpx; |
| | | |
| | | .submit-btn { |
| | | width: 634rpx; |
| | | height: 94rpx; |
| | | line-height: 94rpx; |
| | | background: linear-gradient(163deg, #01BDFC 0%, #017BFC 100%); |
| | | border-radius: 8rpx 8rpx 8rpx 8rpx; |
| | | color:#fff; |
| | | color: #fff; |
| | | } |
| | | .mt-190{ |
| | | margin-top:190rpx; |
| | | |
| | | .mt-190 { |
| | | margin-top: 190rpx; |
| | | } |
| | | .btn{ |
| | | width:634rpx; |
| | | height:94rpx; |
| | | |
| | | .btn { |
| | | width: 634rpx; |
| | | height: 94rpx; |
| | | line-height: 94rpx; |
| | | margin-top:30rpx; |
| | | |
| | | margin-top: 30rpx; |
| | | |
| | | } |
| | | .agreement{ |
| | | width:634rpx; |
| | | margin:37rpx auto 0; |
| | | |
| | | .agreement { |
| | | width: 634rpx; |
| | | margin: 37rpx auto 0; |
| | | } |
| | | </style> |
| | | </style> |