摘要: 1.引入插件jquery.carousel.js (由于这个插件是基于jquery ,所以要先引入jquery.js) 2.html代码如下 <div class="caroursel poster-main" data-setting = '{ "scale":0.9, "algin":"left 阅读全文
posted @ 2019-11-28 15:29 北梦木兮、 阅读(366) 评论(0) 推荐(0) 编辑
摘要: 1.在子组件图片标签上定义@load=“imgLoad”事件 2.由于隔代组件之间不能直接用$emit 传值,所以我们要用事件总线来传值(在main.js中创建) new Vue()相当于一个中间站 3.直接用$bus.$emit() 4.在最终要使用的组件中接收即可 阅读全文
posted @ 2019-11-25 11:34 北梦木兮、 阅读(1784) 评论(0) 推荐(0) 编辑
摘要: 如果要实现上拉加载更多,可以参考下面的代码 嘿嘿 注:以上截屏是来自whycoder(b站) 的vue项目视频 (超级喜欢的老师) 阅读全文
posted @ 2019-11-21 18:54 北梦木兮、 阅读(700) 评论(0) 推荐(0) 编辑
摘要: 1.360度一直旋转动画 <img class="rotate" src="../circle.png"/> .rotate { transform: rotate(360deg); animation: rotation 3s linear infinite; -moz-animation: ro 阅读全文
posted @ 2019-11-12 10:17 北梦木兮、 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 然后再需要使用的组件中直调用 阅读全文
posted @ 2019-10-30 14:54 北梦木兮、 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 一、引入 插件 <script src="./js/jQuery.min.js"></script> <script src="./js/jQuery.fullPage.min.js"></script> <script src="./js/jQuery.min.js"></script> <scr 阅读全文
posted @ 2019-10-10 11:27 北梦木兮、 阅读(347) 评论(0) 推荐(0) 编辑
摘要: animate.css动画库添加动画 1.首先下载animate.css引入到页面中 2.在需要添加动画的元素上添加类名animated(公共的 必须写!!! ) 然后加上你要添加的动画对应的类名 如bounceIn 例如:<div class="animated bounceIn"></div> 阅读全文
posted @ 2019-10-10 11:10 北梦木兮、 阅读(493) 评论(0) 推荐(0) 编辑
摘要: jquery 版本过低 有的插件库里面用到jQuery 中的size() 方法 ,此方法在jquery 1.8 之后被废弃掉了,导致页面无法正常显示 可以用lenght 代替 size() 阅读全文
posted @ 2019-09-03 16:04 北梦木兮、 阅读(123) 评论(0) 推荐(0) 编辑
摘要: vue中的变异方法之splice: 增加: function add () { this.list.splice(index,0,newItem) } 修改: function update () { this.list.splice(index,1,newItem) } 删除: function 阅读全文
posted @ 2019-08-23 17:07 北梦木兮、 阅读(1603) 评论(0) 推荐(0) 编辑
摘要: 1.引入swiper.js和swiper.css 2.添加代码 <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide"> <img src="../res_im/banner_bg.p 阅读全文
posted @ 2019-07-30 09:37 北梦木兮、 阅读(2002) 评论(1) 推荐(0) 编辑