常用小组件
宝儿的程序生涯
爱编码,爱生活,爱分享,
勤思考,常记录,多总结
展开
-
下划线点击切换
<link rel="stylesheet" href="mui/css/mui.min.css"><div id="music_tab"> <div id="slide原创 2018-12-04 10:04:31 · 895 阅读 · 0 评论 -
mui实现评价星星点亮
源码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &原创 2019-03-05 10:09:21 · 1560 阅读 · 0 评论 -
评价页面jQuery的用vue改写
<!DOCTYPE HTML><html> <head> <meta charset="utf-8"> &a原创 2019-01-15 11:42:35 · 565 阅读 · 0 评论 -
文字在div居中,底部是1,2
源码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte原创 2019-02-15 16:31:50 · 416 阅读 · 0 评论 -
做一个侧滑导航
今天刷网页找到这样一个效果图https://user-gold-cdn.xitu.io/2017/12/13/160504e22d336895?imageslim没错就是这个网址 https://juejin.im/post/5a444b94518825698e7259f6我发现他是用Android实现的,所以我希望有一天我可以用HTML实现它。偶然发现mui的侧滑菜单功能有一个左边的菜单...原创 2019-02-15 17:29:44 · 497 阅读 · 0 评论 -
mui/vue-cli分别实现导航右上角的菜单点击侧滑遮盖在当前页面上
先上效果图点右上角点关闭就能关闭删了一早上代码,这个是从mui的GitHub上面截取的一个干净的框架附上源码:<!DOCTYPE html><html> <head> &lt原创 2019-02-16 11:01:33 · 1007 阅读 · 0 评论 -
swiper组件 HTML单页面
使用swiper来实现轮播图由于简单这里当然就不会去详细介绍了,推荐两个网址:1.http://www.swiper.com.cn/usage/index.html 它很简明地告诉了你应该如何去搭建这样的框架。2.http://www.swiper.com.cn/api/ 这里讲述了我们应该如何去设置更多的功能。1 加载插件,需要用到的文件有swiper.min.js和swiper...原创 2019-01-30 15:40:27 · 1057 阅读 · 0 评论 -
购物车加减按钮-不能小于0
效果:源码:<template> <div> <button v-on:click="decrement">-</button> <input type="text" size="1" v-model="num"> &l原创 2019-02-17 09:40:27 · 2309 阅读 · 0 评论 -
vue-cli初学轮播图-自测可以用swiper加vue-awesome-swiper
写在前面:查了很多个,总是实现不了,我决定再试一次参考:https://www.cnblogs.com/fengxueshang/p/9559026.html第一步: 安装 npm i vue-awesome-swiper --save( 这一个是否安装根据实际情况,如果安装上一个你用没效果也要安装这个 =&gt; npm i swiper )第二步: 在main.js文件里引入i...原创 2019-02-20 15:04:55 · 497 阅读 · 0 评论 -
一个音乐播放器Vue实现(音乐唱片,点击下面播放,中间的图片可以转起来。)
https://www.jb51.net/article/134491.htm效果:file:///C:/Users/Administrator/Desktop/index.html原创 2018-12-18 17:01:48 · 3003 阅读 · 0 评论 -
Vue 中文本内容超出规定行数(字数)后展开收起的处理,超出部分...显示
https://www.jianshu.com/p/09154ebf5f447https://blog.csdn.net/zhuyuchen321/article/details/81941190原创 2018-12-11 13:29:44 · 11906 阅读 · 1 评论 -
jquery的imgbox插件及解析
下载插件:http://www.htmldrive.net/items/download/390需求:能不能达到这样的效果:点击缩略图,在当前页弹出一个弹框,显示大图。https://blog.csdn.net/kangnan00/article/details/72518352https://blog.csdn.net/ly1414725328/article/details/48345...原创 2018-12-17 16:30:03 · 1898 阅读 · 0 评论 -
noty示例
https://www.cnblogs.com/lwme/p/noty-jquery-notification-plugin.htmlnoty是一个jQuery的通知(信息提示)插件使用方法:noty({text: "noty - jQuery 通知插件 - 囧月 - lwme.cnblogs.com", layout: "center", timeout: 5000 });例...原创 2018-12-04 10:50:08 · 2041 阅读 · 0 评论 -
video从远程获取数据跳转新页面开始播放视频
效果:获取电影数据每行3个video.html&lt;div id="item-video-animation" class="mui-control-content"&gt; &lt;div id="videoAnimation" style="text-align: center; margin: 15px 10px 15原创 2018-12-04 14:43:32 · 1870 阅读 · 0 评论 -
vue mui数量加减
-不能小于1<label>选择数量</label><div class="mui-numbox" data-numbox-step="1" data-numbox-min="1" style="margin:0px 0px 0px 15px;"> <!-- "-"按钮,点击可减小当前数值 --&g原创 2018-12-04 14:57:26 · 631 阅读 · 0 评论 -
微信小程序的“猜你喜欢”css伪类
wxml&lt;view class="gift"&gt; &lt;view class="title"&gt; &lt;text&gt; 纪念品列表&lt;/text&gt; &lt;/view&gt;&lt;/view&g原创 2018-11-28 15:05:19 · 1664 阅读 · 0 评论 -
mui "确定要离开当前页面吗?", "温馨提示", ["取消", "确定"]
mui-col-xs-9原创 2018-12-05 09:22:45 · 1051 阅读 · 0 评论 -
上传一张图片然后把他显示在下方(fileReader):
上传一张图片然后把他显示在下方上传以后&lt;label for="" style="padding-bottom: 5px;"&gt;上传图片&lt;/label&gt;&lt;span class="btn btn-default fileinput-button" style=" width原创 2018-12-05 10:00:24 · 315 阅读 · 0 评论 -
意见,邮箱,邮箱格式,图片的验证
<div style="position:fixed; bottom: -0.1rem; width:100%;"> <button type="button" class="mui-btn mui-btn-primary" style="width: 100%; padding: 15px;" id="commentSubmitBtn">提交评原创 2018-12-05 10:28:19 · 532 阅读 · 0 评论 -
点种类,上面的图片和价钱获取对应的值
看效果图,点种类,上面的图片和价钱都可以变,提交订单打印,价钱,种类,数量,座位号打印一下这个效果是如何实现的?刚开始点进来的页面上面显示图片,价钱是在data数据里面定义的,然后绑定到页面上我正在思考如何让这两个数据变成从后台获取的第一个数据种类下面的面条和米饭是v-for循环请求的json数据显示到页面这里的v-for一定要搞清楚v-for=&quot;(item,index) in ...原创 2019-03-14 15:31:37 · 699 阅读 · 0 评论