blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

用componentId来做为组件ID的标识

Browse Source
This commit is contained in:
Nino 2016-12-19 17:09:56 +08:00
parent 486981c741
commit ff75aa1421
4 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
pages/tab/index.js
View File

@ -49,11 +49,11 @@ Page(Object.assign({}, ZUI.Tab, {
handleZuiTabChange(e) {
console.info('[ZUI:Tab:Change]', e);
var id = e.id;
var componentId = e.componentId;
var selectedId = e.selectedId;
this.setData({
[`${id}.selectedId`]: selectedId
[`${componentId}.selectedId`]: selectedId
});
}
}));

4
pages/tab/index.wxml
View File

@ -2,9 +2,9 @@
<view class="container">
<view style="margin: 20px 0">
<template is="zui-tab" data="{{tab: tab1, id: 'tab1'}}"></template>
<template is="zui-tab" data="{{tab: tab1, componentId: 'tab1'}}"></template>
</view>
<view style="margin: 20px 0">
<template is="zui-tab" data="{{tab: tab2, id: 'tab2'}}"></template>
<template is="zui-tab" data="{{tab: tab2, componentId: 'tab2'}}"></template>
</view>
</view>

4
zui/tab/index.js
View File

@ -1,12 +1,12 @@
var Tab = {
_handleZuiTabChange(e) {
var dataset = e.currentTarget.dataset;
var id = dataset.id;
var componentId = dataset.componentId;
var selectedId = dataset.itemId;
if (this.handleZuiTabChange) {
this.handleZuiTabChange({
id,
componentId,
selectedId
});
}

6
zui/tab/index.wxml
View File

@ -2,12 +2,12 @@
<view class="zui-tab">
<block wx:if="{{tab.scroll}}">
<scroll-view class="zui-tab__bd zui-tab__bd--scroll {{fixed ? 'zui-tab__bd--fixed' : ''}}" scroll-x="true">
<template is="zui-tab-list" data="{{ tab, id }}"></template>
<template is="zui-tab-list" data="{{ tab, componentId }}"></template>
</scroll-view>
</block>
<block wx:else>
<view class="zui-tab__bd">
<template is="zui-tab-list" data="{{ tab, id }}"></template>
<template is="zui-tab-list" data="{{ tab, componentId }}"></template>
</view>
</block>
</view>
@ -18,7 +18,7 @@
wx:for="{{tab.list}}"
wx:key="id"
class="zui-tab__item {{tab.selectedId == item.id ? 'zui-tab__item--selected' : ''}}"
data-id="{{id}}"
data-component-id="{{componentId}}"
data-item-id="{{item.id}}"
bindtap="_handleZuiTabChange"
>