微信小程序开发基础知识

标签

view

text

block

不显示标签

可以控制是否显示标签，包裹标签

checkbox

多选标签

需要用checkbox-group包裹（一组包裹一个）

radio

单选

需要用radio-group包裹

input

默认文本标签

placeholder=“请输入密码” 暗字

placeholder-style=“color:red” 可以直接在后面输入样式

type=“number” 默认数字 点击手机弹出数字键盘

​ idcard：身份证键盘

​ digit: 小数点键盘

button

默认黑体加粗

给出几组按钮

size: 设置大小

type=“primary” 绿底白字

​ default 灰底绿字

​ warn 灰底红字

重置提交按钮：form-type=“submit” reset

需要被form bindsubmit bindreset 包裹

点击事件：bindtap

长点击(长按)：bindlongtap

监听文字是否改变：changeInput, 改变就会触发

获得焦点：getFocus

失去焦点：loseFocus

获取用户信息：bindgetuserinfo=“getUserInfo” 需要开放类型open-type=“getUserInfo” 方法体传e ：getUserInfo(e)

获取用户电话号码：bindgetphonenumber 需要开放类型

联系客服：bindcontact 需要开放类型

rich-text

nodes=“插值表达式” 用来返回整个渲染后的文本

data

msg:“” 这个里面能有id，支持class ,自动忽略点击事件

调用：this.data.message

this.setData（{

在这个个里面变值，页面跟着改变

}）

弹窗

button toast

toast(){

成功：wx.showToast({

title:‘成功’ 设置窗口类型

duration: 2000 设置窗口展示时间

加载中：wx.showLoading （{

title:‘加载中’}

两个 不能同时使用，只认最后使用的

设置加载时间：setTimeout ({

wx.hideLoading();

}, 2000)

您确定吗： wx.showModal({

title:‘您确定吗’

content：‘您确定吗’，

success:function(res){ ///点击确定 后

}

})

页面跳转

标签跳转：

navigator url=“/pages/test/test”

传参

data-number1=“”

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-DCVVbNNu-1652505987375)(C:\Users\qq\AppData\Roaming\Typora\typora-user-images\1652424877953.png)]

标签后面的修饰

文字长按可选：selectable

加上decode：就可以使用转义字符&nbsp之类的

      <  >&   '  

​     < > & '

space=“nbsp”: 空格同步