- 博客(10)
- 收藏
- 关注
原创 css中变量的使用
:root{ --bgColor:#aad; --textColor:red; } .test_title{ color:var(--bgColor); color:var(--textColor); background: var(--bgColor,blue); }在vue的style中, <style scoped ></style> <!--如果加上scoped就会不生效-->样...
2020-09-28 16:53:32 211
原创 scss中使用变量
样例 <template> <div class="scss_content">scss 中变量的定义使用</div> </template> $color:red; .scss_content{ color:$color; }效果图:scss 的作用域。如上图,定义在scss_content 中的 $borderColor ,用在 scss_footer 中就报错了只能用在它本身的作用域下,即是 .sc
2020-09-28 16:52:56 17382
原创 谷歌地图地址地址自动完成框
示意图:1.申请一个google账号,参照百度经验2.google地图配置3.获取秘钥点击画面中 API 与服务中的凭据 ,进入如下页面:点击API秘钥,会生成一个秘钥新增项目:按照如图的顺序创建一个新的项目选中项目,开始配置对应的api启用相关api的操作:点击左侧菜单API 和服务 -> 库 出现如下界面,点击进入对应的api界面:以 Maps JavaScript API 为例如果是没有启用过的,页面会有一个启用按钮绑定付费账户:(具体的绑定看文档
2020-09-24 10:52:49 1250
原创 vue项目中使用canvas进行签名的完整例子(用于移动端)
页面大致长这个样子注:如果直接使用代码,记得下载element的依赖包以及引入对应的样式,也可以将涉及到element组件的地方去掉直接上代码:<template> <div class="sign_page"> <div class="canvas_page" > <!----> <div class="handCenter"> <canvas id="myCanvas" >
2020-09-23 18:05:16 485
原创 根据配送日期,计算到货时间 (客制化自用)
/** * @param {deliverDay} 需要配送的天数 * @param {date} 开始配送的时间,一般默认是当天 * @param {isObject} 自身需要的格式调整 (true 将计算出来的日期以对象的格式传出)*///计算在规定的送货时间之中,有多少休息日,需要加上,再计算出具体的到货日期export const getHolidayDay = function (deliverDay = 4,date = new Date(),isObject = false) {
2020-09-17 11:48:57 1494
原创 获取month对应的英文名称
/** * @param {month} 当前的月份*///获取month对应的英文名称export const getMonthName = function (month = 1){ if(month < 1 || month > 12){ //console.log("参数值错误") return } let str = ''; switch(month){ case 1:str = 'January';break; case 2
2020-09-17 11:42:31 218
原创 计算这个月的第几个星期几是多少号
//计算这个月的第几个星期几 是位于这个月的多少号/** * @param {month} 月份 * @param {num} 第几个,如果num= -1 就表示最后一个 * @param {day} 星期几*/export const getMonthDay = function (month = 1,num = 1,day = 1) { if(month<1 || month > 12){ console.log("参数不合法") return }
2020-09-11 09:49:51 287
原创 计算当前的日期是位于几月的第几个星期几
/** * * @param {date} date *///计算当前日期是这个月的第几个星期几export const getDateMonthDay = function (currentDate = new Date()){ let computedDate = new Date(currentDate); let year = computedDate.getFullYear();//年份 let month = computedDate.getMonth()+1;//月份
2020-09-04 10:40:39 265
原创 获取当前月的天数
/** * @param {year} 当前的年份 * @param {month} 当前的月份*///获取这个月有多少天export const getMonthDayNum = function (year = 2010,month = 1) { if(month < 1 || month > 12){ console.log("参数不合法") return } let num = 28; switch(month){ case 1:.
2020-09-03 10:24:55 193
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人