04 2023 档案

vue3项目中使用UnoCSS
摘要：1. 相关文档： unocss github 地址 unocss 官网地址 unocss 官网中文版 unocss 交互式文档-可快速查阅缩写 2. 安装并引入： 以vite为例，其余文档中有步骤。https://unocss.dev/integrations/ 首先安装unocss依赖包 npm 阅读全文
posted @ 2023-04-26 09:43 Li_pk 阅读(809) 评论(0) 推荐(0) 编辑
el-menu递归组件实现多级菜单（vue3+element plus版）
摘要：vue2 + element ui版：[点击此处](https://www.cnblogs.com/lpkshuai/p/17310220.html "点击此处") ### 1. 外层菜单组件： LeftMenu.vue ``` ``` ### 2. 子菜单组件（递归主体）： LeftSubMenu 阅读全文
posted @ 2023-04-23 15:02 Li_pk 阅读(3193) 评论(0) 推荐(0) 编辑
css 利用 linear-gradient 实现条纹背景
摘要：1. 水平条纹背景 当给背景设置渐变效果时，默认的渐变方向是垂直由上到下的，效果如下： { background: linear-gradient(#aaa, #ddd); } 尝试拉近色标的距离，会发现渐变区域变小了： { background: linear-gradient(#aaa 40%, 阅读全文
posted @ 2023-04-20 18:24 Li_pk 阅读(1431) 评论(0) 推荐(4) 编辑
页脚紧贴页面底部的方法
摘要：页面包含页脚时，当页面内容足够长时页脚会处于页面底部显示，而当页面内容较短时（比如错误信息页面）就会出现问题 。此时页脚不能像我们期望中那样“紧贴”在页面的最底部，而是紧跟在内容的下方。下面列出两种解决方法： 1. 通过calc()计算并设置内容最小高度： 把header和main内容用div包裹， 阅读全文
posted @ 2023-04-20 14:13 Li_pk 阅读(136) 评论(0) 推荐(0) 编辑
Git多平台/多账号配置
摘要：有时候需要在一台电脑使用多个git平台（Gitee、GitHub、Gitlab...）或者一个平台多个不同账号，比如想同时配置公司git和个人的git，提交代码时提交到对应的平台/账号的代码仓库且互不影响。这时候需要配置不同的SSH key。 1. 生成SSH key 以下命令需打开Git Bash 阅读全文
posted @ 2023-04-13 11:35 Li_pk 阅读(371) 评论(0) 推荐(2) 编辑
el-menu使用递归组件实现多级菜单组件
摘要：vue3+element plus版：[点击此处](https://www.cnblogs.com/lpkshuai/p/17346600.html "点击此处") # 1. 效果： ![image](https://img2023.cnblogs.com/blog/1857566/202304/1 阅读全文
posted @ 2023-04-12 16:18 Li_pk 阅读(2113) 评论(3) 推荐(1) 编辑
CSS实现菜单选项向外圆角效果
摘要：最终效果 实现方法 1. ::before、::after伪元素裁剪拼接 完整代码： 示例中图标引用了iconfont，地址 点击这里 html代码 <body> <ul> <li class="active"><i class="iconfont">&#xe61d;</i></li> <li><i 阅读全文
posted @ 2023-04-11 14:55 Li_pk 阅读(1654) 评论(0) 推荐(0) 编辑
CRLF和LF区别
摘要：1. CRLF概念 CRLF（Carriage-Return Line-Feed），CR是回车符，LF是换行符。它们都是文本文件用于标记换行的控制字符（control characters）或字节码（bytecode）。 CR（Carriage Return），回车符号，对应字符 '\r'，十六进制 阅读全文
posted @ 2023-04-07 12:26 Li_pk 阅读(2480) 评论(0) 推荐(0) 编辑
常用Content-Type汇总
摘要：MIME type ###定义 媒体类型（通常称为 Multipurpose Internet Mail Extensions 或 MIME 类型）是一种标准，用来表示文档、文件或字节流的性质和格式。 ###语法 MIME 的组成结构非常简单；由类型与子类型两个字符串中间用'/'分隔而组成。不允许空 阅读全文
posted @ 2023-04-06 18:27 Li_pk 阅读(1329) 评论(0) 推荐(0) 编辑
阿里巴巴iconfont字体图标使用
摘要：1. 图标获取 :shaved_ice: 阿里巴巴矢量图标库 进入阿里图标库登录，创建项目，选择需要的图标添加购物车。然后添加至项目。 在我的项目中可以找到添加的图标。 下载图标文件至本地。 打开demo_index.html文件或者在图标库网站均可查看使用教程以及字体编码、样式类名等信息。 2. 阅读全文
posted @ 2023-04-03 14:38 Li_pk 阅读(1329) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示