| @@ -1,7 +1,19 @@ | |||||
| <view class='userinfo'> | |||||
| <!-- | |||||
| <!-- <view class='userinfo'> | |||||
| <image src='http://f.cdn.cloudolphin.com/banner_logo.jpg' mode='widthFix'></image> | <image src='http://f.cdn.cloudolphin.com/banner_logo.jpg' mode='widthFix'></image> | ||||
| --> | |||||
| <button class="weui-btn" hover-class='bg_color' wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">头像昵称授权登录</button> | <button class="weui-btn" hover-class='bg_color' wx:if="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="bindGetUserInfo">头像昵称授权登录</button> | ||||
| <view wx:else>请升级微信版本</view> | <view wx:else>请升级微信版本</view> | ||||
| </view> --> | |||||
| <view class="login-body"> | |||||
| <view class="login-logo"> | |||||
| <image src="../../assets/img/logo.png"></image> | |||||
| </view> | |||||
| <view class="login-btn"> | |||||
| <!-- <i-button i-class="login-btn-login" bind:click="getPhoneNumber">微信登陆</i-button> --> | |||||
| <button open-type="getUserInfo" wx:if="{{canIUse}}" class="login-btn-login" bindgetuserinfo="bindGetUserInfo">头像昵称授权登录</button> | |||||
| <view wx:else>请升级微信版本</view> | |||||
| </view> | |||||
| </view> | </view> | ||||
| @@ -1,19 +1,35 @@ | |||||
| .userinfo image { | |||||
| display: block; | |||||
| width: 100%; | |||||
| .login-body { | |||||
| padding-top: 200rpx; | |||||
| display: flex; | |||||
| flex-direction: column; | |||||
| align-items: center; | |||||
| justify-content: center; | |||||
| } | } | ||||
| .userinfo button { | |||||
| background: #00c0ff; | |||||
| border-radius: 10rpx; | |||||
| color: #fff; | |||||
| height: 84rpx; | |||||
| line-height: 84rpx; | |||||
| margin: 30rpx auto 0; | |||||
| width: 93%; | |||||
| font-size: 28rpx; | |||||
| .login-logo { | |||||
| width: 283rpx; | |||||
| height: 326rpx; | |||||
| } | } | ||||
| .bg_color { | |||||
| opacity: 0.6; | |||||
| .login-logo>image { | |||||
| width: 100%; | |||||
| height: 100%; | |||||
| } | } | ||||
| .login-btn { | |||||
| padding-top: 120rpx; | |||||
| width: 504rpx; | |||||
| } | |||||
| .login-btn .login-btn-login { | |||||
| background: #00C0FF !important; | |||||
| border-radius: 10rpx !important; | |||||
| height: 88rpx !important; | |||||
| margin: 0 !important; | |||||
| padding: 0 !important; | |||||
| font-family: PingFangSC-Semibold !important; | |||||
| font-size: 36rpx !important; | |||||
| color: #FFFFFF !important; | |||||
| letter-spacing: 0.75rpx !important; | |||||
| text-align: center; | |||||
| } | |||||
| @@ -11,7 +11,7 @@ Page({ | |||||
| navigateTo() { | navigateTo() { | ||||
| console.log("object"); | console.log("object"); | ||||
| wx.navigateTo({ | wx.navigateTo({ | ||||
| url: `../login/index` | |||||
| url: `/pages/login/index` | |||||
| }); | }); | ||||
| }, | }, | ||||
| /** | /** | ||||