专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

2分钟上手、3小时学会无代码软件开发---前端及样式设计

ins518 2024-09-29 18:37:14 技术文章 186 ℃ 0 评论

样式:

  • 软件用户看到的效果都是用样式标签进行设计的
比如定义一个按钮在屏上的显示宽度100像素:width:100px; 
 · 其中width是样式标签,100px是样式值
可以参考样式规范来设计自己想要的样式:www.w3school.com.cn
常用且需要记住的样式不多,参考下节内容
  • 样式的定义属于元件属性定义的一种属性,参考“元件属性”中处理方式

用法一:直接添加对象样式

  • 处理方式
第一步:选中对象,添加 html.style 属性名称
第二步:添加样式标签和样式值即可

选中对象,添加属性名称,添加样式值

用法二:样式文件中定义样式类,开发区中选中元件添加样式类属性名称、类名称为属性值

  • 我们采用最主流的Bootstrap样式和Less框架且预定义了一套样式,可在此基本上修改样式文件自定义样式

项目文件夹中的样式文件(LESS框架样式+Bootstrap框架)

  • 在样式文件中定义样式类,对同类风格显示的元件,进行统一样式管理,样式类定义请参考本章“用样式类来定义样式”一节的内容
  • 新样式可添加在任意一个样式类文件中,最好是在对象对应的Less文件中添加

样式文件中定义样式类(如 .zihao)

将样式类名称 zihao 放于 html.styleClass 属性中 ,多个类名一起放入时空格隔开


*****

本文为TERSUS无代码开发手册文章,供参考学习使用,在有需要详细了解对应内容时细看学习,敬请关注并转发文章

参考我们手册第一个文章中的2分钟的计算器功能的拖放连线开发演示,可学会无代码开发是如何开发软件的

想学无代码软件开发的学员请先学习3小时免费教学视频,3小时内可学会开发并开发出一套管理软件系统,然后看手册及其他视频来进阶提高快速成为高级开发人员

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表