小程序简单介绍

逆战–小程序基本介绍

一、配置导航
嘻嘻嘻
在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 显示控制点

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

感谢观看!!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值