zoukankan      html  css  js  c++  java
  • 我的node-webkit笔记

    话不多说,直接上码:

    index.html

    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title></title>
            <link rel="stylesheet" href="css/style.css" />
            <link rel="stylesheet" href="js/themes/default/default.css" />
            <link rel="stylesheet" href="css/bootstrap.min.css" />
        </head>
        <body>
            <div class="main">
                <iframe src="https://www.baidu.com" class="frame" border="0"></iframe>
                <div class="bottom">
                    &nbsp;&nbsp;
                    <img alt="新增邮件" src="img/edit.png" width="20" height="20" onclick="edit()" />
                    &nbsp;&nbsp;
                    <img alt="退出" src="img/exit.png" width="20" height="20" onclick="exit()" />
                </div>
            </div>
            <div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h4 class="modal-title">编辑邮件</h4>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            <form>
                                <textarea name="content" style="760px;height:400px;visibility:hidden;"></textarea>
                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                            <button type="button" class="btn btn-primary">保存</button>
                        </div>
                    </div>
                </div>
            </div>
        </body>
    </html>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/kindeditor-all-min.js"></script>
    <script type="text/javascript" src="js/lang/zh-CN.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/init.js"></script>
    <script type="text/javascript">
        var editor;
        KindEditor.ready(function(K) {
            editor = K.create('textarea[name="content"]', {
                allowFileManager: true
            });
        });
    
        function edit() {
            $('#myModal').modal('show');
        }
    </script>

    package.json

    {
        "name": "mail",
        "main": "index.html",
        "nodejs": true,
        "window": {
            "title": "万华邮件管理",
            "toolbar": true,
            "width": 800,
            "height": 600,
            "resizable": true,
            "show_in_taskbar": true,
            "frame": true,
            "kiosk": false,
            "icon": "./img/email.png"
        },
    
        "webkit": {
            "plugin": true
        }
    }

    init.js

    // Load native UI library
    var isShowWindow = true;
    // Load native UI library
    var gui = require('nw.gui');
    var win = gui.Window.get();
    win.maximize();
    var tray = new gui.Tray({
        title: '邮件工具',
        icon: './img/email.png'
    });
    tray.tooltip = '邮件工具';
    //添加一个菜单
    // var menu = new gui.Menu();
    // menu.append(new gui.MenuItem({
    //     type: 'normal',
    //     label: '退出',
    //     click: function() {
    //         if (confirm("确定退出Feynman工具吗?")) {
    //             win.close(true);
    //         }
    //     }
    // }));
    // tray.menu = menu;
    //click 托盘图标事件
    tray.on('click',
        function() {
            if (isShowWindow) {
                win.hide();
                isShowWindow = false;
            } else {
                win.show();
                isShowWindow = true;
                win.maximize();
            }
        }
    );
    win.on('close', function() {
        win.hide();
    });
    
    function exit(){
        if (confirm("确定退出邮件工具吗?")) {
            win.close(true);
        }
    }
  • 相关阅读:
    LeetCode对撞指针汇总
    167. Two Sum II
    215. Kth Largest Element in an Array
    2018Action Recognition from Skeleton Data via Analogical Generalization over Qualitative Representations
    题解 Educational Codeforces Round 84 (Rated for Div. 2) (CF1327)
    题解 JZPKIL
    题解 八省联考2018 / 九省联考2018
    题解 六省联考2017
    题解 Codeforces Round #621 (Div. 1 + Div. 2) (CF1307)
    题解Codeforces Round #620 (Div. 2)
  • 原文地址:https://www.cnblogs.com/wpcnblog/p/12033164.html
Copyright © 2011-2022 走看看