diff --git a/app/assets/stylesheets/blogs.css.scss b/app/assets/stylesheets/blogs.css.scss index 9015617..02dfc11 100644 --- a/app/assets/stylesheets/blogs.css.scss +++ b/app/assets/stylesheets/blogs.css.scss @@ -25,6 +25,11 @@ text-align: right; } +.blog-over { + margin-bottom: 1rem; + margin-top: 2rem; +} + .recent-title { border-bottom: 1px solid #dddddd; margin-bottom: 1rem; @@ -63,6 +68,13 @@ .qrcode-wrapper { float: right; margin-top: -2rem; + text-align: right; + table { + float: right; + } + p { + clear: both; + } } .subscribe-ul { diff --git a/app/views/blogs/_post.html.slim b/app/views/blogs/_post.html.slim index 6e76b79..b56fc38 100644 --- a/app/views/blogs/_post.html.slim +++ b/app/views/blogs/_post.html.slim @@ -12,6 +12,7 @@ p.ptag p.ptag | 发表于: span #{format_date(post.created_at)} +hr.blog-over p ng-controller="LikesController" button.like-button ng-show="! is_liked " ng-click="submit()" |{{ count }} @@ -21,9 +22,10 @@ p ng-controller="LikesController" span Liked div ng-controller = "QRCodesController" .qrcode - span.has-tip data-tooltip="" title="使用手机继续阅读 or 帮我分享至微信朋友圈" - 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()" + i.fi-link + | 二维码 + .social-share ng-show='qrcode' .qrcode-wrapper = render partial: "qrcode", locals: { str: blog_url(post) } diff --git a/app/views/blogs/_qrcode.html.slim b/app/views/blogs/_qrcode.html.slim index 94484e5..6890d72 100644 --- a/app/views/blogs/_qrcode.html.slim +++ b/app/views/blogs/_qrcode.html.slim @@ -1,3 +1,4 @@ .qrcode-image - qr = RQRCode::QRCode.new(str) == qr.as_html + p 使用手机继续阅读 or 帮我分享至微信朋友圈