请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

Simon.hu 讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2022-8-23 11:43  /   查看:1820  /  回复:0
本帖最后由 Simon.hu 于 2022-8-23 17:37 编辑

相信看了前面的几个组件的帖子大家还觉得不够过瘾,那这个教程帖子可能会在勾起的兴趣。
前面的帖子大家可能也能感受到组件,有点类似于元素打包,然后将这个打包的整体在不同的页面使用。
如果打包UI组件,可以有前一个帖子的效果,那么如果打包文字能有什么作用和价值?

想不明白,没关系,我给您一个截图你可能立马就有恍然大明白的感觉

仔细看Word
image.png887489013.png
这么多的标题,写内容的时候,为了格式统一我们经常需要使用不同级别的标题;这个标题的功能给我们带来了很大的方便。

拿活字格类比一下word的这个功能,在发挥一下你聪明的小脑袋瓜..............
我以超哥的UI免费版为例
一个列表页面,就有很多的文本使用不同的字体大小
image.png733375549.png
那么一个应用中要是有很多的列表页面,这些内容不是都要设置一遍字体大小?

同理一个详情页面,也有很多的不同的字体大小
image.png111694945.png

以表格填报页面为例,这里至少有3种标题
image.png237197264.png


首先,创建3个组件,并起名【一级标题】【二级标题】【正文】
image.png433759154.png
按照一般标准设置标题
  • 一级标题:字号=18,加粗
  • 二级标题:字号=16,不加粗
  • 正文:字号=10,不加粗
并将显示的内容绑定成【单元格值】
image.png338106688.png

然后,将原来详情页面,都是用组件来绑定
image.png568023070.png

这样以后,如果最终用户希望对标题文字进行修改,我们就可以仅修改组件内的字体相关设置,所有页面都会跟着变
比如把【正文】字体修改成红色,所有地方都跟着变
image.png881627807.png


评分

参与人数 5满意度 +25 收起 理由
app转转风 + 5
amtath + 5
137294886 + 5
Paper + 5
swejet + 5

查看全部评分

0 个回复

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