我正在将cordova与jquery mobile和nativedroid2库一起使用。我想在屏幕的右下角创建一个浮动按钮(就像我们在gmail应用中一样)。我无法执行必须声明为浮动按钮的部分。



<a href="#" class="ui-btn ui-btn-right ui-btn-fab" style="background-color:rgb(100,200,250);"><i class="zmdi zmdi-plus zmd-2x"></i></a>




我该怎么办?

最佳答案

您需要将浮动按钮放置在主容器中。如果您将nativedroid2与jQuery mobile一起使用,则可以使用以下代码示例-

    <!-- message page -->
<div data-role="page" id="messages-page">
    <div data-role="header" data-position="fixed" data-tap-toggle="false">
        <h1>Messages</h1>
    </div> <!-- /header-->
    <div data-role="content">
        <ul id="listMessage" data-role="listview" data-icon="false" class="ui-listview" data-inset="true">
            <li class="ui-li-has-thumb">
                <a href="#" class="ui-btn waves-effect waves-button waves-effect waves-button">
                    <h2>Amit Anmol</h2>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
                </a>
            </li>
            <li class="ui-li-has-thumb">
                <a href="#" class="ui-btn waves-effect waves-button waves-effect waves-button">
                    <h2>Amit Anmol</h2>
                    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry</p>
                </a>
            </li>
        </ul>

        <!-- floating button -->
        <a id="btn-compmsg" href="#compose-msg-page" class="ui-btn-fab ui-btn-raised clr-warning ui-btn ui-btn-inline waves-effect waves-button waves-effect waves-button" data-transition="flow">
            <i class='zmdi zmdi-plus zmd-2x'></i>
        </a>
    </div> <!-- /content -->
</div><!-- /message page -->


这段代码的输出是

android - 如何使用nativedroid2库在屏幕的右上 Angular 创建一个 float 按钮?-LMLPHP

10-05 20:56
查看更多