开始添加编辑功能

This commit is contained in:
luchenqun 2016-11-10 22:45:12 +08:00
parent 0d956a68e0
commit 8962c1cb81
2 changed files with 14 additions and 7 deletions

View File

@ -4,7 +4,7 @@ app.controller('bookmarksCtr', ['$scope', '$state', '$stateParams', '$filter', '
$scope.showSearch = false; // 书签数据
$scope.hoverItem = false;
$scope.showStyle = 'navigate'; // 显示风格'navigate', 'card', 'table'
$scope.b = [];
$scope.edit = false;
semanticInit();
var params = {

View File

@ -1,17 +1,24 @@
<div class="ui segment" ng-if="showStyle === 'navigate'">
<div class="ui container" ng-repeat="tag in bookmarks">
<div class="ui grid">
<div class="centered row">
<div class="wrap" style="width:88px;color:#0aa770;text-align:left;">
<div class=" row">
<div class="wrap" style="width:88px;color:#0aa770;text-align:left;margin-left:20px;">
<span title="{{ tag.name }}">{{ tag.name }}</span>
</div>
<div class="fourteen wide column">
<div class="ui grid container">
<div class="two wide column js-navigate-bookmark" ng-class="{divHover:hoverItem}" ng-mouseover="hoverItem=true" ng-mouseleave="hoverItem=false" ng-repeat="bookmark in tag.bookmarks" ng-click="jumpToUrl(bookmark.url, bookmark.id)" title="{{ bookmark.title }}">
<!-- <i class="remove circle icon"></i> -->
<img class="ui ui middle aligned tiny image" src="http://api.byi.pw/favicon/?url={{ bookmark.url }}" style="width:16px;height:16px">
<div
class="two wide column js-navigate-bookmark"
ng-class="{divHover:hoverItem}"
ng-mouseover="hoverItem=true"
ng-mouseleave="hoverItem=false"
ng-repeat="bookmark in tag.bookmarks"
ng-click="jumpToUrl(bookmark.url, bookmark.id)"
title="{{ bookmark.title }}">
<i class="remove circle icon" ng-if="edit"></i>
<img class="ui ui middle aligned tiny image" src="http://api.byi.pw/favicon/?url={{ bookmark.url }}" style="width:16px;height:16px" ng-if="!edit">
<span>{{ bookmark.title}}</span>
<!-- <i class="write icon"></i> -->
<i class="write icon" ng-if="edit"></i>
</div>
</div>
</div>