古墩古墩

2018年11月7日

在index.html中 <style> @media all and (min-width: 0px) { html{font-size: 20px;}/* 12*4.6 */ } @media all and (min-width: 640px) { html{font-size: 50px;} Read More

posted @ 2018-11-07 18:10 古墩古墩 Views(1340) Comments(0) Diggs(0) Edit

vueawesomeswiper自定义导航点

1，pagination的配置 pagination: { el: '.swiper-paginationfull', // type:'bullets', // bulletElement : 'span',//设置分页器小圆点标签，默认为span标签 // clickable:true, // Read More

posted @ 2018-11-07 18:05 古墩古墩 Views(1933) Comments(0) Diggs(0) Edit

2018年10月26日

swiper跳转制定页面

haha(){ var that=this; that.$refs.mySwiper.swiper.slideTo(1, 1000, false); } //以上代码是获取ref值为myswiper的实例swiper，之后跳转到第二页，时间为1s，为false时不触发onSlideChange回调 Read More

posted @ 2018-10-26 19:46 古墩古墩 Views(1883) Comments(0) Diggs(0) Edit

2018年10月25日

js实现点击div以外区域，隐藏div区域

<body style="text-align:center;"> <input type="text" style="width:200px;height:30px;background:pink;margin-top:100px auto 0;"> <div style="width:300px Read More

posted @ 2018-10-25 22:54 古墩古墩 Views(5061) Comments(0) Diggs(1) Edit

2018年10月23日

自定义vueawesomeswiper分页器样式

swiperOption: {//swiper的配置项 notNextTick: true,//想获得swiper实例对象，这个必须为true direction: 'vertical', // grabCursor: true,//鼠标覆盖Swiper时指针会变成手掌形状，拖动时指针会变成抓手形状 Read More

posted @ 2018-10-23 20:20 古墩古墩 Views(2623) Comments(0) Diggs(0) Edit

rem布局，flexible.js

//author:caibaojian //website:http://caibaojian.com //weibo:http:weibo.com/kujian //这段js的最后面有两个参数记得要设置，一个为设计稿实际宽度，一个为制作稿最大宽度，例如设计稿为750，最大宽度为750，则为(750 Read More

posted @ 2018-10-23 13:55 古墩古墩 Views(241) Comments(0) Diggs(0) Edit

2018年10月13日

vue中引入awesomeswiper的方法以及编写轮播组件

1、先安装less-loader npm install less less-loader --save 2、再安装css-loader npm install css-loader --save 3、安装上面两个之后、再安装vue-awesome-swiper（必须在前两个安装过之后安装） npm Read More

posted @ 2018-10-13 21:48 古墩古墩 Views(1147) Comments(0) Diggs(0) Edit

2018年10月9日

Vue打开新页面的方法

let routeData = this.$router.resolve({ name: "detail", query: {goodsId:'1111'} }); window.open(routeData.href, '_blank'); Read More

posted @ 2018-10-09 17:07 古墩古墩 Views(1920) Comments(0) Diggs(0) Edit

2018年10月6日

数组的迭代方法

var numbers=[1,2,3,4,5,4,3,2,1]; var some=numbers.some(function(item,index,arr){ return (item>2); }) console.log(some)//true 有一个返回true最终就返回true var ev Read More

posted @ 2018-10-06 19:11 古墩古墩 Views(157) Comments(0) Diggs(0) Edit

2018年9月24日

原生js模仿下拉刷新功能

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv Read More

posted @ 2018-09-24 17:03 古墩古墩 Views(1297) Comments(0) Diggs(0) Edit

公告