Pārlūkot izejas kodu

💄 登录页ui调整

谢创宏 3 gadi atpakaļ
vecāks
revīzija
c1e6f6174a
2 mainītis faili ar 22 papildinājumiem un 1 dzēšanām
  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 1
 <view class="content flex-column">
2 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 13
     <image src="/images/icon_logo.png" wx:if="{{!userInfo}}"></image>
4 14
     <image class="avatar" src="{{userInfo.avatarUrl}}" wx:else></image>
5 15
     <button class="flex-center" bindtap="getUserInfo" wx:if="{{!userInfo}}">授权微信用户信息</button>

+ 12 - 1
pages/login/login.wxss

@@ -6,6 +6,16 @@ page,.content {
6 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 19
 .content button {
10 20
   width: 654rpx;
11 21
   height: 84rpx;
@@ -18,7 +28,8 @@ page,.content {
18 28
 .content image {
19 29
   width: 290rpx;
20 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 35
 .content .avatar {