Ich möchte eine Schaltfläche mit einem Ripple-Effekt auf geklickt erstellen.Ist es notwendig, es durch eine Direktive zu erreichen. Wie handhabe ich das Javascript, das erforderlich ist, um den Klick zu behandeln und die Welligkeit von dem Punkt fortzupflanzen, auf den es geklickt wurde. Ich habe es mit Javascript und CSS getan, aber es ist nicht der eckige Weg.Wie man einen Welleneffekt in einer Taste in einer Winkelform erzeugt
<!doctype html>
<head>
<base href="https://polygit.org/components/">
<script src="webcomponentsjs/webcomponents-lite.min.js"></script>
<link href="polymer/polymer.html" rel="import"/>
<link href="paper-ripple/paper-ripple.html" rel="import"/>
</head>
<body>
<test-elem></test-elem>
<dom-module id="test-elem">
<template>
<style>
div {
width: 150px;
position: relative;
padding: 15px;
border: 1px solid black;
}
button { color: green; border: 1px solid green; }
</style>
<div>
<paper-ripple></paper-ripple>
<button id="btn">Button</button>
</div>
</template>
<script>
Polymer({ is: 'test-elem',
listeners: {'btn.down': 'onDown'},
onDown: function(e) {
e.stopPropagation();
}
});
</script>
</dom-module>
</body>
Ich habe tatsächlich dieses Welligkeit, was unter Verwendung von reinem CSS und javascript.But ich dies in einer reinen Winkel Art und Weise tun will getan. Kann durch eine Richtlinie sein. –