Browse Source

💄 登录页ui调整

谢创宏 3 years ago
parent
commit
c1e6f6174a
2 changed files with 22 additions and 1 deletions
  1. 10 0
      pages/login/login.wxml
  2. 12 1
      pages/login/login.wxss

+ 10 - 0
pages/login/login.wxml

@@ -1,5 +1,15 @@
1
 <view class="content flex-column">
1
 <view class="content flex-column">
2
   <view class="box flex-column flex-center">
2
   <view class="box flex-column flex-center">
3
+    <!-- 本小程序属于内部工具,
4
+    需要授权登录绑定相关信息:
5
+    1.所属店铺
6
+    2.所在职位 -->
7
+    <view class="flex-column text-box" style="margin: 90rpx 0;padding:0 30rpx">
8
+      <text>本小程序属于内部工具,</text>
9
+      <text>需要授权登录绑定相关信息:</text>
10
+      <text>1.所属店铺位</text>
11
+      <text>2.所在职位</text>
12
+    </view>
3
     <image src="/images/icon_logo.png" wx:if="{{!userInfo}}"></image>
13
     <image src="/images/icon_logo.png" wx:if="{{!userInfo}}"></image>
4
     <image class="avatar" src="{{userInfo.avatarUrl}}" wx:else></image>
14
     <image class="avatar" src="{{userInfo.avatarUrl}}" wx:else></image>
5
     <button class="flex-center" bindtap="getUserInfo" wx:if="{{!userInfo}}">授权微信用户信息</button>
15
     <button class="flex-center" bindtap="getUserInfo" wx:if="{{!userInfo}}">授权微信用户信息</button>

+ 12 - 1
pages/login/login.wxss

@@ -6,6 +6,16 @@ page,.content {
6
   height: 100%;
6
   height: 100%;
7
 }
7
 }
8
 
8
 
9
+.text-box {
10
+  font-weight: bold;
11
+  font-size: 34rpx;
12
+  /* line-height: 40rpx; */
13
+}
14
+
15
+.text-box text {
16
+  margin-top: 6rpx;
17
+}
18
+
9
 .content button {
19
 .content button {
10
   width: 654rpx;
20
   width: 654rpx;
11
   height: 84rpx;
21
   height: 84rpx;
@@ -18,7 +28,8 @@ page,.content {
18
 .content image {
28
 .content image {
19
   width: 290rpx;
29
   width: 290rpx;
20
   height: 290rpx;
30
   height: 290rpx;
21
-  margin: 176rpx 0 128rpx 0;
31
+  margin: 0 0 128rpx 0;
32
+  /* margin: 176rpx 0 128rpx 0; */
22
 }
33
 }
23
 
34
 
24
 .content .avatar {
35
 .content .avatar {