博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
semantic ui框架学习笔记二
阅读量:5905 次
发布时间:2019-06-19

本文共 5366 字,大约阅读时间需要 17 分钟。

评论组件

文档里的评论组件介绍的比较清晰。这里我就挑一个我喜欢的格式展示出来:

Comments

Matt
How artistic!
Elliot Fu

This has been very useful for my research. Thanks as well!

Jenny Hess
Elliot you are always so right :)
Add Reply
Joe Henderson
Dude, this is awesome. Thanks so much

我这里展示的是可以包含表单来回复评论的基本评论组件。

轨道

轨道是用来显示站点的主视图以外伴随的内容,轨道经常在你网站主视窗有滚动内容时,和 sticky 一起使用,以把内容固定在相对位置性伴随滚动条的移动。Semantic 默认的轨道宽度是 300px。

轨道可以设置在内容的左侧或者右侧(left, right),轨道可以在容器内部显示(internal),轨道可以对自身进行分割或者在内容之内分割(dividing),轨道可以依附在主窗口(attached),轨道可以紧贴在主视图(close,very close)。
下面是我模仿cnode社区做的一个页面:

第二届蚂蚁金服体验科技大会将于19年1月5日举行,期待与你相遇

SEE = Seeking Experience & Engineering,意为探索用户体验与工程实践,由蚂蚁金服集团举办,包括专业分享、产品展台、Workshop 等内容。 我们希望通过 SEE Conf,能与业界同行一起分享交流体验科技的当前进展,一起探讨切磋体验科技的未来发展,共同努力促进体验设计与技术的开放,让生态繁荣共赢。 继首届 SEE Conf 成功举办后,第二届 SEE Conf 将于 2019.01.05(周六)在浙江杭州的蚂蚁 Z 空间举办。 这次我们邀请来同济大学娄永琪院长和浙江大学王锐教授带我们走入学术前沿,还有大量蚂蚁金服体验科技相关的主题分享,期待你来参与。

SEE = Seeking Experience & Engineering,意为探索用户体验与工程实践,由蚂蚁金服集团举办,包括专业分享、产品展台、Workshop 等内容。 我们希望通过 SEE Conf,能与业界同行一起分享交流体验科技的当前进展,一起探讨切磋体验科技的未来发展,共同努力促进体验设计与技术的开放,让生态繁荣共赢。 继首届 SEE Conf 成功举办后,第二届 SEE Conf 将于 2019.01.05(周六)在浙江杭州的蚂蚁 Z 空间举办。 这次我们邀请来同济大学娄永琪院长和浙江大学王锐教授带我们走入学术前沿,还有大量蚂蚁金服体验科技相关的主题分享,期待你来参与。

SEE = Seeking Experience & Engineering,意为探索用户体验与工程实践,由蚂蚁金服集团举办,包括专业分享、产品展台、Workshop 等内容。 我们希望通过 SEE Conf,能与业界同行一起分享交流体验科技的当前进展,一起探讨切磋体验科技的未来发展,共同努力促进体验设计与技术的开放,让生态繁荣共赢。 继首届 SEE Conf 成功举办后,第二届 SEE Conf 将于 2019.01.05(周六)在浙江杭州的蚂蚁 Z 空间举办。 这次我们邀请来同济大学娄永琪院长和浙江大学王锐教授带我们走入学术前沿,还有大量蚂蚁金服体验科技相关的主题分享,期待你来参与。

SEE = Seeking Experience & Engineering,意为探索用户体验与工程实践,由蚂蚁金服集团举办,包括专业分享、产品展台、Workshop 等内容。 我们希望通过 SEE Conf,能与业界同行一起分享交流体验科技的当前进展,一起探讨切磋体验科技的未来发展,共同努力促进体验设计与技术的开放,让生态繁荣共赢。 继首届 SEE Conf 成功举办后,第二届 SEE Conf 将于 2019.01.05(周六)在浙江杭州的蚂蚁 Z 空间举办。 这次我们邀请来同济大学娄永琪院长和浙江大学王锐教授带我们走入学术前沿,还有大量蚂蚁金服体验科技相关的主题分享,期待你来参与。

SEE = Seeking Experience & Engineering,意为探索用户体验与工程实践,由蚂蚁金服集团举办,包括专业分享、产品展台、Workshop 等内容。 我们希望通过 SEE Conf,能与业界同行一起分享交流体验科技的当前进展,一起探讨切磋体验科技的未来发展,共同努力促进体验设计与技术的开放,让生态繁荣共赢。 继首届 SEE Conf 成功举办后,第二届 SEE Conf 将于 2019.01.05(周六)在浙江杭州的蚂蚁 Z 空间举办。 这次我们邀请来同济大学娄永琪院长和浙江大学王锐教授带我们走入学术前沿,还有大量蚂蚁金服体验科技相关的主题分享,期待你来参与。

SEE = Seeking Experience & Engineering,意为探索用户体验与工程实践,由蚂蚁金服集团举办,包括专业分享、产品展台、Workshop 等内容。 我们希望通过 SEE Conf,能与业界同行一起分享交流体验科技的当前进展,一起探讨切磋体验科技的未来发展,共同努力促进体验设计与技术的开放,让生态繁荣共赢。 继首届 SEE Conf 成功举办后,第二届 SEE Conf 将于 2019.01.05(周六)在浙江杭州的蚂蚁 Z 空间举办。 这次我们邀请来同济大学娄永琪院长和浙江大学王锐教授带我们走入学术前沿,还有大量蚂蚁金服体验科技相关的主题分享,期待你来参与。

效果图:

943694-20181227174403157-1703494613.png
部分css代码:

html {  font-size: 14px;}body {  background-color: #E1E1E1;}.ui.segment {  box-shadow: none;  border: none;}.ui.segment.article-detail p {  text-align: justify;  text-indent: 2em;}.item p {  overflow: hidden;  white-space: nowrap;  text-overflow:ellipsis;  color: #778087;}a {  color: #778087;}

标签

在一般的博客系统里面,我们都会给文章进行分类,这个时候可以通过设置标签来表名文章属于哪个分类。

cssjs

水平方向上的标签

这里主要是结合前面的列表实现的一个文章标题列表。

943694-20181228134015664-1983330714.png

转载于:https://www.cnblogs.com/sunshine21/p/10165845.html

你可能感兴趣的文章
Linux文件管理和编辑常用命令
查看>>
bluz-5.47 蓝牙
查看>>
C++ 读写文件
查看>>
海外旅游最常用的100句英语口语
查看>>
http协议进阶(五)连接管理
查看>>
服务器创建好后怎样使用远程连接工具链接的一些问题
查看>>
插件~NuGet与packages管理项目的包包
查看>>
笔试算法题(34):从数字序列中寻找仅出现一次的数字 & 最大公约数(GCD)问题...
查看>>
Python基础知识之大杂烩
查看>>
china-pub登录问题
查看>>
为什么express中打开服务端只用listen即可
查看>>
ethereumjs/ethereumjs-block-1-简介
查看>>
Comparing Your Heros拓扑序列的数量
查看>>
A Simple Problem with Integers poj 3468 多树状数组解决区间修改问题。
查看>>
shell脚本编程的10个最佳实践
查看>>
【Linux】压缩命令
查看>>
.net程序员写业务代码需要注意的地方
查看>>
Velocity基本语法
查看>>
块级元素在不确定宽度情况如何使其居中
查看>>
xhtml element
查看>>