更新一下卡片布局

This commit is contained in:
luchenqun 2017-03-16 17:31:54 +08:00
parent fad2bb89cc
commit 5b2dacbbe4
2 changed files with 8 additions and 2 deletions

View File

@ -110,10 +110,16 @@
<div class="image" href="{{ bookmark.url }}" ng-click="jumpToUrl(bookmark.url, bookmark.id)" style="cursor:pointer"> <div class="image" href="{{ bookmark.url }}" ng-click="jumpToUrl(bookmark.url, bookmark.id)" style="cursor:pointer">
<img ng-src="./images/snap/{{bookmark.id}}.png" err-src="./images/snap/default.png"/> <img ng-src="./images/snap/{{bookmark.id}}.png" err-src="./images/snap/default.png"/>
</div> </div>
<div class="extra content tags" ng-show="!bookmark.edit" style="height:50px;"> <div class="extra content tags" style="height:50px;">
<div class="ui label" ng-repeat="tag in bookmark.tags" tag-id="{{ tag.id }}" ng-click="jumpToTags(tag.id)"> <div class="ui label" ng-repeat="tag in bookmark.tags" tag-id="{{ tag.id }}" ng-click="jumpToTags(tag.id)">
{{ tag.name }} {{ tag.name }}
</div> </div>
</div>
<div class="extra content" ng-show="!bookmark.edit" style="height:50px;padding-right: 0px;">
<span class="left floated like" style="margin-top:4px;">
<img class="ui ui middle aligned tiny image" ng-src="http://g.soz.im/{{bookmark.url}}/cdn.ico" style="width:16px;height:16px;cursor:pointer;" ng-click="jumpToUrl(bookmark.url, bookmark.id)" favicon-err="./images/favicon/{{bookmark.id}}.ico">
{{ bookmark.created_at }}
</span>
<i class="ellipsis horizontal icon right floated" style="margin-top:6px;" ng-mouseover="bookmark.edit=true;"></i> <i class="ellipsis horizontal icon right floated" style="margin-top:6px;" ng-mouseover="bookmark.edit=true;"></i>
</div> </div>
<div class="extra content" ng-show="bookmark.edit" ng-mouseleave="bookmark.edit=false;" style="height:50px;"> <div class="extra content" ng-show="bookmark.edit" ng-mouseleave="bookmark.edit=false;" style="height:50px;">

View File

@ -1,4 +1,4 @@
<div class="ui segment js-hot-card" style="min-height:300px;"> <div class="ui segment js-hot-card" style="min-height:120px;">
<div class="ui five stackable cards" infinite-scroll='loadCardData()' infinite-scroll-immediate-check="false"> <div class="ui five stackable cards" infinite-scroll='loadCardData()' infinite-scroll-immediate-check="false">
<div class="card" ng-repeat="bookmark in bookmarks"> <div class="card" ng-repeat="bookmark in bookmarks">
<div class="content" style="max-height:70px;cursor:pointer" ng-click="jumpToUrl(bookmark.url)"> <div class="content" style="max-height:70px;cursor:pointer" ng-click="jumpToUrl(bookmark.url)">