Skip to content

M
mui
Commit eeb2ad6f authored by hbcui1984's avatar hbcui1984
Browse files
Options

delete unused file

parent 19207e34
Hide whitespace changes
Inline Side-by-side
Showing with 89 additions and 272 deletions
examples/hello-mui/css/oa.css deleted 100644 → 0
View file @ 19207e34
@font-face {
font-family: OAicons;
font-style: normal;
font-weight: normal;
src: url("../fonts/ratchicons.eot");
src: url("../fonts/ratchicons.eot?#iefix") format("embedded-opentype"), url("../fonts/ratchicons.woff") format("woff"), url("../fonts/ratchicons.ttf") format("truetype"), url("../fonts/ratchicons.svg#svgFontName") format("svg");
}
.oa-icon{
display: inline-block;
font-family: OAicons;
font-size: 24px;
line-height: 1;
text-decoration: none;
-webkit-font-smoothing: antialiased;
}
.oa-icon-back:before {
content: '\e80a';
}
.oa-icon-bars:before {
content: '\e80e';
}
.oa-icon-caret:before {
content: '\e80f';
}
.oa-icon-check:before {
content: '\e810';
}
.oa-icon-close:before {
content: '\e811';
}
.oa-icon-code:before {
content: '\e812';
}
.oa-icon-compose:before {
content: '\e813';
}
.oa-icon-download:before {
content: '\e815';
}
.oa-icon-edit:before {
content: '\e829';
}
.oa-icon-forward:before {
content: '\e82a';
}
.oa-icon-gear:before {
content: '\e821';
}
.oa-icon-home:before {
content: '\e82b';
}
.oa-icon-info:before {
content: '\e82c';
}
.oa-icon-list:before {
content: '\e823';
}
.oa-icon-more-vertical:before {
content: '\e82e';
}
.oa-icon-more:before {
content: '\e82f';
}
.oa-icon-pages:before {
content: '\e824';
}
.oa-icon-pause:before {
content: '\e830';
}
.oa-icon-person:before {
content: '\e832';
}
.oa-icon-play:before {
content: '\e816';
}
.oa-icon-plus:before {
content: '\e817';
}
.oa-icon-refresh:before {
content: '\e825';
}
.oa-icon-search:before {
content: '\e819';
}
.oa-icon-share:before {
content: '\e81a';
}
.oa-icon-sound:before {
content: '\e827';
}
.oa-icon-sound2:before {
content: '\e828';
}
.oa-icon-sound3:before {
content: '\e80b';
}
.oa-icon-sound4:before {
content: '\e80c';
}
.oa-icon-star-filled:before {
content: '\e81b';
}
.oa-icon-star:before {
content: '\e81c';
}
.oa-icon-stop:before {
content: '\e81d';
}
.oa-icon-trash:before {
content: '\e81e';
}
.oa-icon-up-nav:before {
content: '\e81f';
}
.oa-icon-up:before {
content: '\e80d';
}
.oa-icon-right-nav:before {
content: '\e818';
}
.oa-icon-right:before {
content: '\e826';
}
.oa-icon-down-nav:before {
content: '\e814';
}
.oa-icon-down:before {
content: '\e820';
}
.oa-icon-left-nav:before {
content: '\e82d';
}
.oa-icon-left:before {
content: '\e822';
}
\ No newline at end of file
examples/hello-mui/examples/list-triplex-row.html
View file @ eeb2ad6f
...@@ -21,6 +21,22 @@ ...@@ -21,6 +21,22 @@
.mui-bar-nav~.mui-content{ .mui-bar-nav~.mui-content{
padding: 0; padding: 0;
} }
.mui-table h4,.mui-table h5,.mui-table .mui-h5,.mui-table .mui-h6,.mui-table p{
margin-top: 0;
}
.mui-table h4{
line-height: 21px;
font-weight: 500;
}
.mui-table .oa-icon{
position: absolute;
right:0;
bottom: 0;
}
.mui-table .oa-icon-star-filled{
color:#f14e41;
}
</style> </style>
<script> <script>
mui.init(); mui.init();
...@@ -28,100 +44,77 @@ ...@@ -28,100 +44,77 @@
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav">
<link rel="stylesheet" href="../css/oa.css"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<style> <h1 class="mui-title">三行列表</h1>
.mui-table h4,.mui-table h5,.mui-table .mui-h5,.mui-table .mui-h6,.mui-table p{ </header>
margin-top: 0; <div class="mui-content">
} <ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
.mui-table h4{ <li class="mui-table-view-cell">
line-height: 21px; <div class="mui-table">
font-weight: 500; <div class="mui-table-cell mui-col-xs-10">
} <h4 class="mui-ellipsis">信息化推进办公室张彦合同付款信息化</h4>
<h5>申请人：李四</h5>
.mui-table .oa-icon{ <p class="mui-h6 mui-ellipsis">Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，</p>
position: absolute; </div>
right:0; <div class="mui-table-cell mui-col-xs-2 mui-text-right">
bottom: 0; <span class="mui-h5">12:25</span>
} </div>
.mui-table .oa-icon-star-filled{ </div>
color:#f14e41; </li>
} <li class="mui-table-view-cell">
<div class="mui-table">
</style> <div class="mui-table-cell mui-col-xs-10">
<header class="mui-bar mui-bar-nav"> <h4 class="mui-ellipsis-2">信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款</h4>
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <h5>申请人：李四</h5>
<h1 class="mui-title">三行列表</h1> <p class="mui-h6 mui-ellipsis">Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，</p>
</header> </div>
<div class="mui-content"> <div class="mui-table-cell mui-col-xs-2 mui-text-right">
<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed"> <span class="mui-h5">12:25</span>
<li class="mui-table-view-cell">
<div class="mui-table"> </div>
<div class="mui-table-cell mui-col-xs-10"> </div>
<h4 class="mui-ellipsis">信息化推进办公室张彦合同付款信息化</h4> </li>
<h5>申请人：李四</h5> <li class="mui-table-view-cell">
<p class="mui-h6 mui-ellipsis">Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，</p> <div class="mui-table">
</div> <div class="mui-table-cell mui-col-xs-10">
<div class="mui-table-cell mui-col-xs-2 mui-text-right"> <h4 class="mui-ellipsis-2">信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款</h4>
<span class="mui-h5">12:25</span> <h5>申请人：李四</h5>
</div> <p class="mui-h6 mui-ellipsis">Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，</p>
</div> </div>
</li> <div class="mui-table-cell mui-col-xs-2 mui-text-right">
<li class="mui-table-view-cell"> <span class="mui-h5">12:25</span>
<div class="mui-table">
<div class="mui-table-cell mui-col-xs-10"> </div>
<h4 class="mui-ellipsis-2">信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款</h4> </div>
<h5>申请人：李四</h5> </li>
<p class="mui-h6 mui-ellipsis">Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，</p> <li class="mui-table-view-cell">
</div> <div class="mui-table">
<div class="mui-table-cell mui-col-xs-2 mui-text-right"> <div class="mui-table-cell mui-col-xs-10">
<span class="mui-h5">12:25</span> <h4 class="mui-ellipsis-2">信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款</h4>
<h5>申请人：李四</h5>
</div> <p class="mui-h6 mui-ellipsis">Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，</p>
</div> </div>
</li> <div class="mui-table-cell mui-col-xs-2 mui-text-right">
<li class="mui-table-view-cell"> <span class="mui-h5">12:25</span>
<div class="mui-table">
<div class="mui-table-cell mui-col-xs-10"> </div>
<h4 class="mui-ellipsis-2">信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款</h4> </div>
<h5>申请人：李四</h5> </li>
<p class="mui-h6 mui-ellipsis">Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，</p> <li class="mui-table-view-cell">
</div> <div class="mui-table">
<div class="mui-table-cell mui-col-xs-2 mui-text-right"> <div class="mui-table-cell mui-col-xs-10">
<span class="mui-h5">12:25</span> <h4 class="mui-ellipsis-2">信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款</h4>
<h5>申请人：李四</h5>
</div> <p class="mui-h6 mui-ellipsis">Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，</p>
</div> </div>
</li> <div class="mui-table-cell mui-col-xs-2 mui-text-right">
<li class="mui-table-view-cell"> <span class="mui-h5">12:25</span>
<div class="mui-table">
<div class="mui-table-cell mui-col-xs-10"> </div>
<h4 class="mui-ellipsis-2">信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款</h4> </div>
<h5>申请人：李四</h5> </li>
<p class="mui-h6 mui-ellipsis">Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，</p> </ul>
</div> </div>
<div class="mui-table-cell mui-col-xs-2 mui-text-right"> </body>
<span class="mui-h5">12:25</span>
</div>
</div>
</li>
<li class="mui-table-view-cell">
<div class="mui-table">
<div class="mui-table-cell mui-col-xs-10">
<h4 class="mui-ellipsis-2">信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款信息化推进办公室张彦合同付款</h4>
<h5>申请人：李四</h5>
<p class="mui-h6 mui-ellipsis">Hi，李明明，申请交行信息卡，100元等你拿，李明明，申请交行信息卡，100元等你拿，</p>
</div>
<div class="mui-table-cell mui-col-xs-2 mui-text-right">
<span class="mui-h5">12:25</span>
</div>
</div>
</li>
</ul>
</div>
</body>
</html> </html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment