other / mew-iview

Commit a43abd1f7c819400c5f5de7409185d09521f6006

Authored by cky
1 parent f60d2298

add: collapse no accordion example

Showing 1 changed file with 47 additions and 27 deletions   Show diff stats
Inline Side-by-side
examples/routers/collapse.vue
  Show/Hide comments   View file @a43abd1
1 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 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 44 </Panel>
16 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 47 </template>
29 48 <script>
30 49 export default {
31 50 data () {
32 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 58 </script>
... ...