用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

1

主题

2

帖子

131

积分

layout可视化工具

积分
131
2016-12-6 11:09:03 忐忑 layout可视化工具 楼主 145041
本帖最后由 忐忑 于 2016-12-6 11:09 编辑

小程序可视化设计工具Layout Design设计的一个官网首页
@comeonliuqd @hongweicao @天下雪
下载连接地址:http://pan.baidu.com/s/1hsBfDXy

此工具通过可视化操作进行布局,依据iphone6尺寸设置画布,可以自动生成rpx和百分比的wxss。后续还会增加js代码自动生成。
工具中组件按照微信小程序开发规范进行了缺省设置,margin、padding、fontsize、fontfamily、color等属性按照微信视觉一致规范定制而成。
软件左侧是常用组件,中间是画布,右侧是wxss属性设置面板。
wviewrow组件是小程序view的延伸,自动设置主轴:row。
wviewcolumn组件是小程序view的延伸,自动设置主轴:column。
wtextinput#组件按照微信规范设置字体大小。
wscrollview对应微信的scroll-view组件。
wswiper对应微信的swiper组件。
布局之后,点击下面的wxml,wxss,wxsspercent(百分比单位),wxssrpx(rpx单位)标签自动生成代码。

Layout-Design-加载动画(帧).gif
01.png
02.png
03.png
04.png
05.png

评分

参与人数 3原创 +2 浮云 +50 收起 理由
jsh5css + 1 + 20 很给力!
comeonliuqd + 10
天下雪 + 1 + 20 赞一个!

查看全部评分

那么必须支持一下了,给楼主点赞
有问题请在本站内搜索相应关键词,假如无法解决请在综合交流区内发帖咨询,发帖时请提供详细的问题描述、相关图片及代码。
天下雪 发表于 2016-12-6 11:09
那么必须支持一下了,给楼主点赞

支持支持
棒棒的
楼主辛苦,感谢搂着分享!
2016-12-7 09:17:06 jsh5css原创达人 优秀会员纪念 开发者认证 版主
7#
好流弊,期待越来越强大
似乎是h5的,楼主考虑过设计一下手机端没有,这个似乎是pc端的
有问题请在本站内搜索相应关键词,假如无法解决请在综合交流区内发帖咨询,发帖时请提供详细的问题描述、相关图片及代码。
2017-11-17 09:41:48 bqrwa 攻城狮
9#
这么强,支持楼主,佩服
卧槽   简直是为我这种没有UI技能的终极福利
百度云的资源没有了
2018-11-22 11:43:42 Embrace 攻城狮
12#
更新时 检查网络失败 是什么意思
链接不能用了,哪里可以下载
链接失效啦 ~~~
发新帖
您需要登录后才可以回帖 登录 | 立即注册