commit
b51a3861fc
2 changed files with 48 additions and 35 deletions
|
@ -1,4 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
|
<div>
|
||||||
<Collapse accordion v-model="value3">
|
<Collapse accordion v-model="value3">
|
||||||
<Panel name="1">
|
<Panel name="1">
|
||||||
史蒂夫·乔布斯
|
史蒂夫·乔布斯
|
||||||
|
@ -25,14 +26,33 @@
|
||||||
<p slot="content">乔纳森·伊夫是一位工业设计师,现任Apple公司设计师兼资深副总裁,英国爵士。他曾参与设计了iPod,iMac,iPhone,iPad等众多苹果产品。除了乔布斯,他是对苹果那些著名的产品最有影响力的人。</p>
|
<p slot="content">乔纳森·伊夫是一位工业设计师,现任Apple公司设计师兼资深副总裁,英国爵士。他曾参与设计了iPod,iMac,iPhone,iPad等众多苹果产品。除了乔布斯,他是对苹果那些著名的产品最有影响力的人。</p>
|
||||||
</Panel>
|
</Panel>
|
||||||
</Collapse>
|
</Collapse>
|
||||||
|
|
||||||
|
<br/>
|
||||||
|
<br/>
|
||||||
|
<Collapse v-model="value5">
|
||||||
|
<Panel name="21">
|
||||||
|
斯蒂夫·盖瑞·沃兹尼亚克
|
||||||
|
<p slot="content">斯蒂夫·盖瑞·沃兹尼亚克(Stephen Gary Wozniak),美国电脑工程师,曾与史蒂夫·乔布斯合伙创立苹果电脑(今之苹果公司)。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学,后转学入美国著名高等学府加州大学伯克利分校(UC Berkeley)并获得电机工程及计算机(EECS)本科学位(1987年)。</p>
|
||||||
|
</Panel>
|
||||||
|
<Panel name="22">
|
||||||
|
乔纳森·伊夫
|
||||||
|
<p slot="content">乔纳森·伊夫是一位工业设计师,现任Apple公司设计师兼资深副总裁,英国爵士。他曾参与设计了iPod,iMac,iPhone,iPad等众多苹果产品。除了乔布斯,他是对苹果那些著名的产品最有影响力的人。</p>
|
||||||
|
</Panel>
|
||||||
|
<Panel name="23">
|
||||||
|
乔纳森·伊夫
|
||||||
|
<p slot="content">乔纳森·伊夫是一位工业设计师,现任Apple公司设计师兼资深副总裁,英国爵士。他曾参与设计了iPod,iMac,iPhone,iPad等众多苹果产品。除了乔布斯,他是对苹果那些著名的产品最有影响力的人。</p>
|
||||||
|
</Panel>
|
||||||
|
</Collapse>
|
||||||
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
data () {
|
data () {
|
||||||
return {
|
return {
|
||||||
value3: '1',
|
value3: ['1', '2', '3'],
|
||||||
value4: '1-1'
|
value4: '1-1',
|
||||||
}
|
value5: ['21', '22', '23']
|
||||||
}
|
};
|
||||||
}
|
}
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
|
@ -36,15 +36,8 @@
|
||||||
|
|
||||||
this.$children.forEach((child, index) => {
|
this.$children.forEach((child, index) => {
|
||||||
const name = child.name || index.toString();
|
const name = child.name || index.toString();
|
||||||
let isActive = false;
|
|
||||||
|
|
||||||
if (self.accordion) {
|
child.isActive = activeKey.indexOf(name) > -1;
|
||||||
isActive = activeKey === name;
|
|
||||||
} else {
|
|
||||||
isActive = activeKey.indexOf(name) > -1;
|
|
||||||
}
|
|
||||||
|
|
||||||
child.isActive = isActive;
|
|
||||||
child.index = index;
|
child.index = index;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
Loading…
Add table
Reference in a new issue