活字格8.0 update1新功能解密：八丶单元格提升-组件功能实践（组合功能后的组件）

爱猪宝呦~

本帖最后由 Simon.hu 于 2022-8-24 09:36 编辑

前面给大家介绍了组件如何使用单个元素的设置，被复制使用，本节给大家介绍一些组合拳，准备好小板凳我要开始了

------------------------------------------------------------------------------------------------

紧接上文，我们先来看一下文字的组合

1.表单必填标签
创建一个组件，两个单元格，一个格子绑定单元格的值，另一个格子设置一个红色的星号；列宽全部设置成自适应模式。
image.png34834593.png

这样使用这个组件，一些必填的字段只需要输入单元格的值本身就OK了
image.png257892760.png

2.文本+超链接组合
这个可能大家在活字格云中见的比较多，如下图的页面，大量充斥着文本+超链接的组合
image.png346626586.png

这种情况我们就可以将这类功能设置成一个组件
image.png642043456.png

以前感受一下效果

再来看一下组件的组合

3.带有图标，水印+数据验证的组件
组件----手机号输入框
image.png498776244.png

组件--邮箱输入框

组件--数字输入框（仅作为演示，正式情况先建议使用自带的数字单元格）
image.png905284118.png

4.页面框架组件
组件--搜索框
image.png792893981.png

组件--对话框底部组件（仔细看，这个组件告诉我们，组件是可以套组件的）
image.png487325744.png

5.组件-区域隐藏组件（高级组合技能）
创建一个组件，设置2个属性

设置一个命令，大体的思路是这样
image.png986162719.png

各种设置运行时的效果
效果.gif

本想就此结束本节，突然想留一个练习题

如果我希望使用组件完成，组件内固定边距的效果，我应该如何设置？
先给一个截图，具体怎么做大家可以自己思考
image.png608477477.png

		自动登录	找回密码
密码			立即注册

[新版解密] 活字格8.0 update1新功能解密：八丶单元格提升-组件功能实践（组合功能后的组件）