87 lines
2.1 KiB
JavaScript
87 lines
2.1 KiB
JavaScript
|
const warn = (msg, getValue) => {
|
|||
|
|
console.warn(msg);
|
|||
|
|
console.log('接受到的值为：', getValue);
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
Component({
|
|||
|
|
externalClasses: ['i-class'],
|
|||
|
|
|
|||
|
|
options: {
|
|||
|
|
multipleSlots: true
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
relations: {
|
|||
|
|
'../cell-group/index': {
|
|||
|
|
type: 'parent'
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
properties: {
|
|||
|
|
// 左侧标题
|
|||
|
|
title: {
|
|||
|
|
type: String
|
|||
|
|
},
|
|||
|
|
// 标题下方的描述信息
|
|||
|
|
label: {
|
|||
|
|
type: String
|
|||
|
|
},
|
|||
|
|
// 右侧内容
|
|||
|
|
value: {
|
|||
|
|
type: String
|
|||
|
|
},
|
|||
|
|
// 只有点击 footer 区域才触发 tab 事件
|
|||
|
|
onlyTapFooter: {
|
|||
|
|
type: Boolean
|
|||
|
|
},
|
|||
|
|
// 是否展示右侧箭头并开启尝试以 url 跳转
|
|||
|
|
isLink: {
|
|||
|
|
type: null,
|
|||
|
|
value: ''
|
|||
|
|
},
|
|||
|
|
// 链接类型，可选值为 navigateTo，redirectTo，switchTab，reLaunch
|
|||
|
|
linkType: {
|
|||
|
|
type: String,
|
|||
|
|
value: 'navigateTo'
|
|||
|
|
},
|
|||
|
|
url: {
|
|||
|
|
type: String,
|
|||
|
|
value: ''
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
data: {
|
|||
|
|
isLastCell: true
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
methods: {
|
|||
|
|
navigateTo () {
|
|||
|
|
const { url } = this.data;
|
|||
|
|
const type = typeof this.data.isLink;
|
|||
|
|
|
|||
|
|
this.triggerEvent('click', {});
|
|||
|
|
|
|||
|
|
if (!this.data.isLink || !url || url === 'true' || url === 'false') return;
|
|||
|
|
|
|||
|
|
if (type !== 'boolean' && type !== 'string') {
|
|||
|
|
warn('isLink 属性值必须是一个字符串或布尔值', this.data.isLink);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (['navigateTo', 'redirectTo', 'switchTab', 'reLaunch'].indexOf(this.data.linkType) === -1) {
|
|||
|
|
warn('linkType 属性可选值为 navigateTo，redirectTo，switchTab，reLaunch', this.data.linkType);
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
wx[this.data.linkType].call(wx, {url});
|
|||
|
|
},
|
|||
|
|
handleTap () {
|
|||
|
|
if (!this.data.onlyTapFooter) {
|
|||
|
|
this.navigateTo();
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
updateIsLastCell (isLastCell) {
|
|||
|
|
this.setData({ isLastCell });
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|