瀏覽代碼

授权登录页样式调整

ZhangWenQiang 6 年之前
父節點
當前提交
adf052f642
共有 2 個文件被更改,包括 52 次插入35 次删除
  1. 13 13
      pages/login/login.wxml
  2. 39 22
      pages/login/login.wxss

+ 13 - 13
pages/login/login.wxml

@@ -1,16 +1,16 @@
 <view wx:if="{{canIUse}}">
-    <view class='header'>
-        <image src='{{imgServerUrl}}/images/login/wx_login.jpg'></image>
-    </view>
- 
-    <view class='content'>
-        <view>申请获取以下权限</view>
-        <text>获得你的公开信息(昵称,头像等)</text>
-    </view>
- 
-    <button class='bottom' type='primary' open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="bindGetUserInfo">
-        授权登录
-    </button>
+  <view class='header'>
+    <image src='{{imgServerUrl}}/images/login/wx_login.png'></image>
+  </view>
+
+  <view class='content'>
+    <view class='company'>开心工作</view>
+    <view class='info'>申请获取你的公开信息(昵称,头像等)</view>
+  </view>
+  
+  <button class='bottom' open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="bindGetUserInfo">
+    微信授权
+  </button>
 </view>
- 
+
 <view wx:else>请升级微信版本</view>

+ 39 - 22
pages/login/login.wxss

@@ -1,30 +1,47 @@
 .header {
-    margin: 90rpx 0 90rpx 50rpx;
-    border-bottom: 1px solid #ccc;
-    text-align: center;
-    width: 650rpx;
-    height: 300rpx;
-    line-height: 450rpx;
+  display: flex;
+  margin-top: 84rpx;
+  width: 100%;
+  justify-content: center;
 }
- 
+
 .header image {
-    width: 200rpx;
-    height: 200rpx;
+  width: 160rpx;
+  height: 160rpx;
 }
- 
+
 .content {
-    margin-left: 50rpx;
-    margin-bottom: 90rpx;
+  display: flex;
+  width: 100%;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  margin-top: 100rpx;
 }
- 
-.content text {
-    display: block;
-    color: #9d9d9d;
-    margin-top: 40rpx;
+
+.content .company {
+  font-size: 42rpx;
+  font-family: SourceHanSansCN-Medium;
+  font-weight: bold;
+  color: rgba(51, 51, 51, 1);
 }
- 
+
+.content .info {
+  margin-top: 26rpx;
+  font-size: 28rpx;
+  font-family: SourceHanSansCN-Regular;
+  font-weight: 400;
+  color: rgba(153, 153, 153, 1);
+}
+
 .bottom {
-    border-radius: 80rpx;
-    margin: 70rpx 50rpx;
-    font-size: 35rpx;
-}
+  margin: 80rpx 44rpx 0 44rpx;
+  background: linear-gradient(90deg, rgba(59, 120, 207, 1), rgba(80, 166, 195, 1));
+  border-radius: 10rpx;
+  height: 88rpx;
+  line-height: 88rpx;
+  font-size: 30rpx;
+  font-family: SourceHanSansCN-Normal;
+  font-weight: 400;
+  color: rgba(255, 254, 254, 1);
+}