无代码软件开发输入框样式设计

腾讯课堂免费学习,3小时学会开发,可开发一套简单系统

无代码开发时,对输入框等任何显示元件,都可以用样式标签来定义显示样式(两种样式设定方式之一):

选中显示元件,添加样式属性名称,添加样式标签及值,保存运行

可以用CSS样式标签,对输入框元件设定宽度、高度、边距等常用样式。以下演示中,我们设定了宽度为上级元件宽度的60%、左边距为整行宽度的13%使输入框基本显示在页面中间(也可以是15%)、且高度为35像素,样式值写为:width:70%;margin-left:13%;height:35px; 主要处理步骤如下:

最初默认的显示样式

选中元件,单击右下带+号的属性添加按钮,添加样式属性标签html.style

添加样式值:width:70%;margin-left:13%;height:35px;

保存修改内容,运行项目后的页面效果

所有元件添加样式属性的方式都是这样的,但是样式定义还有一种样式类处理方式,下节会演示说明;样式是对当前的元件进行独立样式定义。如果很多元件需要定义一样的样式,最好用样式类定义。

样式定义的属性名“html.style”是无代码开发平台设定的固定写法,CSS标签是网络统一的规范,相关信息可以参考tersus.cn上的开发文档中部分内容。CSS标签常用的也就十多个可以记住标签名称和标签值的设定方式随意添加使用(值一般就是像素和百分比)。

可以在腾讯课堂搜索“无代码软件开发”或“尚识”在线课免费学习入门课程,3小时即可学会开发,系统学习只需2天完成全技能学习。可以自学无代码开发技能,无需代码及编程知识,可以开发JAVA类的大型企业应用,几万到百万以上复杂项目均可用无代码进行快速开发。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190416A0EF4C00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券