Skip to content

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

微调hello mui中部分页面代码格式

parent eeb2ad6f
Show whitespace changes
Inline Side-by-side
Showing with 58 additions and 166 deletions
examples/hello-mui/examples/info.html
View file @ 8306ce1d
...@@ -12,28 +12,30 @@ ...@@ -12,28 +12,30 @@
<script src="../js/mui.min.js"></script> <script src="../js/mui.min.js"></script>
<script src="../js/app.js"></script> <script src="../js/app.js"></script>
<style> <style>
html,body {
background-color: #efeff4;
}
header.mui-bar{ header.mui-bar{
display: none; display: none;
} }
.mui-bar-nav~.mui-content{ .mui-bar-nav~.mui-content{
padding: 0; padding: 0;
} }
p {
text-indent: 22px;
padding: 5px 8px;
}
html,body,.mui-content {
background-color: #fff;
}
h4 {
margin-left: 5px;
}
</style> </style>
<script>
mui.init();
</script>
</head> </head>
<body> <body>
<header class="mui-bar mui-bar-nav">
<header class="mui-bar mui-bar-nav">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<h1 class="mui-title">关于</h1> <h1 class="mui-title">关于</h1>
</header> </header>
<div class="mui-content"> <div class="mui-content">
<div class="mui-content-padded"> <div class="mui-content-padded">
<h4 style="margin-top:10px;">mui</h4> <h4 style="margin-top:10px;">mui</h4>
<p> <p>
...@@ -56,24 +58,10 @@ ...@@ -56,24 +58,10 @@
<p> <p>
mui遵循MIT License，源码已提交至Github，<a href="https://github.com/dcloudio/mui">点击查看</a>; mui遵循MIT License，源码已提交至Github，<a href="https://github.com/dcloudio/mui">点击查看</a>;
</p> </p>
</div> </div>
</div> </div>
<style type="text/css"> <script type="text/javascript" charset="utf-8">
p { mui.init();
text-indent: 22px;
padding: 5px 8px;
}
html,
body,
.mui-content {
background-color: #fff;
}
h4 {
margin-left: 5px;
}
</style>
<script type="text/javascript" charset="utf-8">
//处理点击事件，需要打开原生浏览器 //处理点击事件，需要打开原生浏览器
mui('body').on('tap', 'a', function(e) { mui('body').on('tap', 'a', function(e) {
var href = this.getAttribute('href'); var href = this.getAttribute('href');
...@@ -85,8 +73,6 @@ ...@@ -85,8 +73,6 @@
} }
} }
}); });
</script> </script>
</body>
</body>
</html> </html>
\ No newline at end of file
examples/hello-mui/examples/inputs.html → examples/hello-mui/examples/input.html
View file @ 8306ce1d
...@@ -15,6 +15,9 @@ ...@@ -15,6 +15,9 @@
html,body { html,body {
background-color: #efeff4; background-color: #efeff4;
} }
h5 {
margin: 5px 7px;
}
</style> </style>
</head> </head>
...@@ -29,18 +32,7 @@ ...@@ -29,18 +32,7 @@
<div class="mui-input-row mui-search"> <div class="mui-input-row mui-search">
<input id="search" type="search" class="mui-input-speech mui-input-clear" placeholder="带语音输入的搜索框"> <input id="search" type="search" class="mui-input-speech mui-input-clear" placeholder="带语音输入的搜索框">
</div> </div>
<div class="mui-input-row mui-input-range">
<label>slider</label>
<input type="range" min="0" max="100">
</div>
<div class="mui-input-row">
<label>Switch</label>
<div class="mui-switch mui-active">
<div class="mui-switch-handle"></div>
</div>
</div>
<form class="mui-input-group"> <form class="mui-input-group">
<div class="mui-input-row"> <div class="mui-input-row">
<label>Input</label> <label>Input</label>
<input type="text" placeholder="普通输入框"> <input type="text" placeholder="普通输入框">
...@@ -64,13 +56,6 @@ ...@@ -64,13 +56,6 @@
</div> </div>
</div> </div>
</div> </div>
<style type="text/css">
h5 {
margin: 5px 7px;
}
</style>
<script> <script>
mui.init(); mui.init();
//语音识别完成事件 //语音识别完成事件
...@@ -79,5 +64,4 @@ ...@@ -79,5 +64,4 @@
}); });
</script> </script>
</body> </body>
</html> </html>
\ No newline at end of file
examples/hello-mui/list.html
View file @ 8306ce1d
...@@ -62,13 +62,7 @@ ...@@ -62,13 +62,7 @@
块级按钮 块级按钮
</a> </a>
</li> </li>
<!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/buttons-with-fabs.html">
浮动控制按钮
</a>
</li>-->
</ul> </ul>
</li> </li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/checkbox.html"> <a class="mui-navigate-right" href="examples/checkbox.html">
...@@ -145,7 +139,7 @@ ...@@ -145,7 +139,7 @@
</a> </a>
</li> </li>
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/inputs.html"> <a class="mui-navigate-right" href="examples/input.html">
input（输入框） input（输入框）
</a> </a>
</li> </li>
...@@ -193,11 +187,6 @@ ...@@ -193,11 +187,6 @@
media list（图文列表） media list（图文列表）
</a> </a>
</li> </li>
<!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" open-type='common' href="examples/modals.html">
modal（弹出窗口）
</a>
</li>-->
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" open-type="common" href="examples/nav.html"> <a class="mui-navigate-right" open-type="common" href="examples/nav.html">
nav bar（导航栏） nav bar（导航栏）
...@@ -317,78 +306,11 @@ ...@@ -317,78 +306,11 @@
</li> </li>
</ul> </ul>
</li> </li>
<!--<li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#">
表单（Forms）
</a>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/forms.html">
Form
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/forms-with-group.html">
Form with input group
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/forms-with-group-and-labels.html">
Form with input group and labels
</a>
</li>
</ul>
</li>-->
<!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/preload.html">
预加载（Preload）
</a>
</li>-->
<!--<li class="mui-table-view-cell mui-collapse">
<a class="mui-navigate-right" href="#">
OA模板
</a>
<ul class="mui-table-view mui-table-view-chevron">
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/oa-missives-detail.html">
待办公文详情
</a>
</li>
<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/oa-contact-main.html">
通讯录
</a>
</li>
</ul>
</li>-->
<li class="mui-table-view-cell"> <li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/typography.html"> <a class="mui-navigate-right" href="examples/typography.html">
typography（文字） typography（文字）
</a> </a>
</li> </li>
<!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/iscroll.html">
iscroll 4
</a>
</li>
-->
<!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/demo.html">
预加载(模板)
</a>
</li>-->
<!--<li class="mui-table-view-cell">
<a class="mui-navigate-right" href="examples/scroll.html">
scroll（区域滚动）
</a>
</li>-->
</ul> </ul>
</div> </div>
<script> <script>
......
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