Authored by 王水玲

新人专享sass文件修改

  1 +.fresh-swiper {
  2 + position: relative;
  3 + height: 200rem / $pxConvertRem;
  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: 20rem / $pxConvertRem;
  21 + text-align: center;
  22 + .pagination-inner {
  23 + display: inline-block;
  24 + span {
  25 + display: inline-block;
  26 + width: 14rem / $pxConvertRem;
  27 + height: 14rem / $pxConvertRem;
  28 + background: #fff;
  29 + opacity: 0.5;
  30 + margin: 0 (9rem / $pxConvertRem);
  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: 15rem / $pxConvertRem;
  43 + background-color: #fff;
  44 +
  45 + ul {
  46 + box-sizing: border-box;
  47 + }
  48 +
  49 + li {
  50 + float:left;
  51 + width:240rem / $pxConvertRem;
  52 + margin: (20rem / $pxConvertRem) (10rem / $pxConvertRem) 0 (10rem / $pxConvertRem);
  53 +
  54 + &:first-child {
  55 + margin-left: 20rem / $pxConvertRem;
  56 + }
  57 +
  58 + &:last-child {
  59 + margin-right: 20rem / $pxConvertRem;
  60 + }
  61 +
  62 + .img-box {
  63 + height: 100%;
  64 + height:320rem / $pxConvertRem;
  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: 48rem / $pxConvertRem;
  83 + font-size: 22rem / $pxConvertRem;
  84 +
  85 + }
  86 +
  87 + .cur-price {
  88 + color: #d62927;
  89 + font-size: 22rem / $pxConvertRem;
  90 + }
  91 +
  92 + .old-price {
  93 + margin: 0 0 0 (10rem / $pxConvertRem);
  94 + color: #b0b0b0;
  95 + text-decoration: line-through;
  96 + font-size: 22rem / $pxConvertRem;
  97 + }
  98 +
  99 + .fresh-icon {
  100 + background: #d62927;
  101 + width: 100rem / $pxConvertRem;
  102 + height: 33rem / $pxConvertRem;
  103 + display: block;
  104 + margin: (8rem / $pxConvertRem) auto 0 auto;
  105 + color: #fff;
  106 + text-align: center;
  107 + border-radius: 40rem / $pxConvertRem;
  108 + line-height: 37rem / $pxConvertRem;
  109 + font-size:12rem / $pxConvertRem;
  110 + }
  111 + }
  112 + }
  113 +}
  114 +
  115 +.fresh-list{
  116 + position: relative;
  117 + padding:(15rem / $pxConvertRem) 0 0 (15rem / $pxConvertRem);
  118 +}