自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue点击下拉隐藏的动画效果

Vue点击下拉隐藏的动画效果

2022-06-12 18:45:51 308

原创 vue项目中使用flexible.js和rem进行适配(适用于pc和移动)

【1】下载flexible.jsnpm i -s lib-flexible【2】在mainjs中引入import 'lib-flexible/flexible.js'【3】在nodemodule/lib-flexible/flexible.js中修改代码如下:这是按照1920px来划分的,因为分为24等份,故每份为80,故需在cssren的设置中需要将root font size改为80 function refreshRem(){ var width = doc

2022-05-09 15:12:14 1552

原创 媒体查询:在不同的可视界面显示不同的尺寸

// 1.超小屏幕下 小于768 布局容器宽度为 100%@media screen and (max-width: 767px) { .container { width: 100%; }}// 2.小屏幕下 大于等于768 布局容器改为 750px@media screen and (min-width: 768px) { .container { width: 750px; }}// 3.中等屏幕下 大于等于 992px 布局容器修改为 970px@.

2022-04-10 17:01:47 230

转载 vue自适应

px2rem插件:将px转为rem,书写的时候直接写px就可以,编译的时候会将px单位自动转换为对应的rem单位第一步:安装postcss-px2remnpm add postcss-px2rem第二步:在 vue.config.js 中添加配置const px2rem = require('postcss-px2rem')const postcss = px2rem({ remUnit: 16 //基准大小 baseSize,需要和rem.js中相同})module.ex..

2022-04-10 16:25:16 2654 2

空空如也

空空如也

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

TA关注的人

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