Commit 10f31b2cd88ce3a6394fcab531df1ddb1adfe5d2
1 parent
b71a171d
fixed #2973
Showing
2 changed files
with
30 additions
and
22 deletions
Show diff stats
examples/routers/collapse.vue
| 1 | <template> | 1 | <template> |
| 2 | - <div style="width: 400px;margin: 200px;"> | ||
| 3 | - <Collapse v-model="v1" accordion> | ||
| 4 | - <Panel name="1"> | ||
| 5 | - 史蒂夫·乔布斯 | ||
| 6 | - <p slot="content">史蒂夫·乔布斯（Steve Jobs），1955年2月24日生于美国加利福尼亚州旧金山，美国发明家、企业家、美国苹果公司联合创办人。</p> | 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> | ||
| 7 | </Panel> | 11 | </Panel> |
| 8 | - <Panel name="2"> | ||
| 9 | - 斯蒂夫·盖瑞·沃兹尼亚克 | ||
| 10 | - <p slot="content">斯蒂夫·盖瑞·沃兹尼亚克（Stephen Gary Wozniak），美国电脑工程师，曾与史蒂夫·乔布斯合伙创立苹果电脑（今之苹果公司）。斯蒂夫·盖瑞·沃兹尼亚克曾就读于美国科罗拉多大学，后转学入美国著名高等学府加州大学伯克利分校（UC Berkeley）并获得电机工程及计算机（EECS）本科学位（1987年）。</p> | ||
| 11 | - </Panel> | ||
| 12 | - <Panel name="3"> | ||
| 13 | - 乔纳森·伊夫 | ||
| 14 | - <p slot="content">乔纳森·伊夫是一位工业设计师，现任Apple公司设计师兼资深副总裁，英国爵士。他曾参与设计了iPod，iMac，iPhone，iPad等众多苹果产品。除了乔布斯，他是对苹果那些著名的产品最有影响力的人。</p> | 12 | + <Panel name="1-2"> |
| 13 | + iPad | ||
| 14 | + <p slot="content">iPad是由苹果公司于2010年开始发布的平板电脑系列，定位介于苹果的智能手机iPhone和笔记本电脑产品之间，（屏幕中有4个虚拟程序固定栏）与iPhone布局一样，提供浏览网站、收发电子邮件、观看电子书、播放音频或视频、玩游戏等功能。由英国出生的设计主管乔纳森·伊夫（Jonathan Ive）（有些翻译为 乔纳森·艾维）领导的团队设计的，这个圆滑、超薄的产品反映出了伊夫对德国天才设计师Dieter Rams的崇敬之情。</p> | ||
| 15 | </Panel> | 15 | </Panel> |
| 16 | </Collapse> | 16 | </Collapse> |
| 17 | - </div> | 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> | ||
| 18 | </template> | 28 | </template> |
| 19 | <script> | 29 | <script> |
| 20 | export default { | 30 | export default { |
| 21 | - props: {}, | ||
| 22 | data () { | 31 | data () { |
| 23 | return { | 32 | return { |
| 24 | - v1: '2' | ||
| 25 | - }; | ||
| 26 | - }, | ||
| 27 | - computed: {}, | ||
| 28 | - methods: {} | ||
| 29 | - }; | ||
| 30 | -</script> | ||
| 31 | \ No newline at end of file | 33 | \ No newline at end of file |
| 34 | + value3: '1', | ||
| 35 | + value4: '1-1' | ||
| 36 | + } | ||
| 37 | + } | ||
| 38 | + } | ||
| 39 | +</script> |
src/styles/components/collapse.less