uniapp 常用的基础知识

高斋晓开卷,独共圣人语。这篇文章主要讲述uniapp 常用的基础知识相关的知识,希望能为你提供帮助。

uniapp 常用的基础知识

文章图片

1.uni app 首次运行在微信开发者程序中时要打开设置-> 安全设置-> 服务端口
2.开发规范:
uniapp 常用的基础知识

文章图片

3.页面配置(pages.json)
uniapp 常用的基础知识

文章图片

4.单页面配置(h5配置等)
【uniapp 常用的基础知识】
uniapp 常用的基础知识

文章图片

5.配置tabbar
uniapp 常用的基础知识

文章图片

属性值
实例
uniapp 常用的基础知识

文章图片

(注意:tabbar配置后还需要把路径配置到pages.json,如页面配置一样)
7、万物基于基础(基础组件)(常用)
①、
uniapp 常用的基础知识

文章图片

uniapp 常用的基础知识

文章图片

②、view
uniapp 常用的基础知识

文章图片

uniapp 常用的基础知识

文章图片

实例
③、button
uniapp 常用的基础知识

文章图片

④、image
uniapp 常用的基础知识

文章图片

8、uniapp的样式
< 1> 、rpx即响应式px,一种根据屏幕自适应的动态单位。
< 2> 、使用@import语句可以导入外联样式表(相对路径)用; 结束。
< 3> 、支持的选择器有class、id、element3。
< 4> 、定义在App.vue中的样式为全局样式,作用于每一个页面。在pages目录下的vue文件中定义的样式为局部样式,只作用在对应的页面,并会覆盖App.vue中相同的选择器。
9、uni-ui
uni-ui 是Dcloud提供的一个跨端ui库,它是基于vue组件、flex布局的、无dom的跨全端ui框架(插件市场插件)
10、uniapp 接口封装
1.项目根目录新建文件夹-> util文件夹-> api.js
uniapp 常用的基础知识

文章图片

3.挂载
uniapp 常用的基础知识

文章图片

4.接口调用
uniapp 常用的基础知识

文章图片

11、轮播图
uniapp 常用的基础知识

文章图片

uniapp 常用的基础知识

文章图片


    推荐阅读