uni-app小程序开辟(1)
下载软件就不多赘述了。直接上代码,写过wep端的vue看这个小程序就简朴很多,不需要搞那么多贫苦事情,直接编译器就创建好了基础模版。
1、项目结构
https://i-blog.csdnimg.cn/direct/1a1eb17804664b47a9e1e6bcca2b9e76.png
临时知道这么多,后续再补充
2、页面创建、导航栏设置、基础属性设置
https://i-blog.csdnimg.cn/direct/0a5144f8161b4db7a94ad92e5a4a49a1.png
在pages中创建好文件后,直接在pages.js中配置即可,都不需要引入导航组件,uni-app已经集成好了。
底部导航栏就更简朴,配置tabBar属性即可:
https://i-blog.csdnimg.cn/direct/74e2e22e751d482094a21c82f110f09e.png
3、 uni-app特点
(1)使用导入css,不会注册到全局中,以往写网页vue会注册到全局中,所有页面都会影响。
@import url(/static/css/test.css);(2)rpx单元是小程序新增的。 750rpx宽度就是真个手机宽度,可以顺应不同的手机大小。
4、异步调用
uni.request({
method: 'GET',
url: 'http://localhost:8081/put/t3/test',
data: {
name: 'qx',
age: '22',
sex: '男'
},
success: (res) => {
console.log('返回值', res)
}
})和vue的几乎一样,参数都大差不差
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页:
[1]