微信小程序笔记1

it2022-05-05  150

文章目录

wxml+wxssbutton取消虚边switch控制整体大小 jsgetApp()获取微信头像、昵称 wx.abc() & wx.abc 方法获取自定义变量模态框获取form中的数据

wxml+wxss

button取消虚边

button::after 控制的虚边,对其设置border:none就行。 另外button本身是相对定位,最好不要把它改成static。

switch控制整体大小

wxss的 zoom 属性可以控制。

js

getApp()

此对象能获取app.js中App()的所有方法。

获取微信头像、昵称

{ wx.getSetting({ success: res => { if (res.authSetting && res.authSetting['scope.userInfo']) { // 已经授权,可以直接调用 getUserInfo 获取头像昵称 wx.getUserInfo({ success: function (data) { console.log(data.userInfo); // { // avatarUrl: '微信头像img文件path' // nickname: '微信昵称' // } } }); } else { this.showShouquan = true; // 打开模态框进行授权 } } }); }

附带链接:https://www.jianshu.com/p/79a65a9a3a6e

wx.abc() & wx.abc 方法

获取自定义变量

e.currenttarget.dataset会返回一个对象, 返回的是wxml对应绑定标签的“data-”属性&值

模态框

wx.showModal({ title: '提示', content: '功能未开放', <mark>sshowCancel: false, // 不显示取消</mark> success(res) { if (res.confirm) { console.log('用户点击确定') } } })

获取form中的数据

e.detail.value会返回一个对象, name键,value值 form的bindsubmit属性


最新回复(0)