小程序:1-基本的标签记录

时间:2022-03-07 20:03:29

view :盒子
text:文本,可长按复制,可嵌套,会转义

<text class="user-name"><text style="color: red">hello</text>, 七月</text>

rpx:长度单位,可在各个机型做自适应
content外部有一个page标签

关于rpx的一些概念


  1. pt:逻辑分辨率,px:像素个数,reader表示一个pt下有几个px
  2. rpx的作用:

使用rpx,小程序会在不同的分辨率下进行转化。但是不是所有的尺寸都使用rpx,比如文字,比如大标题。

还学到的一些循环标签等
  1. 设置data: this.setData(接收一个对象)
  2. 循环: wx:for=“{{数据}}”, wx:for-item=“item”, wx:for-index=“index”

    循环默认就是item和index,所以如果不写也可以。

    需要有一个block标签包裹?但是我没有包裹也可以?

上面要注意的是和vue的区别。

tab事件和页面跳转

bindTab: 所有的事件前面都要加上bind或者catch
bind和catch的区别是什么?
bind冒泡执行,catch不冒泡。

跳转方法:

navigateTo({
url: ‘XXXXXXX’
})
redirectTo({
url: ‘XXXXXXX’
})
redirectTo触发发声明周期onUnload(方法)页面关闭,卸载数据,同级页面跳转。navigateTo触发hide()声明周期方法,页面隐藏,跳转到子页面。