文章与点评

开发工具与关键技术:VS 与layui
作者:梁英豪
撰写时间:2019年5月2日

文章与点评
文章在很多地方都可以写,但是要搭建一个结构或者模型。却要很麻烦,但是有麻烦!那就来化解麻烦吧!温故而知新。学多不压身,不学且生锈。今天还是学习了layui这个插件的引用。因为有了这个插件,真的减少了很多麻烦,所以智慧在眼前看你捡不捡。
文章搭建首先要给一个大大的容器。然后就把文章写进来。
但是添加一些小小的样式还是有些优美感。不然还是觉得太普通、太过于平凡。
引用什么的我上次已经写过了。
我就把文章放在文章浏览这个区域里,区域就是用来储存内容的。甚至还给了些小样式。
在这里插入图片描述
我刚开始是给了一个公告栏一个简洁的提示板。但是最后还是添加了一个小小的图标。给图标一个图片大小还有颜色。这样就不会觉得没什么样式可言了。
在这里插入图片描述
但是如果要每周都更新的话,我真的没这么多时间更新。我只是给了一段“更新新文章”这几个字段,还有一个就是像加载的那种小小的图标。给图标一个图片大小还有颜色。但是加载的图标没有点击事件。
因为本人学习有限,暂时性没有更新的功能。
在这里插入图片描述
这样开头就这样完成了。样式也是个有模有样了,因为智慧限制了我的范围,只能把学到的东西发挥在有用的地方就可以了。
在这里插入图片描述
然后就到了写文章内容部分了。
文章结构很简单,一个h2标签就是题目,下面的ID就是评分的ID。再下面的就是文章内容部分了。
在这里插入图片描述
有了评分ID之后就开始渲染,把ID获取在下面进行绑定。
在这里插入图片描述
写完文章的内容跟评分之后就来看看样式。

在这里插入图片描述样式就出来了,上面所显示的星星评分度数是可以随便改动,就像有一种犹豫的感觉。给了评分之后,后悔了又可以改变重新修改过来。当然这不是一个很规范的形式。但是学习会让人在于进步。
最终还有一个折叠页面的功能。
这个还蛮简洁的,如果文章多的话还可以折叠起来。这样就不用往下拉这么久了也是为了方便。
在这里插入图片描述
折叠也要一句重要的代码进行初始化。不然会折叠不起来的。
在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值