卡饭网 > 其他 > 正文

微信小程序开发工具怎么使用 微信小程序开发工具使用图文教程

来源:本站整理 作者:梦在深巷 时间:2016-09-26 05:21:28

  微信小程序开发工具怎么使用呢?很多朋友都不是很清楚,下面小编给大家带来了微信小程序开发工具使用图文教程,感兴趣的小伙伴一起看看吧!

  微信小程序开发工具使用教程如下所示:

  登陆微页官网,点击首页webapp即可开始进行制作。

  1、点击创建新APP;

  2、选择空模板,自由创作;

  3、选择主题模板,更快速的创作出炫丽的应用号;

微信小程序开发工具怎么使用  微信小程序开发工具使用图文教程

微信小程序开发工具怎么使用  微信小程序开发工具使用图文教程

  选择模板后,填写相关信息,点击开始制作进入制作界面

微信小程序开发工具怎么使用  微信小程序开发工具使用图文教程

微信小程序开发工具怎么使用  微信小程序开发工具使用图文教程

  鼠标单击素材,可设置相应的组件内容及样式,同时可以撤销,返回及预览

微信小程序开发工具怎么使用  微信小程序开发工具使用图文教程

  点击组件库--基础组件--布局;里面的5个布局组件可以布局整个APP界面

  1、双栏组件:用于布局,双栏分为两部分,默认每栏占50%,可调整占宽百分比,可往栏里拖部分基础组件

  2、面板组件:可往面板拖部分组件,以此将拖进的组件分区域管理

  3、顶部导航组件:固定于页面顶部的导航

  4、底部导航组件:固定于页面底部的导航,导航项有图文和纯文字两种模式

微信小程序开发工具怎么使用  微信小程序开发工具使用图文教程

以上所述是小编给大家介绍的微信小程序开发工具使用图文教程,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

相关推荐