Authored by biao

fix font-size style issue

... ... @@ -3,7 +3,7 @@
<div class="smooth-card-container">
{{# styleIcon}}
<div class="card {{#if @first}}active{{/if}} {{#if @last}}last{{/if}}">
<div class="img" style="background-image: url('{{image img 218 320}}')"></div>
<img class="img lazy-img" data-original="{{image img 221 320}}" />
{{> brand-text-box}}
</div>
{{/ styleIcon}}
... ...
... ... @@ -6,6 +6,8 @@
var lazyLoad = require('yoho-jquery-lazyload');
require('../common/header');
require('../common/return-top');
require('../plugins/slider');
lazyLoad($('img.lazy-img'));
... ...
.brand-text-box {
$size: 14px;
$size: 18px;
$line-height: 1.8;
$lines-to-show: 3;
... ... @@ -11,7 +11,7 @@
position: relative;
h4 {
font-size: 12px;
font-size: 16px;
font-weight: bold;
}
... ... @@ -36,7 +36,7 @@
background-color: white;
outline: none;
border: 1pX solid black;
font-size: 12px;
font-size: 16px;
cursor: pointer;
}
}
... ...
.home-page {
$sliderHeight: 645px;
width: 1150px;
margin: 10px auto 0;
.top-slider-container {
... ... @@ -38,7 +37,7 @@
position: absolute;
top: 0;
right: 0;
width: 100%;
width: 1920px;
height: 100%;
a {
... ... @@ -54,7 +53,7 @@
img {
width: 100%;
height: 100%;
height: auto;
}
}
}
... ... @@ -76,9 +75,9 @@
position: absolute;
top: 50%;
margin: -30px 0 0;
width: 30px;
height: 60px;
line-height: 66px;
width: 40px;
height: 70px;
line-height: 70px;
text-align: center;
z-index: 2;
background: #000;
... ... @@ -86,12 +85,12 @@
&.prev {
left: 50%;
margin-left: -545px;
margin-left: -615px;
}
&.next {
right: 50%;
margin-right: -545px;
margin-right: -615px;
}
&:hover {
... ... @@ -99,8 +98,8 @@
}
.iconfont {
font-size: 32px;
color: #59585a;
font-size: 34px;
color: #fff;
}
}
}
... ... @@ -158,17 +157,17 @@
position: relative;
display: inline-block;
margin: 0 3px;
width: 7px;
height: 7px;
width: 9px;
height: 9px;
background: #ccc;
cursor: pointer;
z-index: 2;
&.focus {
width: 12px;
height: 12px;
width: 16px;
height: 16px;
position: relative;
top: 2px;
top: 3px;
background: #fff;
}
}
... ... @@ -264,15 +263,9 @@
}
.floor-header {
text-align: center;
height: 80px;
height: 90px;
line-height: 1.4;
font-weight: bold;
font-size: 16px;
.zh-title {
font-size: 14px;
}
}
.main-container {
... ...
$grayBorder: #f0f0f0;
.resource-container {
margin-top: 60px;
margin-top: 80px;
}
.cursor-pointer {
... ...
... ... @@ -18,7 +18,7 @@
.brand-name {
height: $textHeight;
text-align: center;
font-size: 12px;
font-size: 16px;
font-weight: normal;
span {
... ...
.style-icon-container {
$width: 218px;
$width: 221px;
$height: 320px;
$space: 15px;
$buttonWidth: 140px;
... ... @@ -35,7 +35,7 @@
}
.brand-text-box {
$size: 12px;
$size: 16px;
$line-height: 1.2;
$lines-to-show: 3;
... ...
.slider {
position: relative;
height: 327px;
width: 100%;
width: 1920px;
overflow: hidden;
img {
max-width: 100%;
max-height: 100%;
}
}
.slide-pagination {
... ... @@ -33,22 +29,6 @@
bottom: 0;
}
/*
.slide-pagination-last span {
display: block;
float: left;
position: relative;
margin: 0 3px;
width: 6px;
height: 6px;
background: #fff;
cursor: pointer;
opacity: 0.6;
z-index: 2;
}
*/
.slide-switch {
display: none;
... ...