fe / YOHOBUYWAP · Commits

Go to a project

Authored by unknown
Commit 1b6e6cd259dc157c285903dbe9c421f4ec4c4d7d 1 parent 982bf9fd

guang detail iconfont modify

Inline Side-by-side
Showing 12 changed files with 32 additions and 32 deletions
... ... @@ -119,13 +119,13 @@
<ul class="clearfix">
<li id="prise-btn" class="like-status{{#isLike}} liked{{/isLike}}">
<a href="javascript:;">
<i></i>
<i class="iconfont">&#xe626;</i>
<span class="like-num">{{likeNum}}</span>
</a>
</li>
<li id="collect-btn" class="sort-collect{{#isCollected}} collected{{/isCollected}}">
<a href="javascript:;">
<i></i>
<i class="iconfont">&#xe616;</i>
<span>收藏</span>
<span class="cancel-collect">取消收藏</span>
</a>
... ... @@ -135,7 +135,8 @@
{{/ userInfo}}
<div class="article-bottom-info clearfix">
{{#if tag}}
<div class="article-tag">
<div class="article-tag clearfix">
<i class="tag-icon iconfont">&#xe624;</i>
<ul class="clearfix">
{{# tag}}
<li>
... ... @@ -220,4 +221,4 @@
</div>
{{/ detail}}
{{> layout/footer}}
\ No newline at end of file
{{> layout/footer}}
... ...
... ... @@ -2,7 +2,7 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>
Created by FontForge 20120731 at Tue Dec 15 13:44:11 2015
Created by FontForge 20120731 at Wed Dec 16 11:17:36 2015
By Ads
</metadata>
<defs>
... ... @@ -121,6 +121,9 @@ d="M384 556v-513l321 257z" />
d="M662 566v-499l-299 250zM662 566z" />
<glyph glyph-name="uniE623" unicode="&#xe623;" horiz-adv-x="1000"
d="M744 502h-488q-25 0 -46 -12t-33 -33t-12 -46v-290q0 -38 26.5 -64.5t64.5 -26.5h227l200 -138v138h61q38 0 64.5 26.5t26.5 64.5v290q0 15 -4.5 29t-13 25t-19.5 19.5t-25 13t-29 4.5zM744 262z" />
<glyph glyph-name="uniE624" unicode="&#xe624;" horiz-adv-x="1025"
d="M1024 396v338q0 32 -23 55t-55 23h-331h-14q-55 0 -76 -21l-506 -506q-19 -19 -19 -46t19 -45l387 -387q18 -19 45 -19t46 19l506 506q10 10 15 25.5t5.5 26.5t0.5 31zM764 465q-36 0 -61.5 25.5t-25.5 61.5q0 17 7 33t18.5 28t27.5 18.5t34 6.5q36 0 61 -25t25 -61
t-25 -61.5t-61 -25.5z" />
<glyph glyph-name="uniE625" unicode="&#xe625;"
d="M511 748q-91 0 -173.5 -35.5t-142 -95t-95 -142t-35.5 -173.5q0 -61 16 -118.5t45 -106.5t70 -90t90 -70t106.5 -45t118.5 -16q91 0 173.5 35.5t142.5 95t95 142t35 173.5q0 185 -130.5 315.5t-315.5 130.5zM734 253h-237q-7 0 -14 3q-22 9 -22 33v237q0 10 5 18.5
t13 13.5t18 5q8 0 14.5 -3t11.5 -8t8 -11.5t3 -14.5v-200h200q10 0 18.5 -5t13.5 -13.5t5 -18.5t-5 -18t-13.5 -13t-18.5 -5zM734 253z" />
... ...
$icons: sprite-map("guang/detail/icons/*.png", $spacing: 5px);
/**/
.guang-detail-page {
width: 1150px;
margin: 0 auto 95px;
... ... @@ -146,33 +143,27 @@ $icons: sprite-map("guang/detail/icons/*.png", $spacing: 5px);
height: 36px;
line-height: 36px;
color: #535353;
font-size: 14px;
font-size: 0;
background: #efefef;
text-align: left;
i {
position: absolute;
top: 50%;
left: 8px;
width: 20px;
height: 20px;
margin-top: -10px;
i, span{
@include inline-block;
font-style: normal;
font-size: 14px;
}
span {
margin-left: 30px;
i {
margin: 0 5px 0 0;
@include opacity(0.5);
font-size: 18px;
}
.cancel-collect {
display: none;
}
}
}
.like-status a {
i {
background: sprite($icons, like);
}
}
.like-status.liked i,
.like-status.hover i{
background: sprite($icons, like-click);
@include opacity(1);
}
.like-statis.hover .like-num {
color: #000;
... ... @@ -180,12 +171,12 @@ $icons: sprite-map("guang/detail/icons/*.png", $spacing: 5px);
.sort-collect a {
i {
width: 21px;
background: sprite($icons, collect);
}
}
.sort-collect.collected a {
i {
background: sprite($icons, collect-click);
@include opacity(1);
}
span {
display: none;
... ... @@ -195,7 +186,7 @@ $icons: sprite-map("guang/detail/icons/*.png", $spacing: 5px);
}
}
.sort-collect.hover i {
background: sprite($icons, collect-click);
@include opacity(1);
}
.sort-collect.hover span {
color: #000;
... ... @@ -211,11 +202,16 @@ $icons: sprite-map("guang/detail/icons/*.png", $spacing: 5px);
.article-tag {
float: left;
background: sprite($icons, tag);
background-repeat: no-repeat;
padding-left: 32px;
max-width: 555px;
width: 588px;
.tag-icon {
float: left;
margin: 0 12px 0 0;
font-size: 20px;
font-style: normal;
}
ul {
float: left;
max-width: 555px;
li {
float: left;
margin: 0 10px 10px 0;
... ... @@ -361,7 +357,7 @@ $icons: sprite-map("guang/detail/icons/*.png", $spacing: 5px);
height: 7px;
left: 30px;
bottom: -7px;
background: image-url('detail/comment-icon.png') no-repeat;
background: image-url('guang/detail/comment-icon.png') no-repeat;
}
}
... ...