mui
宝儿的程序生涯
爱编码,爱生活,爱分享,
勤思考,常记录,多总结
展开
-
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-原创 2019-02-16 14:02:01 · 3509 阅读 · 0 评论 -
mui确定要离开当前页面吗?", "温馨提示", ["取消", "确定"]
要实现的需求是:一个需要输入数据提交的页面,在没有点击提交按钮退出当前页面的时候,让他弹出一个提示框如下这是一个用mui实现的逻辑history.pushState(null, null, document.URL);window.addEventListener('popstate', function (e) { mui.confirm("确定要离开当前页面吗?", "温馨提示",...原创 2020-02-17 16:52:56 · 502 阅读 · 0 评论 -
图片放大显示,可以手势控制放大缩小,左右滑动翻页(mui)
(mui)图片放大显示,可以手势控制放大缩小,左右滑动翻页点击图片只放大显示导入jQuery$(document).ready(function() { $("#e").imgbox({ 'speedIn' : 0, 'speedOut' : 0, 'alignment' : 'center', 'overlayShow' : true, ...原创 2019-07-10 13:24:36 · 1934 阅读 · 0 评论 -
mui 懒加载 GitHub源
GitHub源码:https://github.com/dcloudio/mui/blob/master/examples/hello-mui/examples/lazyload-image.html效果:完成加载自行下载js文件,去上面的地址找就可以<!DOCTYPE html><html> <head> <meta charse...原创 2019-07-10 13:21:31 · 512 阅读 · 0 评论 -
scoped属性,data-v-19fca230
首先大家思考几个问题为什么有些css属性的style里面要加scoped?为什么查看一些源码,HTML和css上面会带上data-v-19fca230?他们究竟有什么含义?想知道为什么,继续往下看scoped我们假设把这种添加scoped的组件叫做模块私有组件,其他的未加scoped的叫做模块一般组件。通过查看DOM结构发现:vue通过在DOM结构以及css样式上加唯一不重复的标记,...转载 2019-04-05 15:06:59 · 847 阅读 · 0 评论 -
mui实现评价星星点亮
源码&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &原创 2019-03-05 10:09:21 · 1535 阅读 · 0 评论 -
mui文件 放在vue的assets里面还是static里面?
在这里发现需要导入mui文件但是放在assets里面还是static里面?本来想在vue_cli上使用mui,简单粗暴,直接在index.html里面引入一下实际这样不可用在vue-cli项目中使用mui swiperhttps://blog.csdn.net/u012815877/article/details/81187826在main.js里添加import mui from...原创 2019-02-17 16:38:38 · 280 阅读 · 0 评论 -
淘宝选择规格(mui)
效果:点击上面按钮,从下方弹出如下框源码:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Hello MUI</title> <meta name="viewport" content=原创 2019-02-16 18:08:30 · 729 阅读 · 0 评论 -
mui/vue-cli分别实现导航右上角的菜单点击侧滑遮盖在当前页面上
先上效果图点右上角点关闭就能关闭删了一早上代码,这个是从mui的GitHub上面截取的一个干净的框架附上源码:&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;&amp;amp;amp;lt;html&amp;amp;amp;gt; &amp;amp;amp;lt;head&amp;amp;amp;gt; &amp;amp;amp;lt原创 2019-02-16 11:01:33 · 989 阅读 · 0 评论 -
Vue实现上拉加载(mui框架)无限加载新数据
效果图:上拉需求:初始化6个数据,重新定义一个数组,控制每次上拉一次只加载4条数据源码:Vue和mui库自行下载https://www.bootcdn.cn/mui/https://www.bootcdn.cn/vue/直接可以运行的完整demo&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt;原创 2019-01-09 14:13:44 · 3338 阅读 · 7 评论 -
mui框架实现上拉加载
如果你和我一样一点也没接触过mui框架,先看大神关于mui详解:https://blog.csdn.net/qq_40147863/article/category/8079041mui 有个开发文档预览式 app,下载Hello mui App http://dcloud.io/hellomui/官方下拉刷新:http://dev.dcloud.net.cn/mui/pulldown/官...原创 2019-01-03 11:31:44 · 2793 阅读 · 0 评论