- 博客(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
原创 Vue3异步使用nextTick滚动列表
nextTick是Vue框架提供的一个用于延迟回调函数至DOM更新后的方法,常用于Vue中异步更新组件后获取DOM状态等。使用DOM4新增的MutationObserver接口,它可以监视指定DOM节点发生的变化。在原来的页面中调用该方法。
2024-01-05 14:02:16
443
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人