Javascript 如何在angular 2中实现固定动作按钮
我试着让晶圆厂开始工作,但我尝试的一切都不起作用。这是我的密码: index.html:Javascript 如何在angular 2中实现固定动作按钮,javascript,html,angularjs,types,angular-material,Javascript,Html,Angularjs,Types,Angular Material,我试着让晶圆厂开始工作,但我尝试的一切都不起作用。这是我的密码: index.html: <!doctype html> <html> <head> <meta charset="utf-8"> <title>DevWright Education</title> <base href="/"> <meta name="viewport" content="width=device-wid
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>DevWright Education</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<script src="http://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha256-/SIrNqv8h6QGKDuNoLGA4iret+kyesCkHGzVUUV0shc="
crossorigin="anonymous"></script>
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/css/materialize.min.css">
<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.7/js/materialize.js"></script>
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</head>
<body style="background-color: #eceff1;">
<de-root>
<img src="assets/images/ripple.gif" alt="">
</de-root>
</body>
</html>
发展权教育
new-post-card.component.html:
<div class="card">
<div class="card-content">
<span class="card-title">Post something!</span>
<!-- Fixed Action Button -->
<div class="fixed-action-btn horizontal click-to-toggle" style="bottom: 45px; right: 24px;">
<a class="btn-floating btn-large red">
<i class="large material-icons">mode_edit</i>
</a>
<ul>
<li><a class="btn-floating red"><i class="material-icons">insert_chart</i></a></li>
<li><a class="btn-floating yellow darken-1"><i class="material-icons">format_quote</i></a></li>
<li><a class="btn-floating green"><i class="material-icons">publish</i></a></li>
<li><a class="btn-floating blue"><i class="material-icons">attach_file</i></a></li>
</ul>
</div>
</div>
</div>
发布一些东西!
编辑模式
- 插入图表
- 报价格式
- 发表
- 附加文件
我尝试过使用angular2 materialize,但我找不到合适的组件来使用它。在我的情况下,这是因为晶圆厂上的位置是固定的,所以发生了变化
<div class="fixed-action-btn horizontal click-to-toggle" style="bottom: 45px; right: 24px;">
到
解决了这个问题
<div class="fixed-action-btn horizontal click-to-toggle" style="bottom: 45px; right: 24px; position:static;">