找回密码
 立即注册

QQ登录

只需一步,快速开始

Gerald.Zhang
超级版主   /  发表于:2023-1-31 10:37  /   查看:2482  /  回复:0
本帖最后由 Gerald.Zhang 于 2023-2-15 16:18 编辑

上一期为大家介绍了初始界面的默认模板选择。有了模板,那么必然要在模板上做一些自定义的修改,如果按照原有提供了样式进行设计,风格上就会变得很不统一,模板也失去了意义。如何保证在样式上的统一性呢?不用担心,我们对活字格默认的UI样式也做了重新的迭代,让我们来看一下吧,走起~


在新版本中,重构后的的主题样式核心思路就是简单,易用
当我们选择任何一个支持样式设计的单元格,点开其单元格样式,会发现原先一大堆的主题色都被精简为几种基础色:
    即主要信息警告成功错误
通过预定义的场景基础色,可以便捷的覆盖到咱们业务场景中绝大多数的颜色需求。当然,咱们仍然保留了自定义单元格样式的方式,便于大家灵活定制。
image.png309042357.png

主题色
9.0的活字格默认配置了6组主题色,分别为蓝色,绿色,紫色,红色,橙色,黑色,默认蓝色。
image.png966343383.png
按钮样式
按钮现在以场景色为基础,默认提供了18种样式,类别可分为主按钮,圆角按钮,次按钮三种,同时,对于按钮的边框与圆角也做了规范设计,大家可以灵活选择,开箱即用。老版本的按钮样式将不会在当前下拉框中显示。
image.png896220397.png
文本样式
文本框的默认样式有四种,分别是小圆角,大圆角,直角与下划线。
image.png979183654.png

超链接
超链接的默认样式即为5种场景基础色
image.png307229613.png

有了这些基础样式,咱们基于模板就可以灵活的定制咱们自己的界面了,更多的关于高级单元格的样式分享,咱们下期继续~



0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部