4964f0d440434946603812f51bb70e20.png

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

2.开发规范:

cf00811d12f782f1f1e3acc6c57051fa.png

3.页面配置(pages.json)

b6f2320c9444641974f1a44197471134.png

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

0d7a27fd2d1920b13f82d60c7aecf608.png

5.配置tabbar

d9947d53cb7b749921aafa55456a036d.png
属性值

实例

2ae4aac9c3c0964ce7554a71a0925a37.png
(注意:tabbar配置后还需要把路径配置到pages.json,如页面配置一样)

7、万物基于基础(基础组件)(常用)

①、

db59903b89326113b3ef424954901e1d.png

②、view

7c4f9625eb73ecfd321da92d919c7f6b.png

eb1b75ed245fcca01a8ccd6020570a0c.png
实例

③、button

48806894502a32a5f01ef960529777d8.png

④、image

72484201de42f97d62fd1a2a6e37eb31.png

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

2.

1c179891d7ee29a6ad7b48bb8bd23db6.png

3.挂载

b62dd99cbe8151111a408a40c2288242.png

4.接口调用

d5e98b31cd51db0c044967177238013f.png

11、轮播图

ce3697ae9b617a2d8468945a0698acf9.png

4753fb9d8f45726ea1c99bacbbb19f5c.png
Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐