.

VaKeR CYBER ARMY

Server : Apache/2.4.41 (Ubuntu)
System : Linux absol.cf 5.4.0-198-generic #218-Ubuntu SMP Fri Sep 27 20:18:53 UTC 2024 x86_64
User : www-data ( 33)
PHP Version : 7.4.33
Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals,pcntl_unshare,
Directory : /var/www/html/libs/absol-mobile/demo/

Upload File :

Current File : /var/www/html/libs/absol-mobile/demo/mbottomtabbar.html

<!DOCTYPE html>
<html>

<head>
    <title>BottomTabbar</title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://absol.cf/absol/dist/polyfill.js"></script>
    <!-- <link rel="stylesheet" href="https://absol.cf/hightlight/styles/default.css"> -->
    <link rel="stylesheet" href="https://pictogrammers.github.io/@mdi/font/5.3.45/css/materialdesignicons.min.css"
          media="all" rel="stylesheet">

    <!-- <script src="https://absol.cf/hightlight/highlight.pack.js"></script> -->
    <!-- <script>hljs.initHighlightingOnLoad();</script> -->
    <script src="../dist/absol-mobile.js?"></script>
    <style>

    </style>
</head>

<body>
<script>
    // runDebugTask();
</script>
<style>
    html,
    body {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
    }

    .as-snackbar.as-show {
        bottom: 150px !important;
    }
</style>

<script>
    (function () {
        var _ = absol._;
        var $ = absol.$;
        _({
            tag: 'mbottomtabbar',
            props: {
                items: [
                    // {
                    //     icon: 'span.mdi.mdi-view-dashboard',
                    //     value: 'dashboard'
                    // },
                    // {
                    //     icon: 'span.mdi.mdi-credit-card-outline',
                    //     value: 'card',
                    //     counter: 5
                    //
                    // },
                    {
                        icon: 'span.mdi.mdi-view-grid-outline',
                        items: [
                            {
                                icon: 'span.mdi.mdi-wechat',
                                value: 'chat'
                            },
                            {
                                icon: 'span.mdi.mdi-bell-ring',
                                value: 'noti',
                                counter: 6
                            },
                            {
                                icon: 'span.mdi.mdi-chat-alert-outline',
                                value: 'message',
                                counter: 7
                            }

                        ]
                    },
                    // {
                    //     icon: 'span.mdi.mdi-bell-outline',
                    //     value: 3
                    // },
                    {
                        icon: 'span.mdi.mdi-menu',
                        value: 4
                    }
                ]
            },
            on: {
                change: function () {
                    absol.require('snackbar').show(this.value + '');
                }
            }
        }).addTo(document.body);

    })()
</script>
</body>

</html>

VaKeR 2022