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

微调二维码样式, 支持关闭二维码

This commit is contained in:
yafeilee 2014-04-01 09:59:47 +08:00
parent 3843ffa9fc
commit a8cdc20dbb
4 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/angularjs/qrcodes.js.coffee
View File

@ -1,3 +1,3 @@
@app.controller 'QRCodesController', ($scope)-> @app.controller 'QRCodesController', ($scope)->
$scope.show = -> $scope.show = ->
$scope.qrcode = true $scope.qrcode = ! $scope.qrcode

5
app/assets/stylesheets/blogs.css.scss
View File

@ -60,3 +60,8 @@
margin-right: 0.5rem; margin-right: 0.5rem;
} }
} }
.qrcode-wrapper {
float: right;
margin-top: -2rem;
}

4
app/assets/stylesheets/qrcodes.css.scss
View File

@ -12,8 +12,8 @@
border-collapse: collapse; border-collapse: collapse;
padding: 0; padding: 0;
margin: 0; margin: 0;
width: 10px; width: 0.3rem;
height: 10px; height: 0.3rem;
} }
td.black { background-color: #000; } td.black { background-color: #000; }
td.white { background-color: #fff; } td.white { background-color: #fff; }

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

@ -21,10 +21,11 @@ p ng-controller="LikesController"
span Liked span Liked
div ng-controller = "QRCodesController" div ng-controller = "QRCodesController"
.qrcode .qrcode
span.has-tip data-tooltip="" title="使用手机继续阅读 or 帮我分享至微信朋友圈"
i.fi-link i.fi-link
a href="#" ng-model="qrcode" ng-init="qrcode=false" ng-click="show()" 二维码 a href="#" ng-model="qrcode" ng-init="qrcode=false" ng-click="show()" 二维码
.social-share ng-show='qrcode' .social-share ng-show='qrcode'
= debug blog_url(post) .qrcode-wrapper
= render partial: "qrcode", locals: { str: blog_url(post) } = render partial: "qrcode", locals: { str: blog_url(post) }