Bladeren bron

ipu-p0样式调整

zhouyf3 4 jaren geleden
bovenliggende
commit
a536182483
3 gewijzigde bestanden met toevoegingen van 23 en 14 verwijderingen
  1. 16 8
      2020/ipu-p0/biz/css/base.css
  2. 5 4
      2020/ipu-p0/ipu/ui/css/ipuUI.css
  3. 2 2
      2020/ipu-p0/url1-index.html

+ 16 - 8
2020/ipu-p0/biz/css/base.css

@ -15,7 +15,7 @@ body {
15 15
    height: 0.54rem;
16 16
}
17 17
.common-bg-gray {
18
    padding: 0.125rem 0.15rem 0rem 0.15rem;
18
    padding: 0.125rem 0rem 0rem 0rem;
19 19
}
20 20
21 21
.ipu-icon {
@ -52,7 +52,7 @@ body {
52 52
    font-weight: 500;
53 53
    color: rgba(255, 255, 255, 1);
54 54
55
    background: rgba(11, 105, 255, 0.65);
55
    /*background: rgba(11, 105, 255, 0.65);*/
56 56
    /*font-family: PingFang SC;
57 57
    font-style: normal;*/
58 58
}
@ -171,10 +171,13 @@ body {
171 171
    padding: .1rem 0.15rem 0.5rem 0.15rem;
172 172
}
173 173
.ipu1-green-btn {
174
    background: rgba(36, 183, 129, 0.65);
174
    background: #24B781;;
175 175
}
176 176
.url0-index-yellow-btn {
177
    background: rgba(253, 197, 0, 0.65);
177
    background: #FDC500;
178
}
179
.url0-index-NotherBlue-btn {
180
    background: #4F54E3;
178 181
}
179 182
180 183
.ipu1-green-btn:not(.ipu-disabled):not(:disabled):active, .ipu-btn.ipu-current {
@ -247,7 +250,7 @@ body {
247 250
    background: #F7FAFC;
248 251
}
249 252
.url0-item {
250
    margin-left: 0.2rem;
253
    /*margin-left: 0.2rem;*/
251 254
    padding-top: 0.03rem;
252 255
}
253 256
@ -279,13 +282,18 @@ body {
279 282
    padding-top: 0.03rem;
280 283
}
281 284
.font-first {
282
    padding-left: 0.1rem;
285
    padding-left: 0.3rem;
283 286
}
284 287
.font-last {
285
    padding-left: 0.3rem;
288
    padding-left: 0.5rem;
286 289
}
287 290
288 291
.group-list-item:active {
289 292
    background: #F5F7F8;
290 293
}
291
/**url0-index end*/
294
/**url0-index end*/
295
296
.return-btn:hover {
297
    mix-blend-mode: normal;
298
    opacity: 0.9;
299
}

+ 5 - 4
2020/ipu-p0/ipu/ui/css/ipuUI.css

@ -428,10 +428,10 @@ a:active {
428 428
  border-radius: 0.03rem;
429 429
  -webkit-appearance: none;
430 430
}
431
.ipu-btn:not(.ipu-disabled):not(:disabled):active,
431
/*.ipu-btn:not(.ipu-disabled):not(:disabled):active,
432 432
.ipu-btn.ipu-current {
433 433
  background: #005cef;
434
}
434
}*/
435 435
.ipu-btn.ipu-disabled,
436 436
.ipu-btn:disabled {
437 437
  opacity: 0.5;
@ -982,7 +982,7 @@ a:active {
982 982
  }
983 983
}
984 984
.ipu-list-item {
985
  padding-left: 0.15rem;
985
  padding-left: 0.35rem;
986 986
  display: -webkit-box;
987 987
  display: -webkit-flex;
988 988
  display: flex;
@ -1010,9 +1010,10 @@ a:active {
1010 1010
  padding-bottom: 0.15rem;
1011 1011
}
1012 1012
.ipu-list-item-link .ipu-list-item-inner {
1013
  padding-right: 0.3rem;
1013
  /*padding-right: 0.3rem;*/
1014 1014
}
1015 1015
.ipu-list-item-link:after {
1016
  margin-right: 0.25rem;
1016 1017
  content: '';
1017 1018
  position: absolute;
1018 1019
  height: 100%;

+ 2 - 2
2020/ipu-p0/url1-index.html

@ -18,7 +18,7 @@
18 18
  <div class="ipu-flex-row ipu-flex-vertical" style="background: #E5E5E5;">
19 19
20 20
    <div class="ipu-flex-col">
21
      <header class="ipu-toolbar common-bg-blue url1-hight">
21
      <header class="ipu-toolbar url1-hight url0-index-NotherBlue-btn">
22 22
        <h1 class="ipu-toolbar-title index-title">URL1首页</h1>
23 23
        <a class="ipu-fn-left page-back" href="javascript:history.back();">
24 24
          <i class="ipu-icon iconfont-material icon-chevron-left"></i>
@ -45,7 +45,7 @@
45 45
      </div>
46 46
47 47
      <div class="ipu-flex-col url1-return-btn-wrap">
48
        <button class="ipu-btn return-btn">
48
        <button class="ipu-btn return-btn url0-index-NotherBlue-btn">
49 49
          返回主应用
50 50
        </button>
51 51
      </div>