Blame view

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