wangzhibo
2021-09-07 89da62649161571834d3f8df7ce36f9967e6ba04
widgets/bookmark/view.html
@@ -1,68 +1,103 @@
<!DOCTYPE html>
<html class="no-js css-menubar" lang="zh-cn">
<head>
  <head>
    <title>弹窗子页面</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <!-- 移动设备 viewport -->
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
    <meta name="author" content="色宁科技 http://mars3d.cn ">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" />
    <meta name="author" content="火星科技 http://mars3d.cn " />
    <!-- 360浏览器默认使用Webkit内核 -->
    <meta name="renderer" content="webkit">
    <meta name="renderer" content="webkit" />
    <!-- Chrome浏览器添加桌面快捷方式(安卓) -->
    <link rel="icon" type="image/png" href="../../img/favicon/favicon.png">
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" type="image/png" href="../../img/favicon/favicon.png" />
    <meta name="mobile-web-app-capable" content="yes" />
    <!-- Safari浏览器添加到主屏幕(IOS) -->
    <link rel="icon" sizes="192x192" href="img/favicon/apple-touch-icon.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="色宁科技MarsGIS">
    <link rel="icon" sizes="192x192" href="img/favicon/apple-touch-icon.png" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="apple-mobile-web-app-title" content="火星科技MarsGIS" />
    <!-- Win8标题栏及ICON图标 -->
    <link rel="apple-touch-icon-precomposed" href="../../img/favicon/apple-touch-icon.png">
    <meta name="msapplication-TileImage" content="../../img/favicon/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#62a8ea">
    <link rel="apple-touch-icon-precomposed" href="../../img/favicon/apple-touch-icon.png" />
    <meta name="msapplication-TileImage" content="../../img/favicon/app-icon72x72@2x.png" />
    <meta name="msapplication-TileColor" content="#62a8ea" />
    <!-- 第3方lib引入 -->
    <script type="text/javascript" src="../../lib/include-lib.js?time=20210329" libpath="../../lib/"
        include="jquery,font-awesome,bootstrap,bootstrap-table,admui-frame,haoutil"></script>
    <script
      type="text/javascript"
      src="../../lib/include-lib.js?time=20210803"
      libpath="../../lib/"
      include="jquery,font-awesome,bootstrap,bootstrap-table,admui-frame,haoutil,localforage"
    ></script>
    <link href="../../css/widget-win.css" rel="stylesheet" />
    <style>
        .bookmarkitem {
            width: 100%;
            text-align: center;
            display: inline-block;
            margin: 0 auto;
            border: #dedede 1px solid;
            cursor: pointer;
            padding: 0;
        }
      .table > thead > tr > th,
      .table > tbody > tr > th,
      .table > tfoot > tr > th,
      .table > thead > tr > td,
      .table > tbody > tr > td,
      .table > tfoot > tr > td {
        border-top: none;
      }
      .bootstrap-table .table {
        border-bottom: none;
      }
        .bookmarkitem img {
            margin: 0;
            width: 100%;
            height: 100%;
        }
      .bookmarkitem {
        width: 100%;
        text-align: center;
        display: inline-block;
        margin: 0 auto;
        border-radius: 2px;
        border: 2px solid #a9aaaa;
        cursor: pointer;
        padding: 0;
      }
        .bookmarkitem .remove {
            float: right;
            margin: 0 5px;
        }
      .bookmarkitem img {
        margin: 0;
        border-bottom: 1px solid #a9aaaa;
      }
      .bookmarkitem .remove {
        float: right;
        margin: 3px 8px 0 0;
      }
      .bookmarkitem .title p {
        display: inline-block;
        width: 188px;
        padding: 5px 0 0 10px;
        margin: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
      .bookmarkitem .title p:hover {
        height: 100%;
        white-space: normal;
        word-wrap: break-word;
        color: white;
      }
      .bookmarkitem:hover {
        border: 2px solid #6bb1da;
        color: #6bb1da;
      }
      .bookmarkitem:hover img {
        border-bottom: 1px solid #6bb1da;
      }
    </style>
</head>
  </head>
<body  >
    <div class="row" style="margin:5px 3px;">
        <input id="txt_bookmark_name" type="text" class="form-control" placeholder="输入名称" style="width: calc(100% - 60px);" />
        <button id="btn_bookmark_Add" class="btn btn-primary">添加</button>
  <body>
    <div class="row" style="margin: 5px 3px">
      <input id="txt_bookmark_name" type="text" class="form-control" placeholder="输入名称" style="width: calc(100% - 60px)" />
      <button id="btn_bookmark_Add" class="btn btn-primary">添加</button>
    </div>
    <table id="table"></table>
    <!--页面js-->
    <script src="view.js?time=20210329"></script>
</body>
    <script src="view.js?time=20210803"></script>
  </body>
</html>