fe / yohobuy-mobile · Commits

Go to a project

Authored by wangqing
Commit 74e2cc565991b6a0ee58c63208c063bae9a89eec 1 parent 14bca637

图标入口样式

Inline Side-by-side
Showing 1 changed file with 42 additions and 0 deletions
  1 +.icons-wrapper {
  2 + box-sizing: border-box;
  3 + padding-top:29rem / $pxConvertRem;
  4 + padding-bottom:61rem / $pxConvertRem;
  5 + width: 100%;
  6 + height: 370rem / $pxConvertRem;
  7 + clear: both;
  8 +}
  9 +.icons-list {
  10 + width: 100%;
  11 + height: 280rem / $pxConvertRem;
  12 +}
  13 +.icons-item {
  14 + float: left;
  15 + margin-bottom: 10rem / $pxConvertRem;
  16 + width:25%;
  17 + height: 135rem / $pxConvertRem;
  18 + text-align:center;
  19 + }
  20 +.imagebar {
  21 + margin:0 auto;
  22 + display:block;
  23 + margin-bottom: 9rem / $pxConvertRem;
  24 + width: 103rem / $pxConvertRem;
  25 + height: 103rem / $pxConvertRem;
  26 + border-radius: 50%;
  27 + border: 1px solid #e0e0e0;
  28 + box-sizing: border-box;
  29 + overflow: hidden;
  30 + img {
  31 + width: 100%;
  32 + height: 100%;
  33 + }
  34 +}
  35 +.linkbar {
  36 + display: block;
  37 + margin-top: 9px;
  38 + height: 27rem / $pxConvertRem;
  39 + line-height:27rem / $pxConvertRem;
  40 + font-size:34rem / $pxConvertRem;
  41 + color: #444;
  42 +}