chenhaodong / mew-iview

Commit b51a3861fc31f667815da295ad4faa01d11077ab

Authored by Aresn
Committed by GitHub
2 parents 75abb3bb a43abd1f

Merge pull request #3374 from cky917/2.0 

delete: collapse组件不需要的代码
Showing 2 changed files with 48 additions and 35 deletions   Show diff stats
Inline Side-by-side
examples/routers/collapse.vue
  Show/Hide comments   View file @b51a386
1 <template> 1 <template>
2 - <Collapse accordion v-model="value3">  
3 - <Panel name="1">  
4 - 史蒂夫·乔布斯  
5 - <div slot="content">  
6 - 史蒂夫·乔布斯（Steve Jobs），1955年2月24日生于美国加利福尼亚州旧金山，美国发明家、企业家、美国苹果公司联合创办人。  
7 - <Collapse accordion v-model="value4">  
8 - <Panel name="1-1">  
9 - iPhone  
10 - <p slot="content">iPhone，是美国苹果公司研发的智能手机，它搭载iOS操作系统。第一代iPhone于2007年1月9日由苹果公司前首席执行官史蒂夫·乔布斯发布，并在2007年6月29日正式发售。</p> 2 + <div>
  3 + <Collapse accordion v-model="value3">
  4 + <Panel name="1">
  5 + 史蒂夫·乔布斯
  6 + <div slot="content">
  7 + 史蒂夫·乔布斯（Steve Jobs），1955年2月24日生于美国加利福尼亚州旧金山，美国发明家、企业家、美国苹果公司联合创办人。
  8 + <Collapse accordion v-model="value4">
  9 + <Panel name="1-1">
  10 + iPhone
  11 + <p slot="content">iPhone，是美国苹果公司研发的智能手机，它搭载iOS操作系统。第一代iPhone于2007年1月9日由苹果公司前首席执行官史蒂夫·乔布斯发布，并在2007年6月29日正式发售。</p>
  12 + </Panel>
  13 + <Panel name="1-2">
  14 + iPad
  15 + <p slot="content">iPad是由苹果公司于2010年开始发布的平板电脑系列，定位介于苹果的智能手机iPhone和笔记本电脑产品之间，（屏幕中有4个虚拟程序固定栏）与iPhone布局一样，提供浏览网站、收发电子邮件、观看电子书、播放音频或视频、玩游戏等功能。由英国出生的设计主管乔纳森·伊夫（Jonathan Ive）（有些翻译为 乔纳森·艾维）领导的团队设计的，这个圆滑、超薄的产品反映出了伊夫对德国天才设计师Dieter Rams的崇敬之情。</p>
  16 + </Panel>
  17 + </Collapse>
  18 + </div>
11 </Panel> 19 </Panel>
12 - <Panel name="1-2">  
13 - iPad  
14 - <p slot="content">iPad是由苹果公司于2010年开始发布的平板电脑系列，定位介于苹果的智能手机iPhone和笔记本电脑产品之间，（屏幕中有4个虚拟程序固定栏）与iPhone布局一样，提供浏览网站、收发电子邮件、观看电子书、播放音频或视频、玩游戏等功能。由英国出生的设计主管乔纳森·伊夫（Jonathan Ive）（有些翻译为 乔纳森·艾维）领导的团队设计的，这个圆滑、超薄的产品反映出了伊夫对德国天才设计师Dieter Rams的崇敬之情。</p> 20 + <Panel name="2">
  21 + 斯蒂夫·盖瑞·沃兹尼亚克
  22 + <p slot="content">斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学，后转学入美国著名高等学府加州大学伯克利分校（UC Berkeley）并获得电机工程及计算机（EECS）本科学位（1987年）。</p>
  23 + </Panel>
  24 + <Panel name="3">
  25 + 乔纳森·伊夫
  26 + <p slot="content">乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。</p>
  27 + </Panel>
  28 + </Collapse>
  29 +
  30 + <br/>
  31 + <br/>
  32 + <Collapse v-model="value5">
  33 + <Panel name="21">
  34 + 斯蒂夫·盖瑞·沃兹尼亚克
  35 + <p slot="content">斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学，后转学入美国著名高等学府加州大学伯克利分校（UC Berkeley）并获得电机工程及计算机（EECS）本科学位（1987年）。</p>
  36 + </Panel>
  37 + <Panel name="22">
  38 + 乔纳森·伊夫
  39 + <p slot="content">乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。</p>
  40 + </Panel>
  41 + <Panel name="23">
  42 + 乔纳森·伊夫
  43 + <p slot="content">乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。</p>
15 </Panel> 44 </Panel>
16 </Collapse> 45 </Collapse>
17 - </div>  
18 - </Panel>  
19 - <Panel name="2">  
20 - 斯蒂夫·盖瑞·沃兹尼亚克  
21 - <p slot="content">斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学，后转学入美国著名高等学府加州大学伯克利分校（UC Berkeley）并获得电机工程及计算机（EECS）本科学位（1987年）。</p>  
22 - </Panel>  
23 - <Panel name="3">  
24 - 乔纳森·伊夫  
25 - <p slot="content">乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。</p>  
26 - </Panel>  
27 - </Collapse> 46 + </div>
28 </template> 47 </template>
29 <script> 48 <script>
30 export default { 49 export default {
31 data () { 50 data () {
32 return { 51 return {
33 - value3: '1',  
34 - value4: '1-1'  
35 - } 52 + value3: ['1', '2', '3'],
  53 + value4: '1-1',
  54 + value5: ['21', '22', '23']
  55 + };
36 } 56 }
37 - } 57 + };
38 </script> 58 </script>
src/components/collapse/collapse.vue
  Show/Hide comments   View file @b51a386
@@ -36,15 +36,8 @@ @@ -36,15 +36,8 @@
36 36
37 this.$children.forEach((child, index) => { 37 this.$children.forEach((child, index) => {
38 const name = child.name || index.toString(); 38 const name = child.name || index.toString();
39 - let isActive = false;  
40 39
41 - if (self.accordion) {  
42 - isActive = activeKey === name;  
43 - } else {  
44 - isActive = activeKey.indexOf(name) > -1;  
45 - }  
46 -  
47 - child.isActive = isActive; 40 + child.isActive = activeKey.indexOf(name) > -1;
48 child.index = index; 41 child.index = index;
49 }); 42 });
50 }, 43 },