- 关于表单复选框与单选框添加事件
通过在checkbox-group和radio-group上添加bindchange事件，来获取结果
//--js
data:{
checkboxData: { false,false }
}
//--ttml
<checkbox-group bindchange="checkboxChangeFn">
<label class="setting">
<checkbox value="aaaa" checked="{{checkboxData[0]}}" color="#F85959" />
<text>设为默认地址</text>
</label>
<label class="setting">
<checkbox value="bbbb" checked="{{checkboxData[1]}}" color="#F85959" />
<text>设为默认地址</text>
</label>
</checkbox-group>
- checkbox背景色，可通过属性color设置
- 通过bindchange事件处理函数，来获取value值(如:aaaa,bbbb)，并修改数据checkboxData的checked的状态
- 关于api兼容汇总（三种方式）
- 通过版本号比较查看
//-- 获取当前系统版本号
var _systemInfo = tt.getSystemInfoSync();
console.log(_systemInfo.version);
//-- 比较版本函数
compareVersion(v1, v2){
v1 = v1.split('.')
v2 = v2.split('.')
const len = Math.max(v1.length, v2.length)
while(v1.length < len){
v1.push('0')
}
while(v2.length < len){
v2.push('0')
}
for(let i = 0; i < len; i++){
const num1 = parseInt(v1[i])
const num2 = parseInt(v2[i])
if (num1 > num2){
return true;
}else if(num1 < num2){
return false;
}
}
}
//-- 基础库 2.30.0 开始支持本方法
if(compareVersion(_systemInfo.version,2.30.0)){
//-- 兼容
}else{
//-- 不兼容
}
- 判断API是否存在
if (tt.navigateToMiniProgram) {
tt.navigateToMiniProgram();
} else {
tt.showModal({
title: "提示",
content:
"当前客户端版本过低，无法使用该功能，请升级客户端或关闭后重启更新。",
});
}
- 通过caniuse来判断
if(tt.canIUse('getUserProfile')){
console.log('getUserProfile-兼容');
}else{
console.log('getUserProfile-不兼容');
};
注: 通过版本号比较，不太准确，
比如：
系统版本号：6.6.3，使用API里的getUserProfile需要版本号2.30.0以上兼容，但实际使用中发现无法使用，且log信息tt.getUserProfile未定义函数
- 关于小程序获取用户信息的接口
更新日志：2021-11-25
基础库 2.30.0 开始支持
- 新增 <open-data> 组件
- 新增 tt.getUserProfile
逐步收回 tt.getUserInfo 获取用户基本信息的能力，将来该接口只会返回匿名用户信息
-
官当针对自定义导航，最新更新
导航的三种风格
- 其中申请特殊导航，需要在 开发管理 - 页面结构自定义 中去申请，需要小程序评级S;
- 在设计与开发中，自定义导航时候，需要避开左侧
常驻LOGO位置，与右侧常驻反馈与胶囊按钮; - hideHomeButton 变更：保留隐藏返回首页的能力，但不隐藏小程序品牌logo
- 新增getCustomButtonBoundingClientRect： 获取自定义导航栏下不可改变的元素（比如左上角 logo/返回位置+ 右上角反馈+more+close）的位置信息
......占位，填坑........
