123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>地址</title>
- <meta name="viewport"
- content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <!-- 挂接mui样式 -->
- <link href="../css/mui.min.css" rel="stylesheet" />
- <!-- 挂接mui样式 -->
- <link href="../css/mui.min.css" rel="stylesheet" />
- <!-- 挂接app样式 -->
- <link rel="stylesheet" type="text/css" href="../css/app.css" />
- <link rel="stylesheet" href="../css/app.new.css">
- <!-- 引入字体 -->
- <link rel="stylesheet" type="text/css" href="../fonts/TTTGB-Medium.css" />
- <!-- 引入数字字体 -->
- <link rel="stylesheet" type="text/css" href="../fonts/font-time.css" />
- <!-- 引入页面字体 -->
- <link rel="stylesheet" href="../fonts/font-jt.css">
- <!-- 引入样式 -->
- <link rel="stylesheet" href="../css/cr.map.css">
- <!-- 独有样式 -->
- <style type="text/css">
- /* 标题样式 */
- h5 {
- color: rgb(146, 224, 212);
- padding-left: 14px;
- height: 40px;
- line-height: 40px;
- background-color: rgb(32, 46, 96);
- font-size: 16px;
- margin: 0px;
- }
- /* ul表样式 */
- .mui-table-view {
- background-color: rgba(255, 255, 255, 0) !important;
- margin: 0px;
- }
- /* 干掉表格的后置边框线 */
- .mui-table-view::after {
- height: 0px !important
- }
- /* 干掉表格的前置边框线 */
- .mui-table-view::before {
- height: 0px !important;
- }
- /* 单元格样式 */
- .mui-table-view-cell {
- display: flex;
- flex-direction: row;
- align-items: center;
- padding: 8px 12px 8px 12px !important;
- }
- /* 设置单元格点击背景色 */
- .mui-table-view-cell.mui-active {
- background-color: rgba(255, 255, 255, 0);
- }
- /* 按钮样式 */
- .cr-btn {
- width: 26px;
- height: 26px;
- line-height: 26px;
- border-radius: 15px;
- /* background-color: rgb(90, 151, 75); */
- text-align: center;
- margin-left: 10px;
- }
- /* 按钮点击样式 */
- .cr-btn:active {
- background-color: rgb(230, 230, 230);
- }
- /* 文字图标样式 */
- .icon {
- display: inline-block;
- height: 26px;
- width: 26px;
- line-height: 26px;
- font-size: 13px;
- border: solid 1px rgb(230, 230, 230);
- border-radius: 20px;
- color: rgb(146, 224, 212);
- font-weight: bold;
- background-color: rgba(255, 255, 255, 0);
- text-align: center;
- box-shadow: rgb(95, 150, 222) 0px 0px 10px inset;
- }
- /* 内部标题样式 */
- .title {
- font-size: 14px;
- color: rgb(233, 233, 233);
- font-family: 'TTTGB-Medium', sans-serif;
- flex: 1;
- margin-left: 8px;
- }
- /* 内容样式 */
- .mui-content {
- display: flex !important;
- flex-direction: column;
- height: 100%;
- }
- /* 具体内容样式 */
- .mui-content .mui-scroll-wrapper {
- position: relative;
- flex: 1;
- }
- /* 搜索框样式 */
- .mui-content .mui-bar {
- position: relative;
- }
- </style>
- </head>
- <body>
- <div class="mui-content">
- <!-- 搜索栏 -->
- <header class="mui-bar cr-bar">
- <div class="mui-input-row mui-search">
- <input type="search" id="search" placeholder="输入账号名称,支持模糊查询">
- </div>
- </header>
- <div class="mui-scroll-wrapper">
- <div class="mui-scroll">
- <div id="divContent"></div>
- </div>
- </div>
- </div>
- </body>
- </html>
- <!-- 引入mui脚本 -->
- <script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
- <!-- 引入jQuery脚本 -->
- <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
- <!-- 引入webview脚本 -->
- <script src="../js/webview.js" type="text/javascript" charset="utf-8"></script>
- <!-- 引入存储脚本 -->
- <script src="../js/save.js" type="text/javascript" charset="utf-8"></script>
- <!-- 引入ajax脚本 -->
- <script src="../js/ajax.js" type="text/javascript" charset="utf-8"></script>
- <!-- 引入通用脚本 -->
- <script src="../js/common.js" type="text/javascript" charset="utf-8"></script>
- <!-- 专用标本 -->
- <script src="../js/main.address.js" type="text/javascript" charset="utf-8"></script>
|