| | |
|---|
| | | <link rel="stylesheet" href="css/breadcrumb.css">
|
|---|
| | | <link rel="stylesheet" type="text/css" href="css/defined.popup.css"/>
|
|---|
| | | <link rel="stylesheet" type="text/css" href="src/css/layui.css">
|
|---|
| | | <link rel="stylesheet" type="text/css" href="app/css/common.css">
|
|---|
| | | <link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css">
|
|---|
| | | <style type="text/css">
|
|---|
| | | |
|---|
| | | #battList li a{
|
|---|
| | | font-size: 12px !important;
|
|---|
| | | }
|
|---|
| | | </style>
|
|---|
| | | </head>
|
|---|
| | | <body>
|
|---|
| | |
|---|
| | | </div>
|
|---|
| | | <div data-role="content">
|
|---|
| | | <div class="home-search-input-container">
|
|---|
| | | <input type="text" data-type="search" name="search" id="searchInput" placeholder="搜索机房名称关键字..." autofocus="autofocus">
|
|---|
| | | <input type="text" data-type="search" name="search" id="searchInput" placeholder="请输入机房名称关键字..." autofocus="autofocus">
|
|---|
| | | </div>
|
|---|
| | | <div id="battList"></div>
|
|---|
| | | <div id="battList" class="mrt28"></div>
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <!-- 存储机房信息列表 -->
|
|---|
| | |
|---|
| | | setTimeout(function() {
|
|---|
| | | findHome(); // 查询所有的机房
|
|---|
| | | }, 10);
|
|---|
| | | |
|---|
| | | //固定块
|
|---|
| | | layui.util.fixbar({
|
|---|
| | | css: {right: 10, bottom: 10}
|
|---|
| | | ,showHeight: 100
|
|---|
| | | ,bgcolor: '#393D49'
|
|---|
| | | ,click: function(type){
|
|---|
| | | if(type === 'bar1'){
|
|---|
| | | layer.msg('icon是可以随便换的')
|
|---|
| | | } else if(type === 'bar2') {
|
|---|
| | | layer.msg('两个bar都可以设定是否开启')
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | });
|
|---|
| | | });
|
|---|
| | |
|
|---|
| | | // 点击机房事件
|
|---|
| | |
|---|
| | | ulCon.find('ul').remove();
|
|---|
| | |
|
|---|
| | | // 创建ul
|
|---|
| | | var _ul = $('<ul data-role="listview" data-inset="true"></ul>');
|
|---|
| | | var _ul = $('<ul data-role="listview" data-inset="false"></ul>');
|
|---|
| | |
|
|---|
| | | // 遍历dataList生成li和a
|
|---|
| | | for (var i = 0; i < dataList.length; i++){
|
|---|
| | | var _li = $('<li></li');
|
|---|
| | | var _li = $('<li data-icon="false"></li');
|
|---|
| | | var _dataList = dataList[i];
|
|---|
| | | var _a = $('<a href="javascript:;" value="" data-transition="slide">'+_dataList.home+'</a>');
|
|---|
| | | var _a = $('<a href="javascript:;" value=""><i class="fa fa-home mrr4"></i>'+_dataList.home+'</a>');
|
|---|
| | | _a.data('homedata', _dataList); // 给连接添加信息
|
|---|
| | | // 将_a添加到_li，将_li添加到_ul中
|
|---|
| | | _li.append(_a);
|
|---|
