Question

我已经安装了所有组件，并且正在尝试docs（http://ui.lumapps.com/css/buttons）的CSS部分中提到的各种组件

但是按钮会在悬停时获得阴影，但点击时不会产生波纹。

以下是代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>lumx Trial</title>
    <!-- Head -->
    <link rel="stylesheet" href="bower_components/lumx/dist/lumx.css">
    <link rel="stylesheet" href="bower_components/mdi/materialdesignicons.css">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
</head>
<body>

    <div class="mb">
        <button class="btn btn--xs btn--blue btn--raised" lx-ripple>Button</button>
        <button class="btn btn--s btn--blue btn--raised" lx-ripple>Button</button>
        <button class="btn btn--m btn--blue btn--raised" lx-ripple>Button</button>
        <button class="btn btn--l btn--blue btn--raised" lx-ripple>Button</button>
        <button class="btn btn--xl btn--blue btn--raised" lx-ripple>Button</button>
    </div>



    <!-- Before body closing tag -->
    <script src="bower_components/jquery/dist/jquery.js"></script>
    <script src="bower_components/velocity/velocity.js"></script>
    <script src="bower_components/moment/min/moment-with-locales.js"></script>
    <script src="bower_components/angular/angular.js"></script>
    <script src="bower_components/lumx/dist/lumx.js"></script>
</body>
</html>

Answer 1

抱歉，我的不好。我没有添加角度模块！

无法在lumX中获得涟漪效应？

1 个答案: