ソースを参照

优化列表样式,及功能样式

guohh 8 年 前
コミット
f069a7fa2e
共有4 個のファイルを変更した19 個の追加5 個の削除を含む
  1. 4 2
      src/sass/ipu/base/function.scss
  2. 2 2
      src/sass/ipu/base/text.scss
  3. 5 1
      src/sass/ipu/base/variable.scss
  4. 8 0
      src/sass/ipu/layout/list.scss

+ 4 - 2
src/sass/ipu/base/function.scss

@ -90,8 +90,6 @@
90 90
    color: $txt-color-8;
91 91
}
92 92
93
$m-fn:.1rem;
94
$p-fn:.1rem;
95 93
.ui-fn-m{
96 94
    margin: $m-fn;
97 95
}
@ -138,3 +136,7 @@ $p-fn:.1rem;
138 136
.ui-fn-p-b{
139 137
    padding-bottom: $p-fn;
140 138
}
139
140
.ui-fn-txt-row{
141
    @include nowrap();
142
}

+ 2 - 2
src/sass/ipu/base/text.scss

@ -62,10 +62,10 @@
62 62
    text-align: center;
63 63
}
64 64
.#{$g-prefix}txt-left {
65
    text-align: center;
65
    text-align: left;
66 66
}
67 67
.#{$g-prefix}txt-right {
68
    text-align: center;
68
    text-align: right;
69 69
}
70 70
.#{$g-prefix}txt-justify{
71 71
    text-align: justify;

+ 5 - 1
src/sass/ipu/base/variable.scss

@ -43,7 +43,7 @@ $c-txt-gray:          #999;       // 浅灰色
43 43
$c-txt-light:         #ccc;
44 44
$c-txt-white:         #fff;
45 45
46
$c-primary:             #8BCBE4;    // 主题色
46
$c-primary:             #00479d;    // 主题色
47 47
$c-highlight:           #ff8444;    // 高亮示,做提示,突出作用
48 48
$c-success:             #4cd964;    // 成功色
49 49
$c-warning:             #ff4222;    // 警告色
@ -59,6 +59,10 @@ $c-highlight-light:   lighten($c-highlight, 10%);
59 59
$c-success-light:     lighten($c-success, 10%);
60 60
$c-warning-light:     lighten($c-warning, 10%);
61 61
62
// fn
63
$m-fn:  .1rem;
64
$p-fn:  .1rem;
65
62 66
// base for body
63 67
$b-font-family:          Arial,Helvetica,sans-serif; //todo: 待确认字体设置
64 68
$b-line-height:          1.5;

+ 8 - 0
src/sass/ipu/layout/list.scss

@ -1,3 +1,6 @@
1
.ui-list~.ui-list{
2
    margin-top: .1rem;
3
}
1 4
.ui-list>ul{
2 5
    background-color: $c-component-bg;
3 6
    position: relative;
@ -41,6 +44,11 @@
41 44
    @include flex-grow(1);
42 45
    color: $c-txt-dark;
43 46
    font-size: .15rem;
47
    overflow: hidden;
48
}
49
.ui-list-l .ui-list-item-inner{
50
    padding-top:$pl-list;
51
    padding-bottom: $pl-list;
44 52
}
45 53
.ui-list-item-link, .ui-list-item-link:active{
46 54
    color: inherit;