如何快速学会微信小程序开发？
1.安装微信开发者工具
2.编写小程序基础代码
app.js:
App({
onLaunch: function () {
console.log(小程序初始化)
}
})
app.json:
{
"pages": [
"pages/index/index"
],
"window": {
"navigationBarTitleText": "小程序",
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black"
}
}
app.wxss:
/* 小程序全局样式 */
body {
background-color: #f8f8f8;
}
3.创建小程序页面
login.js：
Page({
})
login.wxml:
<!-- 登录页面代码 --> <view>登录页面</view>
login.wxss:
/** 登录页面样式 */
4.构建小程序页面
{
"pages": [
"pages/index/index",
"pages/login/login"
],
"window": {
"navigationBarTitleText": "小程序",
"navigationBarBackgroundColor": "#fff",
"navigationBarTextStyle": "black"
}
}
其中 pages文件夹中包括index、login等页面，小程序运行后，将展示index页面。
5.调用小程序API
wx.login({
success: res => {
console.log(res);
}
})
6.其他补充知识和工具
总结：
上一篇：
uniapp开发微信小程序-2.页面制作