mui专题
跨平台移动APP开发进阶(一)mui开发注意事项
mui开发注意事项 Mui HTML5开发框架 mui是一个高性能的HTML5开发框架，从UI到效率，都在极力追求原生体验；这个框架自身有一些规则，刚接触的同学不很熟悉，特总结本文；想了解mui更详细的信息，请访问mui官网。 DOM结构 关于mui页面的dom，你需要知道如下规则： 固定栏靠前 所谓的固定栏，也就是带有.mui-bar（类选择器）属性的节点，都是基于fi
mui上拉刷新下拉加载模板1)
<!DOCTYPE html><html lang="en"><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><li
Dcloud mui初级入门资源
文章来源：小青年原创 发布时间：2016-05-15 关键词：mui,html5+ 转载需标注本文原始地址：http://zhaomenghuan.github.io... 写在前面 相信很多朋友初次接触到dcloud这边的产品，一般都是hbuilder和mui，所以很多朋友对于dcloud这边的产品链的认识也是各不相同。我相信对于很多新手来说，初次使用dcloud这边的产品的第一感觉一
mui打包vue项目
1，新建app项目，打包vue，修改config/index.js的输出路径 2，把build打包后的dist目录下的文件拷到app目录下 3、修改app下面的index文件，改变压缩格式，修改“/static”为“static” 4、如果手机上可以用基座调试出来，打包出来基本没问题 5 、发现打包的项目hash模式为history可以正常运行，但是去掉“#”就不能跑了--待解决
mui.prompt 样式修改/自定义
mui.prompt 样式修改/自定义 相信很多网友，都想修改一下这个 mui.prompt 的样式，因为提供的这个，很难看，这里，我提供一点我实现的方式
mui------列表项中如何实现自动左滑或者右滑
mui------列表项中如何实现自动左滑或者右滑 网上有很多码友，包括dcloud社区也有人问过这个问题，怎样模拟左右滑动事件，因为有些时候，滑动列表框，不局限于手动滑动，最好是，举个例子，用户操作了哪项 之后，列表能够自己滑出来，这样很直观，体验上也很好。 有网友说,，mui.trigger 能帮我们实现，但是，请大家认真看下，文档上面说的很清楚，是帮我们 部分 实现
mui-switch 修改 on off 文本
mui-switch 修改 on off 文本 1.查了一下原生UI， mui中有如何修改开关颜色，有如何隐藏 on /off 文本的内容，但是有写时候，我们是需要修改on 和off的值，这应该是没有说明的，所以在此，本人实现了一下这个功能，其实很简单，修改一下样式 .mui-switch.mui-active:before { content: '合格'; } .mu
Remix 集成 MUI
Remix 如何接入 MUI 组件库，MUI 官网提供了一个 Remix 接入 MUI 的例子，用的是老的 Remix版本，如何接入新的 Vite 版本呢？ 由于 MUI 支持 SSR，只需要改造对应的 Client 和 Server 即可实现。安装 MUI 组件组件库，修改对应的 Client/Server 文件，代码如下： 安装 MUI npm install @mui/material
跨平台APP开发，Hbuilder中MUI框架防微信通讯录的一个小坑
Hbuilder中MUI框架防微信通讯录的一个小坑 最近在学习mui框架 项目中有需求 仿微信通讯录效果，mui框架中直接有现成的examples/indexed-list.html这个目录下。但是有个小坑 ，在通讯录界面货只显示一半显示不完全。这个问题最后解决一下 首先介绍怎么再项目中引用微信通讯录效果。 一： 再Hbuilder中新建MUI项目 选择如下：包含mui的js
国内开源项目Dcloud中的html5+ sdk，界面框架mui和开发工具hbuilder
刚开始接触Dcloud，第一次进去看感觉云里雾里的。不太懂为什么要叫html5plus，它到底加在什么地方？（个人理解） 一.html5plus的定义 国内的这个html5产业联盟，是为了逐步加快html5 webapp 开发减少原生app开发，我们的原生app包括ios的开发成本是比较高的，而且开发这些原生app就我个人而言是感觉挺麻
【Html5】 Hbuilder工具+MUI框架，开发H5列表页面不过如此！
我们公司大佬写得技术文档，以后可能用的到这个技能，先转载过来以后好直接使用。 转载：https://blog.csdn.net/chendaike/article/details/95453068 侵删，谢谢！ 需求分析 小编最近在做一个任务：要求实现一个在微信公众号里面的H5列表页面。拿到这个任务我们首先要进行需求分析，由于是在微信公众号也就是手机里面的H5列表，所以就不可能像PC
mui框架中switch开关通过js控制开或者关状态时小圆点不动问题
最近开发一个基于mui框架的一个微信小程序，发现在使用mui框架中的switch开关的时候，想要达到联动的功能，让一个主开关控制几个子开关，发现虽然开关的颜色变了，但是开关上的小圆点不动，对于刚入mui框架的新手，觉得一脸的懵逼，经过多方查找，然后自己动手，解决了这个问题，就想在此分享一下。 页面上 <div class="mui-switch mui-active"><div cl
mui 通过JSON动态的生成列表
mui通过JSON 动态的生成列表！ <script type="text/template" id="radio-tigan"><%for(var i=0;i<record.length;i++){res=record[i];var img=null;msgType=res.messageType.toString(); if(msgType.indexOf('通知')>=0){img=".
重写mui.back()方法，返回终止页只停留在本页面
重写mui.back()方法，返回终止页只停留在本页面！ 有很多APP登陆过后显示首页，在首页返回不想返回到登陆页面，只需要重写mui.back方法即可! <script type="text/javascript">var firsts = null;mui.back = function back(){//首次按键，提示‘再按一次退出应用’if (!firsts) {firsts
mui ajax 访问 java webservice
1、下图是web服务器页面 2、其中String arg0,agr1代表方法的参数，要想通过过ajax访问方法需要通过soap格式进行访问，点击方法名会产生该方法的soap协议，提示需要的参数与返回值，如下图 3、在前台页面定义soap字符串，通过mui.ajax访问java WebService 如图 4返回来的数据进行获取就可以使用了。 如果帮助到您，顶一个！
mui 启动关闭引导页
mui启动关闭引 1、首先在manifest.jdon中的启动（solash）配置页面选择手动关闭启动页面 2、在引导页完成加载在调用plus.navigator.closeSplashscreen(); 如果帮助到您，顶一个！
关于MUI如何处理Android和iOS集成5+SDK的基座不显示页面的问题
在使用HBulider 里面的webApp环境下测试完全没有问题，但是在放到我公司Android和iOS集成的基座上 竟然有两种的不同的情况出现 Android比较高的版本可以显示，但是在一些低版本显示不了iOS就直接是白屏了 为此我和Android、iOS花了几天做了各种测试，最终发现: 因为集成基座的webview没有设置宽度和高度的,所以必须在前端设置webview的宽度和高度
MUI底部导航栏+页面切换+iconfont阿里巴巴矢量图标库使用技巧的实现
不多废话了直接上具体步骤和代码解释: 在你的页面里引入mui的css和js文件: <script src="js/mui.min.js"></script><link href="css/mui.min.css" rel="stylesheet" /> HTML代码: <nav class="mui-bar mui-bar-tab"><a id="display" class="mu
使用 React 和 MUI 创建多选 Checkbox 树组件
在本篇博客中，我们将使用 React 和 MUI（Material-UI）库来创建一个多选 Checkbox 树组件。该组件可以用于展示树形结构的数据，并允许用户选择多个节点。 前提 在开始之前，确保你已经安装了以下依赖： ReactMUI（Material-UI） 最终样式 非全选状态 全选状态 思路 我们的目标是创建一个多选 Checkbox 树组件，它可以
mui 点击底部菜单，显示不同的页面
效果： 源码： <!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-scalabl
webApp 使用mui 仿支付宝主页面案例（静态页面）
效果： 源码： <!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,max
跨平台移动APP开发进阶(三)：hbuilder+mui mobile app 开发心酸路
注:请点击此处进行充电！ 1.问题描述：在实现图片轮转时，若将 <script type="text/javascript">mui("#slider").slider({interval: 5000});</script> 置于图片加载之前，图片不会显示， 解决措施：将其置于图片显示之后才会显示。 2.问题描述： 同上面的问题，会遇到报指针为null的异常。若要获取一个组件的id
MUI 请求的页面无法打开 viewgroup 报错
我使用顶部选项卡 在首页当中 也就是页面A打开页面B 页面B打开页面C 出现错误，使用了 <script src="js/webviewGroup.js" type="text/javascript" charset="utf-8"></script> 函数 但是一直报错。 Not allowed to load
react mui textfield marquee 跑马灯效果实现
网上找了一圈包括stackoverflow, 也没有找到mui textfield marquee的实现方式，结合gpt实现了下，效果是，如果这个文字不超过textfield本身，则不滚动，否则在鼠标悬浮的时候滚动，并且滚动的距离应该是比较恰到好处的 用法如下: text是你需要填写的文字 还可以再封装下比如一些style什么的.. <MarqueeTypography> text </
MUI常用组件之对话框
（1）alert警告框 .alert(message,title,btnValue,callback[,type]) 参数： ①message：类型string，提示对话框上显示的内容。 ②title：类型string，提示对话框上显示的标题。 ③btnValue：类型string，提示对话框上按钮显示的内容。 ④callback：类型function，提示对话框关闭后执行的函数。