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