• Article 文章
    • Variables

    Article 文章

    普通的文档详情页

    TIP

    1.0.11+

    Article 文章 - 图1

    1. <avue-article :option="option" :data="data"></avue-article>
    2. <script>
    3. export default {
    4. data() {
    5. return {
    6. data: {
    7. title: '永远的蝴蝶',
    8. meta: '陈启佑(台湾)',
    9. lead: '《永远的蝴蝶》是台湾著名作家陈启佑先生的一篇小小说。这是一篇散文化的微型小说,其语言具有较强的抒情色彩,立意含蓄隽永 。作品情节很简单,写的是一个凄美的爱情故事。在一个雨天,“我”的恋人樱子自愿帮“我”到马路对面去寄信。随着一阵拔尖的刹车声,樱子年轻的生命消逝了。',
    10. body: `<p>那时候刚好下着雨,柏油路面湿冷冷的,还闪烁着青、黄、红颜色的灯火。我们就在骑楼下躲雨,看绿色的邮筒孤独地站在街的对面。我白色风衣的大口袋里有一封要寄给南部的母亲的信。樱子说她可以撑伞过去帮我寄信。我默默点头。</p>
    11. <p>“谁叫我们只带来一把小伞哪。”她微笑着说,一面撑起伞,准备过马路帮我寄信。从她伞骨渗下来的小雨点,溅在我的眼镜玻璃上。</p>
    12. <p>随着一阵拔尖的煞车声,樱子的一生轻轻地飞了起来。缓缓地,飘落在湿冷的街面上,好像一只夜晚的蝴蝶。</p>
    13. <p>虽然是春天,好像已是秋深了。</p>
    14. <p>她只是过马路去帮我寄信。这简单的行动,却要叫我终身难忘了。我缓缓睁开眼,茫然站在骑楼下,眼里裹着滚烫的泪水。世上所有的车子都停了下来,人潮涌向马路中央。没有人知道那躺在街面的,就是我的,蝴蝶。这时她只离我五公尺,竟是那么遥远。更大的雨点溅在我的眼镜上,溅到我的生命里来。</p>
    15. <p>为什么呢?只带一把雨伞?</p>
    16. <p>然而我又看到樱子穿着白色的风衣,撑着伞,静静地过马路了。她是要帮我寄信的。那,那是一封写给南部母亲的信。我茫然站在骑楼下,我又看到永远的樱子走到街心。其实雨下得并不大,却是一生一世中最大的一场雨。而那封信是这样写的,年轻的樱子知不知道呢?</p>
    17. <blockquote>
    18. <p>妈:我打算在下个月和樱子结婚。</p>
    19. </blockquote>`
    20. },
    21. option: {
    22. props: {
    23. title: 'title',
    24. meta: 'meta',
    25. lead: 'lead',
    26. body: 'body'
    27. },
    28. }
    29. }
    30. }
    31. }
    32. </script>

    Variables

    参数说明类型可选值默认值
    id指定父类String-window
    offset-top距离窗口顶部达到指定偏移量后触发Number-0