LCUI 1.0 Beta 开发日志

发表于2017年10月08日

2017-11-20

开始添加 @font-face 规则解析器,现有的 CSS 解析器代码需要做些调整,方便以后添加 @media、@import、 @charset 这些规则。解析得到的 @font-face 规则数据可以靠回调函数来接收。

2017-11-18

选择器名称相同的多张样式表都是放在同一块地方,批次号为第一次创建选择器时的批次号,这个批次号主要用来决定样式表的权重,由于批次号都一样,在合并样式表时会出现一些问题,例如:

.name, .myname {
  display: inline-block;
}
.myname {
  width: 100px;
}
.name {
  width: 64px;
}

.name 第一次出现在 .myname 前面,它的批次号是 1,然而在 .myname 后面的 .name 的批次号也依然是 1,在取 .name.myname 的样式表时, .name 在后面的样式并未覆盖到 .myname 的样式,导致 width 的值为 100px,效果等同于:

.name {
  width: 64px;
  display: inline-block;
}
.myname {
  display: inline-block;
}
.myname {
  width: 100px;
}

2017-11-02

滚动条用起来很麻烦,需要手动指定滚动层和父容器,而滚动层还要手动加上 scrolllayer 类,应该做些调整,不指定这两个元素,就默认将上一个元素作为滚动层,父元素作为父容器,并为滚动层自动添加 scrolllayer 类。

添加了按钮的 css,效果如下图所示:

2017-10-08

准备开发 CSS 框架,主要功能实现可以参考 Bootstrap,项目的构建工具基于 NodeJS 运行时,CSS 预处理器、字体图标等资源可以直接用 npm install 命令安装,使用起来也很方便。框架的文档可以做成 LCUI 应用程序,运行它就能体验实际效果。等第一个版本完成后可以应用到 LC-Finder 的新版本中。

对此文章有疑问?你可以点击此链接反馈你的问题