个人怎么做微信小程序(指尖团队手把手教你)

微信小程序年前的跳一跳确实是火了一把,然后呢一直没有时间去实践项目,一直想搞但是工作上不需要所以,嗯嗯嗯嗯嗯emmmmm…..

需求

小程序语音辨认,全景图片观看,登录授权,获取个人根本信息

一:根底结构

官方开发文档:https://developers.weixin.qq.com/miniprogram/dev/(其实官方文档写的很清楚了)

跟着官方文档一步一步来,新建一个小程序项目就好

然后呢,究竟默许的仅仅根本骨架,肌肉线条仍是要自己填的

app.json是当时小程序的全局装备

小程序的一切页面途径、界面体现、网络超时时间、底部tab

需求一:底部tab,我们要像原生APP那样要有是三个常驻的按钮,切换页面

在app.json文件中增加下面的代码就能够了

还有哦,一定要装备pagepath(页面途径)

“tabBar”:{

“color”:”#cacaca”,

“selectedColor”:”#f40″,

“borderStyle”:”#fff”,

“backgroundColor”:”#ffffff”,

“list”:[

{

“pagePath”:”pages/index/index”,

“text”:”VR图片”,

“iconPath”:”image/home.png”,

“selectedIconPath”:”image/home_hover.png”

},

{

“pagePath”:”pages/voice/voice”,

“iconPath”:”image/question.png”,

“selectedIconPath”:”image/question_hover.png”,

“text”:”VR语音”

},

{

“pagePath”:”pages/me/me”,

“iconPath”:”image/mytb.png”,

“selectedIconPath”:”image/mytb_hover.png”,

“text”:”你的VR世界”

}

]
}

效果图:

需求二:看见别人家的小程序,顶部能够自定义色彩

如图:

好说,好说

同样在app.json中插入一下代码,色彩自定义啦~

“window”:{

“backgroundTextStyle”:”light”,

“navigationBarBackgroundColor”:”#458af1″,

“navigationBarTitleText”:”VR世界”,

“navigationBarTextStyle”:”black”,

“enablePullDownRefresh”:true

},

总结app.json装备,直接参阅官方文档中的app.json一切装备,一般需求都能够满意
图片[1]-个人怎么做微信小程序(指尖团队手把手教你)-宏启网络科技,个人怎么做微信小程序指尖团队手把手教你,第一步,在开始制造小程序之前,咱们需求先去微信公众渠道注册一个微信小程序,首要是为了后续完结小程序的授权以及制造完小程序后的审阅发布。

第二步,完结小程序的注册后,咱们进入【乔拓云】渠道,并注册账号以及登录进入操作后台。

第三步,进入到后台后,咱们需求找到【轻使用小程序】模块,并点击其间的【去管理】进入到小程序的设置页面。

第四步,进入到小程序设置页面后,咱们需求先完结微信小程序的授权,点击右边的【授权小程序】模块就可进行微信小程序的授权,然后再点击周围的【规划小程序】模块中的【前往规划】,进入到小程序的装修规划页面。

第五步,在小程序的装修规划页面咱们需求先点击左上角的【更换模板】,挑选适合自己行业的小程序模板。挑选好中意的小程序模板后,咱们就可根据自己的要求对模板进行修改完善了。

第六步,完结小程序模板的修改后,点击右上角的【预览】可查找小程序的使用状况,如果都已修改完结后,就能点击【审阅发布】提交小程序进行审阅了,审阅通往后就会直接发布。

© 版权声明
THE END
喜欢就支持一下吧
点赞45赞赏 分享
评论 抢沙发

请登录后发表评论