目录
利用mui写一个简单的页面# 软件hbuilder x web开发ide 下载地址:/d/file/titlepic/hbuilderx.html mui 前端框架(移动端) 使用文档:/d/file/titlepic/ is mui： - 移动端布局框架 made in china - 模拟移动app,html布局框架 - css+javascript 模拟出动态效果 cpu瞬时损耗严重(以现在手机的性能可以流畅运行)mui + hbuilderx 30+ <50+ 按键可以构建出页面 - hbuilderx 代码块 html5 plus api参考 /d/file/titlepic/h5p.html 移动设备硬件驱动调用 - 震动器 摄像头 闪光灯 扬声器 麦克风 蓝牙 红外android,ios系统调用 - 相册 通讯录 打电话 短信 彩信 电子邮件 闹钟 日历 # 硬件电脑 + ios或android系统的手机与数据线
# 我这里使用的是安卓系统的手机手机打开usb调试功能,用数据线连接到电脑 (不会打开usb调试,请自行百度)
# 现在就可以,用手机查看 mui框架 提供的前端组件
#新手指南: /d/file/titlepic/ /d/file/titlepic/ plus 手机硬件调用参考 /d/file/titlepic/h5p.html#新建一个mui项目mdo --> mdoctype(mui-dom结构)mh --> mheader(标题栏)mb --> mbody(主体 里面放内容) mt --> mtab(底部选项卡)
<!--html代码--><!doctype html><html lang="en"><head><meta chart="utf-8" /><title>document</title><meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,ur-scalable=no" /><link rel="stylesheet" type="text/css" href="css/mui.css" /><!--修改href路径--></head><body><header class="mui-bar mui-bar-nav"><h1 class="mui-title">新闻快车</h1></header><div class="mui-content"><div class="mui-scroll-wrapper mui-slider-indicator mui-gmented-control mui-gmented-control-inverted"><div class="mui-scroll"><a class="mui-control-item mui-active">推荐</a><a class="mui-control-item">热点</a><a class="mui-control-item">北京</a><a class="mui-control-item">社会</a><a class="mui-control-item">娱乐</a><a class="mui-control-item">科技</a></div></div><div class="mui-slider"><div class="mui-slider-group"><div class="mui-slider-item"><a href="#">无锡高架桥侧翻事故已致3死2伤 更多详情披露<img src="/d/file/titlepic/error.html" /></a></div><div class="mui-slider-item"><a href="#"><img src="3.jpg" /></a></div><div class="mui-slider-item"><a href="#"><img src="4.jpg" /></a></div></div></div><ul class="mui-table-view"><li class="mui-table-view-cell mui-media"><a href="javascript:;"><img class="mui-media-object mui-pull-right" src="https://pics5.baidu.com/feed/c995d143ad4bd11312601aa13bb4370a4afb0590.jpeg?token=afd7e0689766caee13abd75166b49f62&s=d79213c100438b470420ed15030050d3"><div class="mui-media-body">首次公开！中国火星探测器.<p class="mui-ellipsis">中国火星探测器“真容”曝光，个头巨大</p></div></a></li><li class="mui-table-view-cell mui-media"><a href="jav我是丑小鸭ascript:;"><img class="mui-media-object mui-pull-right" src="https://pics5.baidu.com/feed/3812b31bb051f819e8d23907264ad8e82c73e788.png?token=cd10305cdc186424b0940c70e14f3887&s=acd0c3035b022a4b76f955b403008084"><div class="mui-media-body">无锡高架桥垮塌9小时<p class="mui-ellipsis">无锡高架桥垮塌9小时：值班热线表示不知详情 官方微博只字未提</p></div></a></li><li class="mui-table-view-cell mui-media"><a href="javascript:;"><im代理商品g class="mui-media-object mui-pull-right" src="https://pics2.baidu.com/feed/c9fcc3cec3fdfc03fc738ac4bb4a1491a4c22639.jpeg?token=f3d326f873b2869049c04fa827efeaca&s=e4a0f058dea04317981765df0300d09b"><div class="mui-media-body">日本紧张备战强台风<p class="mui-ellipsis">日本紧张备战强台风：电车停运商场关门 胶布卖断货.</p></div></a></li><li class="mui-table-view-cell mui-media"><a href="javascript:;"><img class="mui-media-object mui-pull-right" src="https://pics5.baidu.com/feed/c995d143ad4bd11312601aa13bb4370a4afb0590.jpeg?token=afd7e0689766caee13abd75166b49f62&s马加爵临刑前写的一封信=d79213c100438b470420ed15030050d3"><div class="mui-media-body">首次公开！中国火星探测器.<p class="mui-ellipsis">中国火星探测器“真容”曝光，个头巨大</p></div></a></li><li class="mui-table-view-cell mui-media"><a href="javascript:;"><img class="mui-media-object mui-pull-right" src="https://pics5.baidu.com/feed/3812b31bb051f819e8d23907264ad8e82c73e788.png?token=cd10305cdc186424b0940c70e14f3887&s=acd0c3035b022a4b76f955b403008084"><div class="mui-media-body">无锡高架桥垮塌9小时<p class="mui-ellipsis">无锡高架桥垮塌9小时：值班热线表示不知详情 官方微博只字未提</p></div></a></li><li class="mui-table-view-cell mui-media"><li class="mui-table-view-cell mui-media"><a href="javascript:;"><img class="mui-media-object mui-pull-right" src="https://pics5.baidu.com/feed/c995d143ad4bd11312601aa13bb4370a4afb0590.jpeg?token=afd7e0689766caee13abd75166b49f62&s=d79213c100438b470420ed15030050d3"><div class="mui-media-body">首次公开！中国火星探测器.<p class="mui-ellipsis">中国火星探测器“真容”曝光，个头巨大</p></div></a></li><li class="mui-table-view-cell mui-media"><a href="javascript:;"><img class="mui-media-object mui-pull-right" src="https://pics5.baidu.com/feed/3812b31bb051f819e8d23907264ad8e82c73e788.png?token=cd10305cdc186424b0940c70e14f3887&s=acd0c3035b022a4b76f955b403008084"><div class="mui-media-body">无锡高架桥垮塌9小时<p class="mui-ellipsis">无锡高架桥垮塌9小时：值班热线表示不知详情 官方微博只字未提</p></div></a></li><li class="mui-table-view-cell mui-media"></ul></div><nav class="mui-bar mui-bar-tab"><a class="mui-tab-item mui-active"><span class="mui-icon mui-icon-home"></span><span class="mui-tab-label">首页</span></a><a class="mui-tab-item"><span class="mui-tab-label">视频</span></a><a class="mui-tab-item"><span class="mui-tab-label">段子</span></a><a class="mui-tab-item"><span class="mui-tab-label">我的</span></a></nav><script src="js/mui.js" type="text/javascript" chart="utf-8"></script><!--修改src路径--><script t转动惯量的计算ype="text/javascript">mui.init()</script></body></html><--简单的参考,使用文档做了一个手机端的静态页面 效果如下图-->
关于如何使用mui,及页面之间的传参调用直接参考官方文档./d/file/titlepic/ 者：
出 处：
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角
【推荐】一下。您的鼓励是博主的最大动力！
自 勉：生活，需要追求；梦想，需要坚持；生命，需要珍惜；但人生的路上，更需要坚强。
带着感恩的心启程，学会爱，爱父母，爱自生长素的化学本质己，爱朋友，爱他人。
本文发布于:2023-04-07 05:58:03，感谢您对本站的认可！
本文链接：https://www.wtabcd.cn/fanwen/zuowen/f3eb391389720fe45a3042985a728093.html
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文word下载地址：基于MUI框架+HTML5PLUS 开发 iOS和Android 应用程序(APP).doc
本文 PDF 下载地址：基于MUI框架+HTML5PLUS 开发 iOS和Android 应用程序(APP).pdf
| 留言与评论（共有 0 条评论） |
