avalon2的例子为何运行时无效果呢

发布于 2022-09-03 12:44:56 字数 747 浏览 27 评论 0

<body ms-controller="test">
    <script>
        avalon.define({
            $id: 'test',
            obj: {color: 'blur ', 'text-algin': 'center'},//属性名带-,必须用引号括起
            active: {color: 'red'},
            width: 111,
            height:222,
            toggle: false,
            array: [{width:1},{height:2}]
        })

    </script>
  <span ms-css="@obj">直接引用对象</span>
  <span :css="{width: @width, height: @height}">使用对象字面量</span>
  <span :css="@array">直接引用数组</span>
  <span :css="[@obj1, @toggle && @active ]" :click="@active = !@active">选择性添加多余属性或重写已有属性</span>
</body>

这是一个例子,但在多种浏览器下运行都不能显示效果,
2,avalon2能运用于php之类的环境吗?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

别闹i 2022-09-10 12:44:56

这是我一些错别字失误,已经修正了

http://avalonjs.coding.me/dir...

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文