用户国营 发表于 2024-11-10 01:42:56

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]
查看完整版本: uni-app小程序开辟(1)