调整一下p之间距离

This commit is contained in:
luchenqun 2017-04-11 14:50:20 +08:00
parent a8b4ab1cd8
commit 56f72c5f78
4 changed files with 57 additions and 58 deletions

View File

@ -10,7 +10,7 @@
每个浏览器上面都会有个书签可以供你收藏你以后可能还要用到的网址。但是你可能还是会遇到下列问题:
1、如果你重装系统或者换浏览器怎么办
2、如果你有多个浏览器书签该如何整合
3、如何快速搜索保存的书签比如我只想搜索某个时间保存的书签
3、如何快速搜索保存的书签比如我只想搜索某个时间保存的书签?
4、如果一个分类下面书签过多如何方便快速查看
5、我能不能查看别人收藏的书签
6、在其他地方上网的时候能不能查看我自己的书签

View File

@ -155,3 +155,7 @@ img.operator {
.ui.selection.list .list>.item, .ui.selection.list>.item {
border-radius: 0;
}
.js-p-info p{
margin-bottom:5px;
}

View File

@ -1,16 +1,16 @@
<div class="ui segment js-segment-home">
<div class="ui container">
<h2 class="ui dividing header">为什么要做个网络书签</h2>
<p>每个浏览器上面都会有个书签可以供你收藏你以后可能还要用到的网址。但是这个书签有以下几个缺点我没法忍受由于浏览器我只用Google Chrome下面的观点我都是基于该浏览器</p>
<p>1、各个浏览器之间无法同步。</p>
<p>2、容易丢失。因为这个东西是不强制注册账号的你只要一重装电脑忘记备份了你的书签就没有了。还有一个如果你使用Chrome浏览器由于Google被ZF封杀你要是不翻墙书签是没法同步的。</p>
<p>3、搜索不方便,只能搜索关键字,无法按照特定条件,比如搜索特定的加入时间,特定的类型搜索。</p>
<p>4、查阅不方便。一旦一个分类目录你收藏的过多,尼玛你在那个目录下面找起来想死的心都有。</p>
<p>5、无法查看别人收藏的书签。</p>
<p>6、在别人的电脑上无法查看我收藏的书签。</p>
<p>7、如果公用一台电脑那么收藏夹里面会收藏其他人的网址。</p>
<p>PS注册在登录界面的右下角</p>
<h2 class="ui dividing header">主要功能</h2>
<div class="ui container js-p-info">
<h3 class="ui dividing header">为什么要做个网络书签</h3>
<p>每个浏览器上面都会有个书签可以供你收藏你以后可能还要用到的网址。但是你可能还是会遇到下列问题</p>
<p>1、如果你重装系统,或者换浏览器怎么办?</p>
<p>2、如果你有多个浏览器书签该如何整合?</p>
<p>3、如何快速搜索保存的书签?比如我只想搜索某个时间段保存的书签?</p>
<p>4、如果一个分类下面书签过多,如何方便快速查看?</p>
<p>5、我能不能查看别人收藏的书签?</p>
<p>6、在其他地方上网的时候能不能查看我自己的书签?</p>
<p>7、如果公用一台电脑如何区分我收藏的跟别人收藏的书签?</p>
<p>在线书签管理工具,帮助你快速记录你喜欢的网站,并可以随时随地查看这些站点,而不必拘泥于使用的浏览器。无论在什么地方,只要能接入网络,就能打开属于你自己的网络书签,看到自己收藏的页面网址</p>
<h3 class="ui dividing header">主要功能</h3>
<p>1、需要注册账号用户。(初步完成)</p>
<p>2、网站展示有三种展示方式导航标签列表卡片。其中导航以分类展示分类顺序可以在书签分类下面拖动编辑。按照点击的次数从高到低在每个分类里面提取16个书签再按照最近添加的书签提取前面的16个书签然后合并起来。标签是一个快捷方式。列表以表格展示显示书签详细类容按照点击次数优先显示点击次数相同则按添加顺序优先。卡片以卡片方式显示按照最近添加优先显示。这几种展示方式可以在设置里面默认一种你常用的方式。(完成)</p>
<p>3、在书签分类里面可以更新分类删除分类新增分类对分类显示进行排序。分类的标签默认按照添加日期展示但是可以点击表格的标题按照点击次数添加日期最后点击从大到小进行排序。(完成)</p>
@ -21,9 +21,9 @@
<p>8、可以将搜索到其他用户的书签转存为自己的书签。(已完成)</p>
<p>9、可以将书签导出来然后导入到浏览器。(未完成)</p>
<p>10、在热门标签里面有在网上找的热门书签。可以转存收藏到自己书签里面。(完成)</p>
<h2 class="ui dividing header">联系方式</h2>
<p>微信跟扣扣530485521记得备注加书签。</p>
<h2 class="ui dividing header">开发备忘(非开发人员请无视)</h2>
<p>1、该代码我托管在Github上<a href="https://github.com/luchenqun/my-bookmark" target="_blank">my-bookmark</a>。该地址有文件夹详细说明以及部署步骤。git地址git@github.com:luchenqun/my-bookmark.git。我不做Web开发这玩意儿主要是我自己用Chrome浏览器收藏网址不好用而写的。如果你需要源码,你尽可随意使用此项目无需通知我。</p>
<h3 class="ui dividing header">联系方式</h3>
<p>微信跟QQ530485521记得备注加书签。</p>
<h3 class="ui dividing header">开发备忘(非开发人员请无视)</h3>
<p>1、该代码我托管在Github上<a href="https://github.com/luchenqun/my-bookmark" target="_blank">my-bookmark</a>。该地址有文件夹详细说明以及部署步骤。git地址git@github.com:luchenqun/my-bookmark.git。如果你需要源码你尽可随意使用此项目无需通知我。</p>
</div>
</div>

View File

@ -62,30 +62,26 @@
</form>
<div class="ui four statistics" style="margin-top:30px;" ng-show="form[1]">
<div class="statistic">
<div class="text value">{{user.created_at.substring(0, 4)}}<br>
{{user.created_at.substring(5, 10)}}
<div class="text value">{{user.created_at.substring(0, 4)}}<br> {{user.created_at.substring(5, 10)}}
</div>
<div class="label">注册时间
</div>
</div>
<div class="statistic">
<div class="text value">{{user.last_login.substring(0, 4)}}<br>
{{user.last_login.substring(5, 10)}}
<div class="text value">{{user.last_login.substring(0, 4)}}<br> {{user.last_login.substring(5, 10)}}
</div>
<div class="label">最近登陆
</div>
</div>
<div class="statistic">
<div class="value">
<i class="tags icon"></i>
{{ tagCnt }}
<i class="tags icon"></i> {{ tagCnt }}
</div>
<div class="label">分类数目</div>
</div>
<div class="statistic">
<div class="value">
<i class="bookmark icon"></i>
{{ bookmarkCnt }}
<i class="bookmark icon"></i> {{ bookmarkCnt }}
</div>
<div class="label">书签数目</div>
</div>
@ -122,21 +118,20 @@
<p>3、IE浏览器书签导出文件方法(里面含有导入的方法,请无视)<a href="http://jingyan.baidu.com/article/0bc808fc6a5bc31bd485b91b.html" target="_blank">IE浏览器收藏夹的导入</a>
</p>
<p>4、导入的文件不能超过10M</p>
<p>5、最好不要重复导入。</p>
</p>
<p>5、如果重复导入新的会覆盖旧的信息。</p>
</form>
<div class="ui container" ng-show="form[3]">
<h2 class="ui dividing header">为什么要做个网络书签</h2>
<p>每个浏览器上面都会有个书签可以供你收藏你以后可能还要用到的网址。但是这个书签有以下几个缺点我没法忍受由于浏览器我只用Google Chrome下面的观点我都是基于该浏览器</p>
<p>1、各个浏览器之间无法同步。</p>
<p>2、容易丢失。因为这个东西是不强制注册账号的你只要一重装电脑忘记备份了你的书签就没有了。还有一个如果你使用Chrome浏览器由于Google被ZF封杀你要是不翻墙书签是没法同步的。</p>
<p>3、搜索不方便只能搜索关键字无法按照特定条件比如搜索特定的加入时间特定的类型搜索。</p>
<p>4、查阅不方便。一旦一个分类目录你收藏的过多尼玛你在那个目录下面找起来想死的心都有。</p>
<p>5、无法查看别人收藏的书签。</p>
<p>6、在别人的电脑上无法查看我收藏的书签。</p>
<p>7、如果公用一台电脑那么收藏夹里面会收藏其他人的网址。</p>
<p>PS注册在登录界面的右下角</p>
<h2 class="ui dividing header">主要功能</h2>
<div class="ui container js-p-info" ng-show="form[3]">
<h3 class="ui dividing header">为什么要做个网络书签</h3>
<p>每个浏览器上面都会有个书签可以供你收藏你以后可能还要用到的网址。但是你可能还是会遇到下列问题</p>
<p>1、如果你重装系统或者换浏览器怎么办</p>
<p>2、如果你有多个浏览器书签该如何整合</p>
<p>3、如何快速搜索保存的书签比如我只想搜索某个时间段保存的书签</p>
<p>4、如果一个分类下面书签过多如何方便快速查看</p>
<p>5、我能不能查看别人收藏的书签</p>
<p>6、在其他地方上网的时候能不能查看我自己的书签</p>
<p>7、如果公用一台电脑如何区分我收藏的跟别人收藏的书签?</p>
<p>在线书签管理工具,帮助你快速记录你喜欢的网站,并可以随时随地查看这些站点,而不必拘泥于使用的浏览器。无论在什么地方,只要能接入网络,就能打开属于你自己的网络书签,看到自己收藏的页面网址</p>
<h3 class="ui dividing header">主要功能</h3>
<p>1、需要注册账号用户。(初步完成)</p>
<p>2、网站展示有三种展示方式导航标签列表卡片。其中导航以分类展示分类顺序可以在书签分类下面拖动编辑。按照点击的次数从高到低在每个分类里面提取16个书签再按照最近添加的书签提取前面的16个书签然后合并起来。标签是一个快捷方式。列表以表格展示显示书签详细类容按照点击次数优先显示点击次数相同则按添加顺序优先。卡片以卡片方式显示按照最近添加优先显示。这几种展示方式可以在设置里面默认一种你常用的方式。(完成)</p>
<p>3、在书签分类里面可以更新分类删除分类新增分类对分类显示进行排序。分类的标签默认按照添加日期展示但是可以点击表格的标题按照点击次数添加日期最后点击从大到小进行排序。(完成)</p>
@ -144,13 +139,13 @@
<p>5、添加书签的时候会自动获取title供用户编辑。其中Insert键打开添加页面再次按Insert键保存书签Esc取消添加。(完成)</p>
<p>6、可以导入Chrome的书签导出文件暂时做在设置里面。(完成)</p>
<p>7、书签可以作为公有或者私有公有可供所有人搜索。(完成)</p>
<p>8、可以将搜索到其他用户的书签转存为自己的书签。(完成)</p>
<p>8、可以将搜索到其他用户的书签转存为自己的书签。(完成)</p>
<p>9、可以将书签导出来然后导入到浏览器。(未完成)</p>
<p>10、在热门标签里面有在网上找的热门书签。可以转存收藏到自己书签里面。(完成)</p>
<h2 class="ui dividing header">联系方式</h2>
<p>微信跟扣扣530485521记得备注加书签。</p>
<h2 class="ui dividing header">开发备忘(非开发人员请无视)</h2>
<p>1、该代码我托管在Github上<a href="https://github.com/luchenqun/my-bookmark" target="_blank">my-bookmark</a>。该地址有文件夹详细说明以及部署步骤。git地址git@github.com:luchenqun/my-bookmark.git。我不做Web开发这玩意儿主要是我自己用Chrome浏览器收藏网址不好用而写的。如果你需要源码,你尽可随意使用此项目无需通知我。</p>
<h3 class="ui dividing header">联系方式</h3>
<p>微信跟QQ530485521记得备注加书签。</p>
<h3 class="ui dividing header">开发备忘(非开发人员请无视)</h3>
<p>1、该代码我托管在Github上<a href="https://github.com/luchenqun/my-bookmark" target="_blank">my-bookmark</a>。该地址有文件夹详细说明以及部署步骤。git地址git@github.com:luchenqun/my-bookmark.git。如果你需要源码你尽可随意使用此项目无需通知我。</p>
</div>
</div>
</div>