重排tag页面的分类显示

This commit is contained in:
HelloWorld 2019-11-27 16:18:24 +08:00
parent ccf4bdcb84
commit 567516031b
2 changed files with 16 additions and 26 deletions

View File

@ -545,7 +545,7 @@ app.controller('tagsCtr', ['$scope', '$filter', '$state', '$window', '$statePara
});
setTimeout(() => {
$('.js-tag-label .ui.label .icon').popup();
$('.js-tag-label .icon').popup();
}, 3000);
function clickCmp(a, b) {

View File

@ -1,31 +1,21 @@
<div class="ui segment js-tags">
<div class="ui container" ng-show="!editMode" style="cursor:default;padding: 10px 0px">
<div class="ui grid">
<div class="two wide column js-tag-label" style="padding: 10px;">
<div class="ui small label" ng-class="{green:costomTag.bookmarkClicked}" ng-click="getBookmarks(-1, 1)">
<div class="ui container" ng-show="!editMode" style="cursor:default">
<div class="ui label" style="margin:3px 15px 8px 0px;cursor:default;" ng-class="{green:costomTag.bookmarkClicked}" ng-click="getBookmarks(-1, 1)">
{{ costomTag.name }} ({{ costomTag.cnt || 0 }})
</div>
</div>
<div class="two wide column js-tag-label" ng-if="tag.cnt" style="padding: 10px;" ng-repeat="tag in tags">
<div class="ui small label" ng-class="{green:tag.bookmarkClicked}" ng-click="getBookmarks(tag.id, 1)">
<div class="ui label" style="margin:3px 15px 8px 0px;cursor:default;" ng-if="tag.cnt" ng-repeat="tag in tags" ng-class="{green:tag.bookmarkClicked}" ng-click="getBookmarks(tag.id, 1)">
{{ tag.name }} ({{ tag.cnt || 0 }})
</div>
</div>
<div class="two wide column js-tag-label" style="padding: 10px;">
<div class="ui small label" ng-class="{green:costomAllUsersTag.bookmarkClicked}" ng-click="getBookmarks(-2, 1)">
<div class="ui label" style="margin:3px 15px 8px 0px;cursor:default;" ng-class="{green:costomAllUsersTag.bookmarkClicked}" ng-click="getBookmarks(-2, 1)">
{{ costomAllUsersTag.name }} ({{ costomAllUsersTag.cnt || 0 }})
</div>
</div>
<div class="two wide column js-tag-label" style="padding: 10px;">
<div class="ui small label">
<div class="ui label js-tag-label" style="margin:3px 15px 8px 0px;cursor:default;">
<i class="plus icon" data-content="点击添加分类" data-position="top center" ng-click="showAddTag()"></i>
<i class="pencil alternate icon" data-content="点击进入分类编辑模式" data-position="top center" ng-click="toggleMode(true)"></i>
<i class="table icon" style="margin-right:0px;" data-content="点击以条目显示" data-position="top center" ng-show="showMode=='table'" ng-click="toggleShowMode('item')"></i>
<i class="list icon" style="margin-right:0px;" data-content="点击以表格显示" data-position="top center" ng-show="showMode=='item'" ng-click="toggleShowMode('table')"></i>
</div>
</div>
</div>
</div>
<div class="ui container" ng-show="editMode" ng-mousedown="storeTagIndex()" ng-mouseup="updateTagIndex()">
<p>提示:拖拽分类即可进行排序。如果添加新的分类,返回之后不会显示添加的分类,因为默认只显示有书签的分类。</p>
<div class="ui six stackable cards" sv-root sv-part="tags">