低代码UI构件程序设计基础实训一

步骤一

低代码在线调试工具 网址

低代码在线调试工具

低代码UI构件程序设计基础实训一_第1张图片

低代码UI构件程序设计基础实训一_第2张图片低代码UI构件程序设计基础实训一_第3张图片低代码UI构件程序设计基础实训一_第4张图片低代码UI构件程序设计基础实训一_第5张图片步骤二

D盘建一个文件夹,文件夹下建两个文件夹ico和js

低代码UI构件程序设计基础实训一_第6张图片

网上找一些图片,后缀.png,编号从0开始,图片另存到ico文件夹下

下载(右键另存为)以下四个页面

前三个存入js文件夹下,最后一个保存类型更改

低代码UI构件程序设计基础实训一_第7张图片

低代码UI构件程序设计基础实训一_第8张图片

低代码UI构件程序设计基础实训一_第9张图片
用记事本打开pc.htm,改代码

如何建一级菜单

低代码UI构件程序设计基础实训一_第10张图片低代码UI构件程序设计基础实训一_第11张图片低代码UI构件程序设计基础实训一_第12张图片

建二级菜单

低代码UI构件程序设计基础实训一_第13张图片

低代码UI构件程序设计基础实训一_第14张图片低代码UI构件程序设计基础实训一_第15张图片低代码UI构件程序设计基础实训一_第16张图片低代码UI构件程序设计基础实训一_第17张图片低代码UI构件程序设计基础实训一_第18张图片

设置二级菜单宽高和颜色

背景色为顶部菜单栏颜色,选中色为点击菜单栏时颜色,可以设置_.层的左为100,看着比较正常了就低代码UI构件程序设计基础实训一_第19张图片

低代码UI构件程序设计基础实训一_第20张图片低代码UI构件程序设计基础实训一_第21张图片上图的bug就是刚才说的_.层

总的代码,这个是正常的,忘了截结果图了

低代码UI构件程序设计基础实训一_第22张图片

你可能感兴趣的:(低代码)