- 博客(13)
- 收藏
- 关注
原创 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
原创 距中心点之间的距离转化为米(两点之间的距离)
注: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关注的人