p71924506
/
wblog
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

调整 like 按钮的效果

This commit is contained in:
yafeilee 2014-04-03 20:43:05 +08:00
parent 12a23429d6
commit db62889114
2 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
app/assets/stylesheets/like_and_weixin.css.scss
View File

@ -1,5 +1,24 @@
.like-button {
color: #eaa296 !important;
background-color: transparent !important;
border: 1px solid #e79385 !important;
border-radius: 10rem;
&:hover {
background-color: #FCFF9E !important;
}
&:focus {
outline-style: none !important;
}
span {
margin-left: 0.23rem;
}
}
.like-button.liked {
background-color: #EAA296 !important;
color: #FFF !important;
&:focus {
outline-style: none !important;
}
}

4
app/views/blogs/_post.html.slim
View File

@ -17,9 +17,9 @@ p ng-controller="LikesController" ng-cloak=""
button.like-button ng-show="! is_liked " ng-click="submit()"
|{{ count }}
span Like
button.like-button ng-show=" is_liked " ng-click="cancel()"
button.like-button.liked ng-show=" is_liked " ng-click="cancel()"
|{{ count }}
span Liked
span Like
div ng-controller = "QRCodesController"
.qrcode
a href="#" ng-model="qrcode" ng-init="qrcode=false" ng-click="show()"