小程序简单介绍

逆战–小程序基本介绍

一、配置导航
小程序简单介绍
在pages下的json文件里配置,根据开发文档来配置

常用钩子函数:onLaunch() 打开小程序自动触发、onShow() onHide() onError() 见名知意,这三个钩子函数分别是小程序显示/隐藏/错误监听函数。

在app里声明的函数和全局数据,可以被整个小程序的代码使用
小程序简单介绍

二、元素
类似span标签
小程序简单介绍 类似img 绝对路径:"/images/01.png"
类似div

三、响应式长度单位rpx
让元素适配不同的屏幕宽度
无论哪种设备,都规定屏幕宽度为750rpx

四、导航组件选项卡:navigator(icon来自阿里巴巴矢量图标库)
-----在app.json里
小程序简单介绍
五、选项卡统一导航样式----在app.json里
小程序简单介绍
六、数据绑定
在对应的js的data里赋值msg,然后{{msg}}调用
也可以用表达式{{(score>=60?“及格”:“不及格”)}}

七、wx:if—类似v-show,当为true的时候显示
强烈推荐

八、wx:for----类似v-for,但是他用的是item,下标是index
小程序简单介绍
九、swiper轮播
小程序简单介绍
swiper-item里能放各种内容
indicator-dots 显示控制点

以上内容,只是自己的理解,仅供参考,具体内容请看开发文档

感谢观看!!!