MUI框架-06-静态页制作(图片轮播)

时间:2023-03-08 17:53:13
MUI框架-06-静态页制作(图片轮播)

MUI框架-06-静态页制作(图片轮播)

轮播组件

  • 之前也介绍过如何查阅官方文档:http://dev.dcloud.net.cn/mui/ui/#slide
  • 这里需要一个轮播组件,拷贝这段代码就可以了
  • 【注意】:除了固定栏之外,其它内容都要包裹在.mui-content 中
    MUI框架-06-静态页制作(图片轮播)
  • 然后我们放上两张图片:

MUI框架-06-静态页制作(图片轮播)

  • 预览截图:
    MUI框架-06-静态页制作(图片轮播)
  • 这里就是如果你觉得预览的时候感觉他是 web 浏览器,心理不踏实,总害怕真机运行的时候,界面差异很大,那么请看这篇:MUI框架-07-HBuilder+夜神安卓模拟器 配置
  • 然后我们就可以使用 模拟器来真机运行我们的 app

自定义样式

手机端快速调试

  • 苹果/安卓都可以用,仅限同一局域网内
  • 电脑端 HBuilder web 浏览器有一个地址:
    MUI框架-06-静态页制作(图片轮播)
  • 我们可以看一下:

    http://127.0.0.1:8020/new02/index.html

  • 这里的 ip 是127.0.0.1,也就是相当于 localhost 本机的意思
  • 我们打它换成 电脑的 ip v4 地址,就可以在局域网内同时访问了
  • 怎么查看 ip v4 地址?
  • 打开 cmd 输入 ipconfig
  • 【注意】这里可能有好几个 ipv4 地址;
    • 一般的用 wifi 连外网 就找无线局域网适配器的
    • 如果是以太网,可能会有一个 PPP 适配器,选这个
      MUI框架-06-静态页制作(图片轮播)
    • 大不了都试一试嘛,
    • 例如我的就是这样的,直接把链接发给手机就可以

      http://10.160.42.153:8020/new/index.html

  • 更新代码后,刷新一下就可以,超级方便,截图:
    MUI框架-06-静态页制作(图片轮播)

更多文章链接:MUI 框架


  • 本笔记不允许任何个人和组织转载