Files
Vue_dbui/vue-ydui/example/routers/accordion.vue
2024-09-27 00:57:27 +08:00

56 lines
3.1 KiB
Vue
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<yd-layout title="Accordion">
<yd-accordion class="demo-small-pitch">
<yd-accordion-item title="李白《月下独酌》">
<div style="padding: .24rem;">
<p>花间一壶酒独酌无相亲</p>
<p>举杯邀明月对影成三人</p>
<p>月既不解饮影徒随我身</p>
<p>暂伴月将影行乐须及春</p>
<p>我歌月徘徊我舞影零乱</p>
<p>醒时同交欢醉后各分散</p>
<p>永结无情游相期邈云汉</p>
</div>
</yd-accordion-item>
<yd-accordion-item title="杜甫《望岳》">
<div style="padding: .24rem;">
<p>岱宗夫如何齐鲁青未了</p>
<p>造化钟神秀阴阳割昏晓</p>
<p>荡胸生层云决眦入归鸟</p>
<p>会当凌绝顶一览众山小</p>
</div>
</yd-accordion-item>
<yd-accordion-item title="王维《青溪》">
<div style="padding: .24rem;">
<p>言入黄花川每逐青溪水</p>
<p>随山将万转趣途无百里</p>
<p>声喧乱石中色静深松里</p>
<p>漾漾泛菱荇澄澄映葭苇</p>
<p>我心素已闲清川澹如此</p>
<p>请留盘石上垂钓将已矣</p>
</div>
</yd-accordion-item>
</yd-accordion>
<yd-accordion class="demo-small-pitch" accordion>
<yd-accordion-item title="李白" open>
<div style="padding: .24rem;">
李白701762字太白号青莲居士又号谪仙人是唐代伟大的浪漫主义诗人被后人誉为诗仙与杜甫并称为李杜为了与另两位诗人李商隐与杜牧即小李杜区别杜甫与李白又合称大李杜其人爽朗大方爱饮酒作诗喜交友
</div>
</yd-accordion-item>
<yd-accordion-item title="杜甫">
<div style="padding: .24rem;">
杜甫712770字子美汉族本襄阳人后徙河南巩县自号少陵野老唐代伟大的现实主义诗人与李白合称李杜为了与另两位诗人李商隐与杜牧即小李杜区别杜甫与李白又合称大李杜杜甫也常被称为老杜
</div>
</yd-accordion-item>
<yd-accordion-item title="王维">
<div style="padding: .24rem;">
王维701761一说699年761河东蒲州今山西运城祖籍山西祁县唐朝著名诗人画家字摩诘号摩诘居士
</div>
</yd-accordion-item>
</yd-accordion>
</yd-layout>
</template>