在编译破坏风格期间删除了riot.js标签

时间:2017-12-23 23:23:28

标签: riot.js

使用Yeoman rtjs generator。使用rollup.js和rollup-plugin-riot的非常基本的示例。

标签非常简单:

<home>
    <div class="card" id="home-card">
        <div class="card-block">
            <a href="https://v4-alpha.getbootstrap.com">
                <h1>Bootstrap 4 starter template</h1>
            </a>
            <p class="lead">
                Use this document as a way to quickly start any new project.
                <br />
                All you get is this text and a mostly barebones HTML document.
            </p>
        </div>
    </div>

    <style>
        #home-card {
            margin-top: 65px;
        }
    </style>
</home>

但是,生成的HTML缺少<home>标记:

<div class="container">
    <div class="card" id="home-card">
        <div class="card-block"><a href="https://v4-alpha.getbootstrap.com"><h1>Bootstrap 4 starter template
        </h1>
        </a>
            <p class="lead"> Use this document as a way to quickly start any new project. <br> All you get is this text and a mostly barebones HTML document.
            </p>
        </div>
    </div>
</div>

因此,包含的风格并不起作用:

<style type="text/css">
    home #home-card,[data-is="home"] #home-card{ margin-top: 65px; }
</style>

这可能是简单/基本的东西,但作为一个暴乱的新手,我没有看到它。

1 个答案:

答案 0 :(得分:0)

我没有意识到这是一个虚拟标签:

$row = $this->modelsManager->createBuilder()
    ->addFrom('rtable', 'r')
    ->columns('Ptable.storeid')
    ->innerJoin('Ptable','r.pid = Ptable.id')
    ->getQuery()
    ->execute();

这会删除<div class="container"> <virtual data-is={component}></virtual> </div><!-- /.container --> 代码