Blame view

绿纤uni-app/unpackage/dist/dev/mp-weixin/pages/login/login.wxss 4.93 KB
29608708   李宇   增加unia-app和html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
  @charset "UTF-8";
  /**
   * 这里是uni-app内置的常用样式变量
   *
   * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
   * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
   *
   */
  /**
   * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
   *
   * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
   */
  /* 颜色变量 */
  /* 行为相关颜色 */
  /* 文字基本颜色 */
  /* 背景颜色 */
  /* 边框颜色 */
  /* 尺寸变量 */
  /* 文字尺寸 */
  /* 图片尺寸 */
  /* Border Radius */
  /* 水平间距 */
  /* 垂直间距 */
  /* 透明度 */
  /* 文章场景相关 */
69254297   李宇   最新
27
28
29
30
  .page.data-v-b237504c {
    position: absolute;
    left: 0;
    top: 0;
29608708   李宇   增加unia-app和html
31
    width: 100%;
69254297   李宇   最新
32
33
34
35
36
37
38
    height: 100%;
    background-size: cover;
    background-color: #FFFFFF;
  }
  .logo.data-v-b237504c {
    height: 240rpx;
    padding: 0 6%;
29608708   李宇   增加unia-app和html
39
    position: relative;
69254297   李宇   最新
40
41
    z-index: 0;
    top: 140rpx;
29608708   李宇   增加unia-app和html
42
  }
69254297   李宇   最新
43
44
45
46
47
48
49
50
  .logo image.data-v-b237504c {
    width: 120rpx;
    height: 120rpx;
  }
  .login-title.data-v-b237504c {
    position: relative;
    z-index: 1;
    padding: 0 6%;
29608708   李宇   增加unia-app和html
51
  }
69254297   李宇   最新
52
53
  .login-title .login-title-big.data-v-b237504c {
    font-size: 50rpx;
29608708   李宇   增加unia-app和html
54
    font-weight: bold;
69254297   李宇   最新
55
    letter-spacing: 10rpx;
29608708   李宇   增加unia-app和html
56
  }
69254297   李宇   最新
57
  .login-title .login-title-small.data-v-b237504c {
29608708   李宇   增加unia-app和html
58
    font-size: 30rpx;
69254297   李宇   最新
59
60
    color: #9BA2B0;
    margin-top: 10rpx;
29608708   李宇   增加unia-app和html
61
  }
69254297   李宇   最新
62
63
64
65
  /* 填写 */
  .input-info.data-v-b237504c {
    padding: 0 6%;
    box-sizing: border-box;
29608708   李宇   增加unia-app和html
66
  }
69254297   李宇   最新
67
68
69
70
71
72
73
74
  .input-info .info.data-v-b237504c {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 100%;
    height: 100rpx;
    background-color: #fff;
    border-radius: 32rpx;
29608708   李宇   增加unia-app和html
75
    margin-bottom: 40rpx;
69254297   李宇   最新
76
77
    padding: 0 24rpx;
    border: 2rpx solid rgba(15, 187, 89, 0.1804);
29608708   李宇   增加unia-app和html
78
  }
69254297   李宇   最新
79
80
81
82
83
84
85
86
87
88
89
90
  .input-info .info .info-icon.data-v-b237504c {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 28rpx;
    height: 28rpx;
    margin-right: 16rpx;
  }
  .input-info .info .info-icon image.data-v-b237504c {
    width: 28rpx;
    height: 28rpx;
29608708   李宇   增加unia-app和html
91
    display: block;
29608708   李宇   增加unia-app和html
92
  }
69254297   李宇   最新
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
  .input-info .info input.data-v-b237504c {
    flex: 1;
    min-width: 0;
    height: 100%;
    font-size: 26rpx;
    color: #222222;
    border: none !important;
    outline: none !important;
    background: transparent;
    -webkit-appearance: none;
    appearance: none;
  }
  .input-info .info input.data-v-b237504c::-webkit-input-placeholder {
    color: #999999;
    font-size: 26rpx;
  }
  .input-info .info input.data-v-b237504c::placeholder {
    color: #999999;
    font-size: 26rpx;
  }
  .input-info .info input.data-v-b237504c:focus {
    border: none !important;
    outline: none !important;
  }
  .input-info .info .more.data-v-b237504c {
29608708   李宇   增加unia-app和html
118
119
    display: flex;
    align-items: center;
69254297   李宇   最新
120
121
122
123
124
125
126
    justify-content: center;
    flex-shrink: 0;
    height: 100%;
    margin-left: 16rpx;
    width: auto;
    min-width: 40rpx;
    cursor: pointer;
29608708   李宇   增加unia-app和html
127
  }
69254297   李宇   最新
128
129
  .input-info .info .more.data-v-b237504c:empty {
    display: none;
29608708   李宇   增加unia-app和html
130
  }
69254297   李宇   最新
131
132
  .input-info .info .more .iconfont.data-v-b237504c {
    font-size: 34rpx;
29608708   李宇   增加unia-app和html
133
  }
69254297   李宇   最新
134
135
136
137
  .input-info .info .more .mo.data-v-b237504c {
    font-size: 26rpx;
    padding-left: 20rpx;
    border-left: 2rpx solid #ccc;
29608708   李宇   增加unia-app和html
138
  }
69254297   李宇   最新
139
140
141
142
143
144
145
  .check-box.data-v-b237504c {
    display: flex;
    margin: 20rpx 6%;
  }
  .check-box .check.data-v-b237504c {
    display: flex;
    align-items: center;
29608708   李宇   增加unia-app和html
146
  }
69254297   李宇   最新
147
148
149
  .check-box .check text.data-v-b237504c {
    font-size: 38rpx;
    color: #959595;
29608708   李宇   增加unia-app和html
150
  }
69254297   李宇   最新
151
152
153
154
155
156
157
158
  .check-box .check .action.data-v-b237504c {
    color: #89B8FF;
  }
  /* 按钮 */
  .btn-info.data-v-b237504c {
    display: flex;
    align-items: center;
    justify-content: center;
29608708   李宇   增加unia-app和html
159
    width: 100%;
69254297   李宇   最新
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
  }
  .btn-info .btn.data-v-b237504c {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88%;
    height: 90rpx;
    background-color: #0FBB59;
    border-radius: 32rpx;
    color: #FFFFFF;
    font-size: 32rpx;
  }
  /* 操作 */
  .operation.data-v-b237504c {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 6%;
    margin: 40rpx 0;
  }
  .operation text.data-v-b237504c {
    font-size: 28rpx;
    color: #555555;
  }
  /* 其他 */
  .other-ways.data-v-b237504c {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 80rpx;
    margin-top: 100rpx;
  }
  .other-ways text.data-v-b237504c {
    font-size: 28rpx;
    color: #999999;
  }
  .other-ways.data-v-b237504c::after {
    content: "";
    width: 36%;
    height: 2rpx;
    background-color: #EEEEEE;
  }
  .other-ways.data-v-b237504c::before {
    content: "";
    width: 36%;
    height: 2rpx;
    background-color: #EEEEEE;
  }
  /* 登录方式 */
  .login-way.data-v-b237504c {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 200rpx;
  }
  .login-way .way.data-v-b237504c {
    width: 50%;
    height: 100%;
    margin: 0 auto;
  }
  .login-way .way image.data-v-b237504c {
    width: 535rpx;
    height: 180rpx;
  }
  .btn-disabled.data-v-b237504c {
    background-color: #ccc !important;
    opacity: 0.6;
  }