自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 vue项目利用dayjs实现课程表切换功能

【代码】vue项目利用dayjs实现课程表切换功能。

2023-06-30 15:15:32 201

原创 使用vue-print-n实现打印功能

vue项目前端使用vue-print-nb做打印功能

2023-06-29 14:09:23 554 1

原创 vue项目引入外部字体文件

1、在根目录的assets中新建fonts目录。2、在main.js中引入字体文件。

2023-02-08 11:59:37 1011

原创 vue项目采用postcss自适应屏幕

1、安装postcss-px2rem。2、在根目录src中新建util,目录下新建rem.js等比适配文件。3、在 main.js中引入 rem.js文件。4、在vue.config.js中配置插件。

2023-02-07 11:26:51 1244

原创 小程序引入第三方字体

小程序引入第三方字体

2022-12-15 16:17:30 602

原创 前端面试题

前端面试题

2022-10-31 17:45:40 100

原创 vue中使用select下拉框实现三级联动

在项目中有时需要做三级联动,但采用框架不足以实现项目需求,采用下拉选择框实现三级联动甚至多级联动

2022-07-15 17:00:32 2925

原创 小程序页面简单功能模块化之取整

用在小程序本页面实现简单的功能模块化,此功能用来实现循环数据取整

2022-06-17 10:50:29 500

原创 距中心点之间的距离转化为米(两点之间的距离)

注:lat1:中心点纬度 lon1:中心点经度 lat2:周围点经纬度:lat2,lon2getDistance(lat1, lon1, lat2, lon2) { var radLat1 = (lat1 * Math.PI) / 180; //将角度换算为弧度 var radLat2 = (lat2 * Math.PI) / 180; //将角度换算为弧度 var a = radLat1 - radLat2; var b = (lon1 * Math.PI) / 180 - (lon2 * Ma

2022-05-17 09:47:02 117

原创 a-date-picker时间选择框的效验+使用:

a-date-picker的使用:<a-date-picker valueFormat="YYYY-MM-DD HH:mm:ss" show-time placeholder="注册时间" :value="formData.createTime" :disabled-date="disabledDate" @change="timeChangeMethod"/>import dayjs from 'dayjs';//必须引入const disabledDate = current =&

2022-05-09 14:51:24 1419

原创 antd-vue的date-picker时间选择限制

antd-vue的date-picker时间选择的四种限制: import dayjs from 'dayjs';//必须引入 <a-date-picker v-model:value="formData.start" format="YYYY-MM-DD" :disabled-date="disabledDate"/>(1)当天之前的不可选(包括当天),如下图所示:const disabledDate = current => { return current&

2022-02-12 12:49:48 2240

原创 调整swiper底部默认小点的样式

调整轮播图的点样式 ,如上图所示的效果:.swiper-container .swiper-pagination-bullet { width: 25px; height: 3px; display: inline-block; border-radius: 0; background: #000; opacity: .2;}.swiper-container .swiper-pagination-bullet-active { opaci...

2020-09-11 11:19:42 2170 1

原创 input自动选择填充浏览器记住的内容后,去除输入框的背景颜色

今天在项目中碰到一个问题,就是用谷歌浏览页面,会选择一些浏览器记住的内容,input就会出现上图所示的背景颜色,解决办法如下:代码如下:input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {-webkit-text-fill-color: #333 !important;background-color:transparent;transition: background-color 500...

2020-09-10 12:32:45 2082

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除