首页 > 其他分享 >ISM Web组态软件的组态应用开发之创建页面

ISM Web组态软件的组态应用开发之创建页面

时间:2023-01-28 18:34:38浏览次数:40  
标签:Web 组态 点击 首页 ISM 手机 图标 页面

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

  • ​​前言​​
  • ​​一、创建电脑端页面​​
  • ​​二、设置首页​​
  • ​​2.手机端页面​​
  • ​​2.装饰页面​​
  • ​​总结​​

前言

页面是ISM组态界面最重要的组成部分,数据的展示主要靠每个页面去展示,页面分电脑端和手机端,手机端页面在用户在手机上打开时自动跳转到手机界面。手机界面也可以用uni-app工具直接打包成android和IOS平台的安装包。


一、创建电脑端页面

点击PC端右边的图标,弹出新建页面的对话框,填写页面名称,选择页面尺寸,尺寸也可以在样式中修改

ISM Web组态软件的组态应用开发之创建页面_背景图


ISM Web组态软件的组态应用开发之创建页面_手机端_02


给页面加个背景图

ISM Web组态软件的组态应用开发之创建页面_组态软件_03


在系统图片中,选择一个背景图,然后页面的背景即可变成了我们想要的背景

ISM Web组态软件的组态应用开发之创建页面_手机端_04

二、设置首页

如果我们有多个页面,那么我们必须要设置一个展示的首页,也就是打开应用时第一个展示的页面。如下图,点击像家的图标,即可设置本页面为此应用的首页展示,如果此页面是首页,页面的前面会出现像家的图标。

ISM Web组态软件的组态应用开发之创建页面_go_05


后面两个图标依次是,编辑页面的名称,删除页面,鼠标移动上面时会有提示操作。

ISM Web组态软件的组态应用开发之创建页面_背景图_06

2.手机端页面

点击手机端右边的添加图标,

ISM Web组态软件的组态应用开发之创建页面_组态软件_07


填写页面名称,和手机尺寸

ISM Web组态软件的组态应用开发之创建页面_go_08


后面的同PC端页面操作,这里不再讲述。


2.装饰页面

ISM已经集成了很多好看也的页面元素给用户使用,点击左侧的选项卡,这里列出来了很多页面需要的元素,比如导航条、背景容器、页面装饰条、还有很多的装饰条,点击+按钮,可以浏览很多。

ISM Web组态软件的组态应用开发之创建页面_go_09


大家可以自己的想象力去装饰自己的页面。

ISM Web组态软件的组态应用开发之创建页面_vue_10

总结


SM组态软件 演示地址:http://36.133.188.61:8081/



标签:Web,组态,点击,首页,ISM,手机,图标,页面
From: https://blog.51cto.com/u_15938018/6025074

相关文章