![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
mui
百味苦
成长中。。。
展开
-
mui页面不能下滑
mui在浏览器测试中会报错:Unable to preventDefault inside passive event listener due to target being treated as passive. 原因所以在css中加了touch-action: none; 导致页面都不能下滑了,所以得修改一下改成 touch-action: pan-y; 就可以了...原创 2018-12-07 14:30:06 · 1037 阅读 · 0 评论 -
mui 沉浸式状态栏
只需要放到全局js里面 就可以实现沉浸式状态栏布局 mui.plusReady(function() { //判断是否支持沉浸式 var isImmersedStatusbar = plus.navigator.isImmersedStatusbar(); if(isImmersedStatusbar){ //获取状态栏高度 var StatusbarHeight =...原创 2019-05-13 17:29:33 · 779 阅读 · 0 评论 -
mui上拉加载与Picker冲突
项目中碰到有上拉加载和Picker组件共存时,ios 还好,没啥问题,但是安卓的,只要Picker选择的时候上拉,同时触发了mui的上拉加载。暂时只能想到,在触发Picker的时候禁止 上拉触发,然后选择或者取消后再从新开启上拉。var stext = document.getElementById('stext'); stext.addEventListener('tap'...原创 2019-05-22 11:48:58 · 276 阅读 · 0 评论 -
mui微信支付流程与bug
说一说微信支付的大致流程,申请之类的流程我就不说了,网上一大堆。主要讲一下 代码流程当获得了开放平台的支付权限后,就可以开始测试了。因为我是前端,所以后端代码,还需要自己去找。首先是统一下单。页面逻辑是在点击购买的时候,将商品数据,或者商品id,一些相关字段,传递到后台后台生成签名的时候一定要用签名工具测试,是否一致后台生成统一下单的 prepayid然后再根...原创 2019-04-11 13:49:24 · 1297 阅读 · 0 评论 -
mui-checkbox 小bug
mui-checkbox 在使用的时候碰到了 一些bug,如果我先用js的 $(this).find("input").attr("checked",true);然后再手动点击取消,在次用js选中的时候 设置true就失效了哦豁,在控制台 可以看到 属性有修改,但是样式没有变化。后来找了很久,发现是jq的问题。因为使用的是attr 设置的属性,jq版本 大于1.6的时候...原创 2019-03-30 11:35:06 · 487 阅读 · 0 评论 -
mui扫描页
做了一个简单的二维码通用页面,我也只在网上找的代码,然后优化后,并且修改成 我项目需要用到的结构。扫码本来也很简单。在哪里用到扫描,只需要设置跳转页面,就可以了,扫描到数据,可以直接返回本页操作、分离数据。只需要有setcard_number(res)函数 就可以获得想要的数据。<!DOCTYPE html><html> <head>...原创 2019-03-21 11:05:53 · 302 阅读 · 0 评论 -
mui返回上一页刷新
mui中返回上一页并刷新,我只知道 2中方法,一种就是 mui.fire至于用法在我其他文章里面有就不说了,说一个比较简单的。因为是返回上一页,所以只需要调用父类函数就可以实现了//监听 mui的back 然后改写var new_back = mui.back; mui.back = function() { // 获取当前窗口对象 v...原创 2019-03-20 16:54:19 · 2450 阅读 · 0 评论 -
mui底部导航
在网上找了一个mui的底部导航,用起来还不错,但是已经找不到出处了。修改了一下之后,原谅我厚脸皮的发个原创了。用的是自定义的图标,如果不会,可以在我的博客里面找找效果就是这样测试过,效果还是相当不错的<!DOCTYPE html><html><head> <meta charset="utf-8"> &l...原创 2019-02-26 17:30:54 · 932 阅读 · 3 评论 -
mui自定义图标
研究了一下自定义图标,不仅仅可以在h5里面用,还可以在小程序或者别的开发环境里面用。首先找到图标源,我自己找的是阿里巴巴矢量图库。将用到的图标添加入库,就是购物测的图标 打开库存直接点击下载代码最后解压下载的文件就会得到需要的数据然后再编辑器中打开iconfont.css 文件可以根据选择将需要的文件放到同目录的css下理论上只要一个iconfo...原创 2019-02-18 10:04:10 · 695 阅读 · 0 评论 -
mui.fire运用
将项目中用到的mui.fire 分离一个demo 说一下mui.fire怎么使用 和参数我自己的需求:在a页面有很多按钮用来选择商品数据,但是数据很多,所以就合并在b页面,需要在a页面点击 跳转到b页面,然后b页面点击商品,获取到商品的id、名字等等数据,在跳转回a页面并且给a页面点击的按钮 赋从b页面获得的值。简化: a > b > 获得数据 > 返回a...原创 2019-01-25 14:47:47 · 2471 阅读 · 0 评论 -
mui页面传值
做一个简单页面传值的demo两个页面,分别是1.html 和2.html在1.html中加入var mid = 2;function go2html(mid) { let list = {mid: mid} mui.openWindow({ url: '2.html?mid='+mid, id: 'cropper', ...原创 2019-01-25 11:47:25 · 997 阅读 · 0 评论 -
自定义多选
做了一个基于MUI的简单多选页面。可以单次选中,也可以一次清空。除了mui 其他的都没怎么用到主要css 就是selected 这个<!doctype html><html> <head> <meta charset="UTF-8"> <title></title> <原创 2019-01-03 17:18:41 · 151 阅读 · 0 评论 -
mui-numbox动态加载失效
mui-numbox的组件在获取数据后加载出来后,+ 和 - 无效,可能是因为mui组件初始化的问题,可能只要不是在mui.plusReady中初始化的多个组件,只能自己手动初始化在所有html加载之后都要加上一个组件舒适化的 代码function getgoods(id){ let tmian = document.getElementById("tmain"); tm...原创 2018-12-28 15:12:48 · 782 阅读 · 0 评论 -
mui选择器
做了几个mui选择器使用demo需要的js 和 css <link rel="stylesheet" type="text/css" href="css/mui.min.css"/><link rel="stylesheet" type="text/css" href="css/mui.picker.min.css"/>原创 2018-12-28 11:19:26 · 600 阅读 · 0 评论 -
mui返回关闭多页
因为在项目开发中遇到,关闭多个页面返回主页的要求,暂时实现了可以返回多页的js ,但是必须自己数下到底返回几次。使用方法就是带入参数必须是数字close_page(1)后面可以自己优化function close_page(num){ var n = num || 1; var arr = []; //获取当前页面 var page = plu...原创 2019-05-31 11:04:28 · 647 阅读 · 0 评论