自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 资源 (1)
  • 收藏
  • 关注

原创 Tailwindcss使用css变量自定义颜色

root {/* 完整的rgba变量 */--container2: 11 22 33 /* 仅包含rgb值,便于引入透明度 */

2024-07-29 11:20:31 444

原创 从ant-design-vue pro学习国际化配置

ant-design-vue pro使用的是vue-i18n模块,在实际项目中主要有三块国际化:ant-design-vue控件自带、dayjs(antdv从4.x版本开始使用dayjs而不是moment.js)、自定义的国际化变量,需要将它们集合在一起,更方便管理。目录结构如下图:locale目录根部的index.js文件用于集合自定义的国际化变量,将不同语种组合到一起,在这里创建i18n变量,再一起导入main.js中比较方便。2. 为不同语种建立独立的索引文件在locale目录下为不同语种建

2024-07-02 10:49:55 408

原创 利用tailwind实现的flex布局响应式设计

Tailwind是一种刚开始用会觉得麻烦,熟练了以后会觉得好香的东西(。利用Tailwind封装的很方便的媒体查询(media query)功能,灵活实现在flex布局下网页对其他页面尺寸的适配。本篇可参考一起食用。

2024-01-19 15:00:02 2169

原创 grid(网格)布局

网格是由一系列水平及垂直的线构成的一种布局模式。根据网格,我们能够将设计元素进行排列,帮助我们设计一系列具有固定位置以及宽度的元素的页面,使我们的网站页面更加统一。一个网格通常具有许多的,以及行与行、列与列之间的间隙,这个间隙一般被称为。

2024-01-12 15:19:36 1314

原创 flex(弹性盒子)布局

弹性盒子可以帮助建立弹性布局,可以使得元素在父内容中垂直居中,或者让子元素把父内容填满而不需要计算子元素的尺寸等。

2024-01-11 17:21:22 1325

原创 手搓一个可以拖拽和变形的div

-锚块-->left: 50%;top: 50%;top: -5px;left: -5px;top: -5px;

2024-01-08 15:35:53 398

原创 Vue3异步使用nextTick滚动列表

nextTick是Vue框架提供的一个用于延迟回调函数至DOM更新后的方法,常用于Vue中异步更新组件后获取DOM状态等。使用DOM4新增的MutationObserver接口,它可以监视指定DOM节点发生的变化。在原来的页面中调用该方法。

2024-01-05 14:02:16 443

Sublime Text2 Build 2190汉化注册版

汉化版编程神器Sublime Text2 点击安装无需注册,汉化版使用更方便

2013-09-09

空空如也

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

TA关注的人

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