uniapp 常用的基础知识

时间:2020-11-07 16:55:16   收藏:0   阅读:39

技术图片
1.uni app 首次运行在微信开发者程序中时要打开设置->安全设置->服务端口

2.开发规范:
技术图片

3.页面配置(pages.json)
技术图片

4.单页面配置(h5配置等)

技术图片

5.配置tabbar
技术图片

属性值
实例
技术图片

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

①、
技术图片
技术图片

②、view
技术图片

技术图片

实例
③、button

技术图片

④、image
技术图片

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

技术图片

3.挂载

技术图片

4.接口调用
技术图片

11、轮播图
技术图片
技术图片

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!