本文主要包含hbuilder mui,hbuilder mui视频教程,hbuilder mui教程,hbuilder mui api,hbuilder mui app等相关知识,教程希望在学习及工作中可以帮助到您
");
</div>
本文的引导页和[官方的引导页示例](https://github.com/dcloudio/mui/blob/master/examples/hello-mui/examples/guide.html)还是有一定的区别的。 页面的展示以图片为主，包括文字也已制作成图片 另外对首页和尾页分别添加了右滑和左滑事件，以保证页面背景和当前页背景是相同的，这样来确保样式的统一
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
- <title></title>
- <meta name="apple-mobile-web-app-capable" content="yes">
- <meta name="apple-mobile-web-app-status-bar-style" content="black">
- <link href="../css/mui.min.css" rel="stylesheet" />
- <style>
- html,
- body {
- height: 100%;
- }
- body {
- margin: 0;
- }
- .mui-content {
- height: 100%;
- padding: 0;
- }
- .mui-slider {
- height: 100%;
- }
- .mui-slider-group {
- height: 100%;
- }
- .mui-slider-item {
- height: 100%;
- width: 100%;
- margin-left: 0px;
- margin-right: 0px;
- border: none;
- }
- a {
- height: 100%;
- }
- #into {
- bottom: 11%;
- position: absolute;
- width: 40%;
- height: 35px;
- text-align: center;
- left: 30%;
- padding: 0;
- border: 0;
- &nb