avue article标签使用代码

代码语言:html

所属分类:布局界面

代码描述:avue article标签使用代码

代码标签: 使用

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/element-ui.2.15.1.css">
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/avue.css">
</head>

<body>
    <div id="app">
        <div>
            <avue-article :option="option" :data="data"></avue-article>
        </div>
    </div>

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1.js"></script>
    <!-- import JavaScript -->
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/element-ui.2.15.1.js"></script>

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/avue.min.js"></script>


    <script>

        new Vue({
            el: "#app",
            data: function () {
                return {
                    data: {
                        title: '永远的蝴蝶',
                        meta: '陈启佑(台湾)',
                        lead: '《永远的蝴蝶》是台湾著名作家陈启佑先生的一篇小小说。这是一篇散文化的微型小说,其语言具有较强的抒情色彩,立意含蓄隽永 。作品情节很简单,写的是一个凄美的爱情故事。在一个雨天,“我”的恋人樱子自愿帮“我”到马路对面去寄信。随着一阵拔尖的刹车声,樱子年轻的生命消逝了。',
                        body: `<p>那时候刚好下着雨,柏油路面湿冷冷的,还闪烁着青、黄、红颜色的灯火。我们就在骑楼下躲雨,看绿色的邮筒孤独地站在街的对面。我白色风衣的大口袋里有一封要寄给南部的母亲的信。樱子说她可以撑伞过去帮我寄信。我默默点头。</p>
                        <p>“谁叫我们只带来一把小伞哪。”她微笑着说,一面撑起伞,准备过马路帮我寄信。从她伞骨渗下来的小雨点,溅在我的眼镜玻璃上。</p>
                        <p>随着一阵拔尖的煞车声,樱子的一生轻轻地飞了起来。缓缓地,飘落在湿冷的街面上,好像一只夜晚的蝴蝶。</p>
                        <p>虽然是春天,好像已是秋深了。</p>
                        <p>她只是过马路去帮我寄信。这简单的行动,却要叫我终身难忘了。我缓缓睁开眼,茫然站在骑楼下,眼里裹着滚烫的泪水。世上所有的车子都停了下来,人潮涌向马路中央。没有人知道那躺在街面的,就是我的,蝴蝶。这时她只离我五公尺,竟是那么遥远。更大的雨点溅在我的眼镜上,溅到我的生命里来。</p>
                        <p&g.........完整代码请登录后点击上方下载按钮下载查看

网友评论0