
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 · 3661 阅读 · 0 评论 -
mui确定要离开当前页面吗?", "温馨提示", ["取消", "确定"]
要实现的需求是:一个需要输入数据提交的页面,在没有点击提交按钮退出当前页面的时候,让他弹出一个提示框如下 这是一个用mui实现的逻辑 history.pushState(null, null, document.URL); window.addEventListener('popstate', function (e) { mui.confirm("确定要离开当前页面吗?", "温馨提示",...原创 2020-02-17 16:52:56 · 601 阅读 · 0 评论 -
图片放大显示,可以手势控制放大缩小,左右滑动翻页(mui)
(mui)图片放大显示,可以手势控制放大缩小,左右滑动翻页 点击图片只放大显示 导入jQuery $(document).ready(function() { $("#e").imgbox({ 'speedIn' : 0, 'speedOut' : 0, 'alignment' : 'center', 'overlayShow' : true, ...原创 2019-07-10 13:24:36 · 2079 阅读 · 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 · 612 阅读 · 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 · 921 阅读 · 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 · 1661 阅读 · 0 评论 -
mui文件 放在vue的assets里面还是static里面?
在这里发现需要导入mui文件 但是放在assets里面还是static里面? 本来想在vue_cli上使用mui,简单粗暴,直接在index.html里面引入一下 实际这样不可用 在vue-cli项目中使用mui swiper https://blog.youkuaiyun.com/u012815877/article/details/81187826 在main.js里添加 import mui from...原创 2019-02-17 16:38:38 · 332 阅读 · 0 评论 -
淘宝选择规格(mui)
效果:点击上面按钮,从下方弹出如下框 源码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Hello MUI</title> <meta name="viewport" content=原创 2019-02-16 18:08:30 · 793 阅读 · 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 · 1088 阅读 · 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 · 3404 阅读 · 7 评论 -
mui框架实现上拉加载
如果你和我一样一点也没接触过mui框架,先看大神关于mui详解: https://blog.youkuaiyun.com/qq_40147863/article/category/8079041 mui 有个开发文档预览式 app,下载Hello mui App http://dcloud.io/hellomui/ 官方下拉刷新:http://dev.dcloud.net.cn/mui/pulldown/ 官...原创 2019-01-03 11:31:44 · 2886 阅读 · 0 评论