uni-app教程⽀付php,uniapp怎么使⽤
uniapp的使⽤⽅法：⾸先开发者需先下载安装HBuilderX；然后创建项⽬⽬录，并创建页⾯；接着配置页⾯及tabbar；最后实现运⾏即可。
本教程操作环境：windows7系统、uni-app2.5.1版本、thinkpad t480电脑。
uniapp的使⽤⽅法：
1.⾸先开发者需先下载安装 HBuilderX
1)在HBuilderX 点击⼯具栏⾥的⽂件 - >新建 - >项⽬：
2)选择uni-app，输⼊⼯程名，如：test，点击创建，即可成功创建uni-app
2.项⽬⽬录
3. 创建页⾯
4.页⾯及tabbar配置{
{
"path": "pages/index/index", "style": {
"navigationBarTitleText": "uni-app"
}
},
{
"path": "pages/homework/homework", "style": {
"navigationBarTitleText": "uni-app"
}
},
{
"path": "pages/personal/personal", "style": {
"navigationBarTitleText": "uni-app"
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black", "navigationBarTitleText": "uni-app", "navigationBarBackgroundColor": "#F8F8F8", "backgroundColor": "#F8F8F8"
},
"tabBar": {
"color": "#C3B8B4",
"selectedColor": "#F76605",
"borderStyle": "white",
"backgroundColor": "#fff",
"list": [
{
"pagePath": "pages/index/index",
"text": "学员",
"iconPath": "static/indexNormal.png", "selectedIconPath": "static/indexActive.png"
},
{
"pagePath": "pages/homework/homework", "text": "作业",
"iconPath": "static/homeworkNormal.png", "selectedIconPath": "static/homeworkActive.png" },
{
"pagePath": "pages/personal/personal", "text": "我的",selectediconpath什么意思
"iconPath": "static/personalNormal.png", "selectedIconPath": "static/personalActive.png" }
]
}
}
5.运⾏
6.运⾏效果图
相关免费学习推荐：编程视频

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。