mui

首页 > TAG信息列表 > mui

MUI&html5&script 九宫格不同页面间转跳

在点击图片/标题需要跳转到详情页面的使用场景中，首先定义图片元素的id为“tyzc”，是同一类下的第一个图片 <img src="img/img3.png" width="40" height="40" id="tyzc" pageTarget="index2">//id和pageTarget都是自定义的 <div class="mui-media-body">

多端开发之uniapp开发app

最近在给f做一些工具app，学习了不少关于uniapp编写android应用的知识。首先，App应用的创建的时候要选择项目类型为uniapp类型。最开始我选择的是h5+项目，这种项目就比较容易写成纯js的项目，利用一些html5plus能力，或者使用mui来编写手机app。我调研了一下，uniapp和h5+（mui为代表）的差异

MUI：hbuilderx开发调试_Hbuilder X mui 项目真机调试及本地调试

测试环境：华为手机，Hbuilderx 2.7.14 ， 5+app1、首先创建一个app项目或已经有app项目2、连接手机端，电脑端和手机端下载Hisuite(华为手机助手)，如果是其他手机，下载一个连接手机和电脑的应用助手即可，如360手机助手。3、打开华为手机的开发者调试，其他手机操作类似设置——》关于手机——

mui-app开发05：调用相机功能

关于相机调用的API文档参见HTML5+ API Reference (html5plus.org)中的camera模板，本文设计的所有API的接口帮助文档均参见上述连接，这里只介绍API的应用，接口的帮助请查看具体帮助手册。目录 1 配置相机权限 2. 编写拍照代码 2.1 获取相机并拍照 2.2 在真机上找到图片 3. 拍照问

设置css阴影和取消css阴影

这是设置阴影 /* 长宽模糊度颜色*/box-shadow: 0 1px 6px #ccc; 取消的话直接设置为0就行了，不建议直接去mui.css里面删掉，如果改掉mui里面的样式全部的样式都会变这是取消阴影 /* 长宽模糊度颜色*/box-shadow: 0 0px 0px #ccc;设置之后，就不会有阴影了—————————

mui技术点01.手机网络连接的判断

# 问题说明手机未连接网络，app访问后台接口时出现错误。 # 解决方案每个画面初始时，判断网络是否连接，网络如果处于断网阶段，弹出窗口信息直接退出app，或者画面显示[未联网]消息提示，提示用户刷新网络（比如：点击刷新按钮，或者下拉等操作）。 # 详细代码 ## 直接退出app 1. 检测是否连

mui疑难杂症01.HBuilderX未检测到手机或模拟器

一、问题我使用Android 9版本的手机，开发者选项已开启USB调试，但是HBuilderX未检测到手机或模拟器。二、解决问题 1. 找到HBuilderX安装目录下的D:\Archive\HBuilderX\plugins\launcher\tools\adbs 2. 先备份该录下的除了文件夹外的其他三个文件。 3. 然后把1

vue项目篇(更新中)

vuex是数据状态管理,用在购物车的模块上 ps: views是路由使用的,components <script type="text/javascript"> var str="How are you doing today?" document.write(str.split(" ") + "<br />") document.write(str.split("")

MUI初识

开发工具 HBuilder，官方下载，新建两个项目： Hello mui前端框架及各种UI控件；mui项目，包含基本的js、css，index.html中已引入mui 官方文档 https://dev.dcloud.net.cn/mui/ui/ 使用注意事项 DOM结构固定栏靠前所谓的固定栏，也就是带有.mui-bar属性的节点，都是基于fixed定位的元素；常

vue + mui PopPicker select

<!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" /> &

记录一个可以运行的nsi脚本

nsi脚本运行实例记录一个可以运行的nsi脚本 ; 安装程序初始定义常量 !define PRODUCT_NAME "HelloWorld" !define PRODUCT_VERSION "1.01" !define PRODUCT_PUBLISHER "william" !define PRODUCT_WEB_SITE "http://www.jiayun.club" !define PRODUCT_DIR_RE

[vue问题解决]vue-cli项目引用mui.js报错Uncaught TypeError: ‘caller‘, ‘callee‘, and ‘arguments‘ properties may n

引用mui.js 方案一# 原因：babel在将js文件转码为ES5时，默认使用严格模式，而在严格模式下，为了安全起见是不能用caller,callee,arguments等属性的。解决：修改bablerc文件的配置，让项目忽略mui.js的转码，完美解决我的问题 Copy "ignore": [ "./src/assets/lib/mui/js/mui.js" ] 此

使用mui遇到的问题总结

1、mui区域滑动无法滑动官方给出的滑动模块，默认overflow不是scroll，需要重新设置一下，区域就可以滑动了 <div class="mui-scroll-wrapper" style="overflow: scroll;"> <div class="mui-scroll">  </div> </div> 2、m

前端|如何制作MUI静态页面的轮播图

问题描述当我们打开很多APP时映入我们眼帘的是页面上方的轮播图，这个轮播图占了我们页面大概三分之一的大小，在这个轮播图上面是最近的热门消息。例如我们经常要用到的淘宝、京东等相关软件，所以轮播图也在软件中扮演这越来越重要的角色。解决方案

MUI列表式布局

列表式布局，是移动端布局的常见布局。其内容从上往下排列，导航之间的跳转要回到初始点。层次展示清晰，视觉效果好，体验方便快捷。常用应用于各种设置页面。非常的美观。接下来由我给大家讲解一下MUI列表式布局的代码。普通列表 .mui-table-view类，然后在li标签中加入.mui-table-view-

MUI页面跳转

1.初始化时创建子页面 mui.init({ 　　subpages:[ 　　{ 　　　　url:"chat/list.html", //子页面HTML地址，支持本地地址和网络地址　　　　id:"chat/list.html", //子页面标志　　　　styles:{ 　　　　　

vscode html引用 element ui 和mui

vscode html引用 element ui 和mui 引用 Element UI 一共要引入三个文件 1. vue.js 2. elementui.js 3. elementui.css 要注意的是引入vue.js 的时候，一定要在elementui.js上面，不然没有效果  <link rel="stylesheet" href="https://unpkg.com/element-ui/li

js依赖mui.css生成图片验证码

解决mui错误：Unable to preventDefault inside passive event listener due to target being treated as passiv

问题描述：点击返回按钮时，每次在控制台都出现如下错误： mui.min.js:13 Unable to preventDefault inside passive event listener due to target being treated as passive. 解决办法：定位到mui.min.js的报错行，发现报错的代码是a.preventDefault()，遂在mui.min.js中将a.preventDefa

MUI-numbox(数字输入框)，最小值、最大值、步长、获取值、设置值、重定义

本文主要介绍numbox(数字输入框)，最小值、最大值、步长、获取值、设置值、重定义功能 mui提供了数字输入框控件，可直接输入数字，也可以点击“+”、“-”按钮变换当前数值；默认numbox控件dom结构比较简单，如下： 1 <div class="mui-numbox"> 2  3

关于mui框架中input输入框失焦滚到页面顶部问题

这个问题在实际开发中并没有遇到，因为我用的机型是安卓机型调试的。 1 直到产品上线前，真机测试和使用iOS机型调试就出现问题了：问题描述：在浏览器上和iOS手机上，由于mui框架会监听input失焦事件，我在打断点的时候发现走到mui.min.js中会执行方法返回顶部。解决方法一：在当前js中为

vue 学习小结（3）关于‘Splan‘

背景利用vue 以及 py服务端，实现共享计划本（Splan），利用vue的mui，进行简单美化。 vue 学习小结（1）关于v-for vue 学习小结（2）关于‘Splan‘ 1.卡片模式 <div id="app"> <div class="mui-content" v-for="item in info"> <div class="mui-card"> <div

MUI 上下啦分页触发列表AJAX 无整理比较乱

@{ Layout = null; } 装车  <link href="~/mui-master/examples/hello-mui/css/mui.min.css" rel="stylesheet" />  <link href="~/mui-master/examples/hello-mui/css/app.css" rel=&quo

使用mui DtPicker插件，关于beginDate，endDate限制区间失效

1.本人在使用mui DtPicker时，beginDate，endDate限制日期时总是失效，也是按照官网的文档对着写的；后经多方查找，原来是现在使用的mui.js不完整导致的； 2.立马下载HBuilder X创建项目，把项目中的mui.css放到项目中立马生效；记一个小坑：new Date(beginDate)IOS下限制失效；改成 beginD

android调用plus报错plus is not defined

这两天用mui和h5+做移动APP调取设备，发现在安卓上报错 plus is not defined,ios没有此现象记录下，以供参考我的页面写了mui.js并且初始化mui.plusReady(function(){}），但是外部还引用了调用设备的api，就导致外部的js 显示 plus is not defined 原因：不要在没有plus和mui的