瀏覽代碼

[授权手机号页面][修改]:授权手机号页面的修改

tags/2.2.4
meo 6 年之前
父節點
當前提交
4f6eebea3c
共有 2 個檔案被更改,包括 43 行新增15 行删除
  1. +13
    -1
      pages/getphoneInfo/index.wxml
  2. +30
    -14
      pages/getphoneInfo/index.wxss

+ 13
- 1
pages/getphoneInfo/index.wxml 查看文件

@@ -1,5 +1,17 @@
<view class='registerd'>
<!-- <view class='registerd'>
<image src='http://f.cdn.cloudolphin.com/banner_logo.jpg' mode='widthFix'></image>
<button class="btn" hover-class='bg_color' wx:if="{{canIUse}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">授权手机号</button>
<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="getPhoneNumber" wx:if="{{canIUse}}" class="login-btn-login" bindgetphonenumber="getPhoneNumber">授权手机号</button>
<view wx:else>请升级微信版本</view>
</view>
</view>

+ 30
- 14
pages/getphoneInfo/index.wxss 查看文件

@@ -1,19 +1,35 @@
.registerd image {
display: block;
width: 100%;
.login-body {
padding-top: 200rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.registerd button {
background: #9d285c;
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;
}

Loading…
取消
儲存