好久又没有写博客了,总是以忙为借口,哎,知识如果只图一时的学习之快,不加以总结输出,总是会忘记。希望自己可以好好规划一下吧。最近任务需要,学习了semantic-ui这个前端框架。这里先基本记录一下如何去使用它。
我在网上找到了一个semantic-ui的中文文档网站:semantic-ui文档
这里面,讲述了semantic-ui各个组件的使用方法,非常详细。具体的使用方法,就是在HTML中引入css和js,但是在引入js前时,需要先引入jQuery(semantic-ui的js依赖于它)
使用:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200412200059356.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpbGdyaW1fMTIx,size_16,color_FFFFFF,t_70#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200412200135181.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpbGdyaW1fMTIx,size_16,color_FFFFFF,t_70#pic_center)
使用效果其实还挺不错的,我照着b站上的学习视频,使用semantic-ui,动手操作了一下,发现页面还是比较美观的。如下图:
![在这里插入图片描述](https://img-blog.csdnimg.cn/20200412200447612.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BpbGdyaW1fMTIx,size_16,color_FFFFFF,t_70#pic_center)
推荐了解使用。