首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

TERSUS画画一样开发软件 显示元件介绍-子页面及弹窗显示元件

TERSUS无代码手机电脑管理类软件开发,其中窗口类显示元件包括:子页面元件(Page Dialog)、弹窗显示元件(Modal Dialog)

子页面元件(Page Dialog):是手机和平板移动端设计时所用到的新页面元件,移动端是由各个页面所组成的,在按钮等元件中放置一个页面,前端用户在点击按钮时,就会以新的页面覆盖旧页面,首页中,可以并列显示多个页面,如下:

手机端管理软件多页面

1、页面元件一般有个头部和主内容区,头部中也有默认元件,所有元件,包括页面元件都可以单独定义显示样式"html.style"或在样式文件中修改默认样式类“html.styleClass”:

样式设计

2、显示块下如果需要放置多个页面,需按右键添加新页面,不能用元件选项栏中的页面元件,这个添加页面有很多默认的首页逻辑,用于移动端底部显示不同页面选项,如最上面“扫码”、“作业员”等都是单独的一个页面选项,显示不同页面;底部选项可以定义图标,可以用CSS样式类来定义选中的颜色及非选中时灰色:

多页面时底部选项

弹窗显示元件(Modal Dialog):用于在页面中显示一个弹窗,主要显示提示信息,或登录框或提交一些信息时用:

弹窗显示元件

1、弹窗默认带有确认、取消按钮,各按钮可以改名,同时对按钮进行不同逻辑设计;也可以删除不需要的默认元件;

2、同其他元件一样,可以进行不同样式属性定义;

3、如果要对弹窗进行大小及显示位置(默认中间)进行调整,需进入样式文件夹“webstylesootstrap”中对“024-modals.less"文件进行修改。

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

相关快讯

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券