加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
supplier.html 7.45 KB
一键复制 编辑 原始数据 按行查看 历史
zss 提交于 2018-04-04 21:53 . 睡觉
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello MUI</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/mui.min.css">
<link rel="stylesheet" href="css/icons-extra.css">
<link rel="stylesheet" href="css/app.css">
<style type="text/css">
#supplier-box ul{ background: #fff }
#supplier-box ul li{ padding: 11px 13px; }
#supplier-box ul li .mui-media-body{ font-size: 12px; }
/* #supplier-list{ padding-top: 0; } */
</style>
</head>
<body>
<header id="header" class="mui-bar mui-bar-nav">
<h1 class="mui-title">供应商管理</h1>
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<!-- <a id="promptBtn" class="mui-icon mui-icon-search mui-pull-right"></a> -->
<a class="mui-icon mui-icon-plus mui-pull-right" href="./supplierAdd.html"></a>
</header>
<!-- <div class="mui-content" id="supplier-box" >
<ul class="mui-table-view mui-grid-view mui-grid-9">
<li class="mui-table-view-cell mui-media mui-col-xs-3 " data-href="goods.html">
<div class="mui-media-title">
<span class="mui-icon mui-icon-compose"></span>
</div>
<div class="mui-media-body">商品管理</div>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-3 " data-href="procurement.html">
<div class="mui-media-title">
<span class="mui-icon mui-icon-download">
</span>
</div>
<div class="mui-media-body">新建采购单</div>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-3 " data-href="warehouse.html">
<div class="mui-media-title">
<span class="mui-icon mui-icon-flag"></span>
</div>
<div class="mui-media-body">仓库管理</div>
</li>
<li class="mui-table-view-cell mui-media mui-col-xs-3 " data-href="addSupplier.html">
<div class="mui-media-title">
<span class="mui-icon mui-icon-personadd"></span>
</div>
<div class="mui-media-body">新增供应商</div>
</li>
</ul>
</div> -->
<div class="mui-content" id="supplier-search">
<form class="mui-content-padded" style="margin: 5px;">
<div class="mui-input-row mui-search" id=" ">
<input type="search" class="mui-input-clear" placeholder="如:货号">
</div>
</form>
<h6 class="mui-content-padded" style="margin: 5px 10px 5px; "> 左滑显示多功能菜单</h6>
</div>
<ul class="mui-table-view mui-table-view-chevron ">
<li class="mui-table-view-cell mui-media">
<div class="mui-slider-right mui-disabled">
<a class="mui-btn mui-btn-grey mui-icon mui-icon-person" href="./supplierShow.html"></a>
<a class="mui-btn mui-btn-yellow mui-icon mui-icon-phone" href="tel:13273803580"></a>
<a class="mui-btn mui-btn-red mui-icon mui-icon-email" href="sms:10086"></a>
</div>
<a class="mui-slider-handle mui-navigate-right" href="./supplierShow.html">
<span class="mui-badge mui-badge-danger">重点客户</span>
<!-- 公司logo图标保留 -->
<!-- <img class="mui-media-object mui-pull-left" src=""> -->
<div class="mui-media-body">
<h4 class="title">郑州壹网无忧信息技术有限公司</h4>
<p class="mui-ellipsis"> 编号:<span>001</span> </p>
<p class="mui-ellipsis"> 负责人:<span>崔经理</span> </p>
<p class="mui-ellipsis"> 电话:<span>13273803588</span> </p>
<p class="mui-ellipsis"> 邮箱:<span>2410365997@qq.com</span> </p>
<p class="mui-ellipsis" > 地址:<span>郑州市长椿路与冬青街交叉口河南省电子商务产业园9号楼1001室</span> </p>
</div>
</a>
</li>
<li class="mui-table-view-cell mui-media">
<div class="mui-slider-right mui-disabled">
<a class="mui-btn mui-btn-grey mui-icon mui-icon-person" href="./supplierShow.html"></a>
<a class="mui-btn mui-btn-yellow mui-icon mui-icon-phone" href="tel:13273803580"></a>
<a class="mui-btn mui-btn-red mui-icon mui-icon-email" href="sms:10086"></a>
</div>
<a class="mui-slider-handle mui-navigate-right" href="./supplierShow.html">
<span class=" mui-badge mui-badge-primary">普通客户</span>
<!-- 公司logo图标保留 -->
<!-- <img class="mui-media-object mui-pull-left" src=""> -->
<div class="mui-media-body">
<h4 class="title">郑州壹网无忧信息技术有限公司</h4>
<p class="mui-ellipsis"> 编号:<span>001</span> </p>
<p class="mui-ellipsis"> 负责人:<span>崔经理</span> </p>
<p class="mui-ellipsis"> 电话:<span>13273803588</span> </p>
<p class="mui-ellipsis"> 邮箱:<span>2410365997@qq.com</span> </p>
<p class="mui-ellipsis" > 地址:<span>郑州市长椿路与冬青街交叉口河南省电子商务产业园9号楼1001室</span> </p>
</div>
</a>
</li>
</ul>
<div class="mui-content" id="supplier-list">
</div>
<nav class="mui-bar mui-bar-tab" id="bar-down">
<div class="mui-tab-item mui-active" data-href="./index.html">
<span class="mui-icon mui-icon-home"></span>
<span class="mui-tab-label">首页</span>
</div>
<div class="mui-tab-item" data-href="./sales.html">
<span class="mui-icon mui-icon-star"> </span>
<span class="mui-tab-label">销售管理</span>
</div>
<div class="mui-tab-item" data-href="./procurement.html">
<span class="mui-icon mui-icon-download"> </span>
<span class="mui-tab-label">采购管理</span>
</div>
<div class="mui-tab-item" data-href="./warehouse.html">
<span class="mui-icon mui-icon-flag"></span>
<span class="mui-tab-label">仓库管理</span>
</div>
<div class="mui-tab-item" data-href="./basis.html">
<span class="mui-icon mui-icon-gear"></span>
<span class="mui-tab-label">基础管理</span>
</div>
</nav>
<script src="js/mui.min.js"></script>
<script src="js/song.js"></script>
<script>
mui.init({});
//当前页面执行
/* mui(".mui-table-view-chevron").on("tap", "li", function () {
var href = this.getAttribute("data-href");
if (href !== "") {
gotoUrl(href);
return;
}
}, false) */
mui("#bar-down").on("tap", "div", function () {
var href = this.getAttribute("data-href");
if (href !== "") {
gotoUrl(href);
return;
}
}, false);
</script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化