fe / YOHOBUYPC · Commits

Go to a project

Authored by 梁志锋
Commit fe2dd895df6dbda1d2ee11f612f29b22ccc7ff3e 2 parents 6a0e9608 2fab0cb3

Merge remote-tracking branch 'remotes/origin/develop/wap' into beta/wap

Inline Side-by-side
Showing 2 changed files with 119 additions and 1 deletions
  1 +.fresh-swiper {
  2 + position: relative;
  3 + height: 200px;
  4 + overflow: hidden;
  5 + ul {
  6 + li {
  7 + float: left;
  8 + width: 100%;
  9 + a, img {
  10 + display: block;
  11 + width: 100%;
  12 + height: 100%;
  13 + }
  14 + }
  15 + }
  16 + .swiper-pagination {
  17 + position: absolute;
  18 + left: 0;
  19 + right: 0;
  20 + bottom: 20px;
  21 + text-align: center;
  22 + .pagination-inner {
  23 + display: inline-block;
  24 + span {
  25 + display: inline-block;
  26 + width: 14px;
  27 + height: 14px;
  28 + background: #fff;
  29 + opacity: 0.5;
  30 + margin: 0 9px;
  31 + border-radius: 50%;
  32 + }
  33 + span.swiper-active-switch {
  34 + opacity: 1;
  35 + }
  36 + }
  37 + }
  38 +}
  39 +
  40 +.fresh-list-swiper {
  41 + overflow: hidden;
  42 + padding-bottom: 15px;
  43 + background-color: #fff;
  44 +
  45 + ul {
  46 + box-sizing: border-box;
  47 + }
  48 +
  49 + li {
  50 + float:left;
  51 + width:240px;
  52 + margin: 20px 10px 0 10px;
  53 +
  54 + &:first-child {
  55 + margin-left: 20px;
  56 + }
  57 +
  58 + &:last-child {
  59 + margin-right: 20px;
  60 + }
  61 +
  62 + .img-box {
  63 + height: 100%;
  64 + height:320px;
  65 + text-align: center;
  66 + position: relative;
  67 + img {
  68 + width: 100%;
  69 + height: 100%;
  70 + vertical-align: middle;
  71 + }
  72 + }
  73 +
  74 + .fresh-info {
  75 + .fresh-name a{
  76 + display:block;
  77 + overflow: hidden;
  78 + text-overflow: ellipsis;
  79 + width: 100%;
  80 + white-space: nowrap;
  81 + color: #444;
  82 + line-height: 48px;
  83 + font-size: 22px;
  84 +
  85 + }
  86 +
  87 + .cur-price {
  88 + color: #d62927;
  89 + font-size: 22px;
  90 + }
  91 +
  92 + .old-price {
  93 + margin: 0 0 0 10px;
  94 + color: #b0b0b0;
  95 + text-decoration: line-through;
  96 + font-size: 22px;
  97 + }
  98 +
  99 + .fresh-icon {
  100 + background: #d62927;
  101 + width: 100px;
  102 + height: 33px;
  103 + display: block;
  104 + margin: 8px auto 0 auto;
  105 + color: #fff;
  106 + text-align: center;
  107 + border-radius: 40px;
  108 + line-height: 37px;
  109 + font-size:12px;
  110 + }
  111 + }
  112 + }
  113 +}
  114 +
  115 +.fresh-list{
  116 + position: relative;
  117 + padding:15px 0 0 15px;
  118 +}
1 @import "header-download", "banner-top","banner-center","banner-bottom", "side-nav", "floor-header", "hot-brands", "fine-brands", "creative-life", "plus-star", "maybe-like", 1 @import "header-download", "banner-top","banner-center","banner-bottom", "side-nav", "floor-header", "hot-brands", "fine-brands", "creative-life", "plus-star", "maybe-like",
2 "icons-enter","trendsetter-collocation", 2 "icons-enter","trendsetter-collocation",
3 -"trend-topics","goods-category","hot-brands", "hot-category", "home-header", "thumb-row", "fresh-only"; 3 +"trend-topics","goods-category","hot-brands", "hot-category", "home-header", "thumb-row";
4 4
5 .mobile-container{ 5 .mobile-container{
6 width: 100%; 6 width: 100%;