遥遥领先一键导出微信小程序、UNIAPP低代码源码使用介绍
1.1添加组件至设计器
在左侧基本组件库选择要使用的组件,按住左键不放,拖动到设计器适合的位置上松开。
1.2修改组件图层名称
修改组件图层名称,方便快速定位组件位置。找到图层面板按钮,点击显示图层面板,图层面板将会显示当前所有的组件。
1.3修改组件字段标识
字体标识是用来区分组件的标识,尽量保持维一性,在不改变的组件标识的情况下,每拖动一次相同组件,组件标识会自动增加1,组件标识在实际使用中会根据组件特性来起效。
比如有两个字段用户名及密码,那么组件字段标识username、password。
1.2 修改组件栅格大小
通过基础的 24 分栏,迅速简便地创建布局。快速拖动栅格大小,改变布局,方便快速页面排版。
基础排版都可以直接采用栅格大小来布局,复杂的布局将会借助容器组件里FLEX组件来达到复杂的布局。
1.5. 修改图层布局
Ø 设计区拖动
在设计区找到想要变更位置组件,按住鼠标左键,即可快速变换位置。
Ø 图层区拖动
重点推荐图层区拖动,特别在复杂的布局下,通过移动组件图层的顺序来达到变更布局,达到比较精细化拖动效果。
1.6. 修改组件个数
宫格组件、图文菜单、图片轮播、组件轮播、选项卡、折叠面板等组件默认数组,支持增加、修改、删除、改变顺序。
以宫格组件为例,组件默认个数为6,移动组件对应内容区,点击对应功能按钮图标动态改变组件。
1.7. 修改组件样式
1.7.1. 基础设置
设置字体颜色、大小、是否粗体、是否斜体、文本划线等。
1.7.2. 背景设置
背景内置了背景颜色库、也支持自定义背景图片、渐变背景等,其中背景图片设置背景图片位置、图片显示方式、背景重复。
默认第一个背景颜色有为系统内置背景库。系统已经内置了常用一些背景库,可以直接使用。
如果对内置的背景库不满意,用户根据根据的要求来设计背景。
Ø 背景图片
在线自定义背景图片或直接输入图片地址。下图使用自定义背景图片及填充方式,其中填充方式在实际效果中因为图片不同会起到不同效果。
Ø 渐变背景
在线自定义渐变背景或直接输入渐变样式
Ø 背景颜色
自定义背景颜色,支持透明背景颜色
1.7.3. 外边距设置
通过使用单独的外边距属性,可以对上、右、下、左的外边距进行设置。即: margin-top、margin-right、 margin-bottom、 margin-left。
设置外边距开关:只有开关启用,才起效。
² 负值设置
外边距支持负值设置,在一些特殊场景里,使用负值来设计能达到更好的效果。
Ø 组件交叉显示
Ø **上方组件圆角效果显示
1.7.4. 内边距设置
通过使用单独的内边距属性,可以对上、右、下、左的内边距进行设置。即: padding-top、padding-right、 padding-bottom、 padding-left。
设置内边距开关:只有开关启用,才起效。
内边距设置右内边距在默认情况下,比如文本组件内边距内容又比较少的情况下效果不明显,是因为默认文本组件占比是100%,需要把组件栅格大小至0,效果比较好。比如下图实际应用效果。
1.7.5. 圆角设置
通过使用单独的圆角属性,可以对上左、上右、下左、下右的四个圆角进行设置。即: border-top-left-radius、border-top-right-radius、border-bottom-left-radius、border-bottom-right-radius。
设置圆角开关:只有开关启用,才起效。
在线实现设置不同大小,实时预览达到自己想要最佳圆角效果。
Ø 大小相同圆角
Ø 下右圆角为0
Ø 不同大小圆角
1.7.6. 边框设置
围绕元素内容和内边距的一条或多条线,对于这些线条,可以直接自定义它们的样式,宽度颜色等。支持全边框、左边框、右边框、上边框、下边框。即: border、border-left、border-right、border-top、border-bottom。
² 特殊边框设置
支持不同位置不同颜色、边框样式、颜色,只需要鼠标多在边框设置区上新增图标上,点击新增,即可设置。
1.7.7. 阴影设置
可设置中阴影的水平偏移、垂直偏移、模糊距离、阴影颜色、支持内外阴影。支持多个阴影效果叠加在一起。
² 多阴影叠加效果
移动至阴影设置上方,点击新增阴影,增加阴影,通过下方的属性设置,多个阴影效果叠加在一起。
遥遥领先一键导出微信小程序、UNIAPP低代码源码使用介绍相关推荐
- 微信小程序宠物商城项目源码来了~
微信小程序蒙服汇项目源码来了~ 微信小程序垃圾分类项目源码来了~ 微信小程序校园社团管理系统项目源码来了~ 团队承接各类小程序定制,需要加微 code_gg_boy .小商城,购物,公司的一些管理,流 ...
- 微信小程序盲盒系统源码 附带教程
微信小程序盲盒系统源码 可对接微信支付 附带教程 盲盒小程序的教学 服务器安装宝塔面板 设置好网站 数据库 设置好SSL证书 上传微擎框架 框架安装好 上传小程序后台 /addons 这个目录是放置后 ...
- 基于olami开放语义平台的微信小程序遥知之源码实现
概述 实现一个智能生活信息查询的小秘书功能,支持查天气.新闻.日历.汇率.笑话.故事.百科.诗词.邮编.区号.菜谱.股票.节目预告,还支持闲聊.算24点.数学计算.单位换算.购物.搜索等功能. 使用方 ...
- 基于java springboot的小说阅读微信小程序含后台管理系统源码
系统运行环境 开发工具 eclipse(idea),mysql5.7(大于5.5),navicat,小程序开发工具 硬件要求 windows操作系统 cpu:2.4GHz 内存:4G 硬盘:100G ...
- 驾校分期-众筹项目java前后端分离项目vue(微信小程序+java前后端源码下载)
可以idea直接打开,mysql数据库项目,前后端分离项目vue,分期可自动设置,自动换算金额 驾校分期-众筹项目java前后端分离项目vue(微信小程序+java前后端源码下载)
- 微云二手车运营版 公众号+小程序v1.1.20+微信小程序+抖音端源码安装教程
系统包括PC+公众号+小程序v1.1.20+微信小程序+抖音小程序前端,使用前先在后台初始化下数据.播播资源网技术小编看了下说明是带PC端功能,但后台没找到设置的地方,不过公众号+小程序+抖音也够用了 ...
- 校园服务小程序源代码分享园服务微信小程序全开源版源码-包含服务端
2021年4月17日更新 严正声明: [请一定勿将程序用户商业用途且 包括 用此程序去参加各类学校的竞赛或者其他以获取名利而参与的竞赛等,一旦被原作者发现将会面临严重的侵权责任后果,特别是被获奖后会遭 ...
- 关于微信小程序反编译获取源码
记录一下微信小程序如果反编译获取源码 需要用到的工具: 1.获取root权限的安卓手机,或者直接用模拟器(推荐用网易mumu模拟器,不推荐用夜神) mumu模拟器下载地址: http://mumu ...
- 爬去微信小程序服务器代码,微信小程序反编译及源码抓取(2021最新)
网易 Mumu 模拟器安装 下载完安装包后直接安装 打开模拟器 安装 微信.RE文件管理器 设置Root 权限 打开 RE文件管理器,提示请求超级用户访问权限,选择允许 到此准备工作完成. 打开微信, ...
最新文章
- linue 查询端口号 netstat
- 多采样率信号处理 ——信号的抽取与插值
- git初始化及关联远程仓库命令
- 计算机网络是如何通信的【二】
- select下拉框美化
- [Winodows Phone 7控件详解]控件基础
- 随机抽样java_实现随机抽样【随机数生成问题】
- python开发飞船游戏
- UI界面设计视觉设计参考模板,解剖分层看如何更好的运用排版法则
- linux内核调度算法(2)--CPU时间片如何分配
- onfling滑动界面进行Activity切换
- k-d tree学习总结
- MOSSE相关滤波目标跟踪论文
- 在MacOS下为2K显示器开启HiDPI
- mysql修改唯一索引
- c语言用户态锁使用,用户态自旋锁、读写自旋锁及互斥锁
- python中import re_python中re模块
- 利用python的turtle库绘制玫瑰的步骤_用python turtle画玫瑰
- JMF(Java多媒体框架)资料汇总
- 云服务案例分析 BB平台 Quiz4