Loading

摘要: # 按钮 - https://uiverse.io/buttons - 有好看的button、卡片、输入框等 - https://markodenic.com/tools/buttons-generator/ # 玻璃态 - https://hype4.academy/tools/glassmorp 阅读全文
posted @ 2023-06-12 22:41 ^Mao^ 阅读(26) 评论(0) 推荐(0) 编辑
摘要: - CanIUse: 一个检查浏览器是否支持某些特性的网站,可以帮助前端开发人员快速了解各种Web标准的兼容情况。 - CSS-Tricks: 一个关于CSS技术和技巧的博客网站,提供各种类型的教程、文章和示例代码,包括CSS布局、动画、过渡等。 - MDN Web文档: Mozilla开发者网络( 阅读全文
posted @ 2023-06-08 22:26 ^Mao^ 阅读(48) 评论(0) 推荐(0) 编辑
摘要: # UI - https://www.axureshop.com/ys/1331369 - https://www.zcool.com.cn/ - https://dribbble.com/ - https://www.ui.cn/ - https://huaban.com/ - https://p 阅读全文
posted @ 2023-06-05 07:31 ^Mao^ 阅读(39) 评论(0) 推荐(0) 编辑
摘要: https://www.eshouhou.cn/support/instructions/238 阅读全文
posted @ 2024-04-18 07:59 ^Mao^ 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 代码 <template> <div class="app"> <div class="btns"> <el-button type="primary" @click="getContent" >获取编辑器当前输入的内容</el-button > <el-button size="small" ty 阅读全文
posted @ 2024-04-12 08:13 ^Mao^ 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 参考文档 https://juejin.cn/post/7031761320596897823 https://github.com/linjc/smooth-signature 阅读全文
posted @ 2024-04-10 08:09 ^Mao^ 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 背景 需要校验用户输入的内容和我们要求的内容保持一致,比如:签合同的时候需要用户根据我们的内容进行手抄 效果图 实现代码 <template> <div class="app"> <h1> 功能1:根据输入的内容去匹配正文,输入的内容显示在"输入内容"中,如果匹配正确的话则使用绿色标识,错误的的话使 阅读全文
posted @ 2024-04-10 00:17 ^Mao^ 阅读(7) 评论(0) 推荐(0) 编辑
摘要: 效果图 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl 阅读全文
posted @ 2024-01-29 21:05 ^Mao^ 阅读(52) 评论(0) 推荐(0) 编辑
摘要: 背景 实现对table中的某一列文本内容进行复制 代码 需求:表格中只有"姓名"列可以复制,其他列不能复制 <template> <div class="app"> <h1>App Page</h1> <el-table :data="tableData" border style="width: 阅读全文
posted @ 2023-12-15 08:05 ^Mao^ 阅读(22) 评论(0) 推荐(0) 编辑
摘要: 最终效果 场景 有的时候我们需要根据服务端返回的数据来导出excel表格 优化一:设置单元格样式 比如:可以调节背景色、字体样式、border xlsx基础库不提供样式设置,可以使用xlsx-js-style库,这个库是xlsx库的fork版本,并添加了样式定义 详细样式可以查看https://gi 阅读全文
posted @ 2023-11-07 21:18 ^Mao^ 阅读(104) 评论(0) 推荐(0) 编辑
摘要: 参考文档 https://juejin.cn/post/7067801027549855757#heading-0 https://blog.csdn.net/impossible1994727/article/details/92623174 阅读全文
posted @ 2023-09-26 08:01 ^Mao^ 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 效果 背景 在大屏或者其他需要对数字设置千分位的分隔符(比如:151234数字展示成 151,234)或者 数字在变化时进行滚动的变化。 使用 安装 npm i vue-count-to demo <template> <div class="app"> <h1> 当前数值: <countTo :s 阅读全文
posted @ 2023-09-24 16:12 ^Mao^ 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 效果图 未转换前: 转换后: 背景 平常开发的时候使用px作为样式单位,但是在不同的屏幕尺寸下不能自适应,我们希望项目中所有使用到的px单位都转换成vw单位 使用步骤 安装 npm i postcss-px-to-viewport -D 在项目根目录下创建postcss.config.js modu 阅读全文
posted @ 2023-09-24 15:43 ^Mao^ 阅读(247) 评论(0) 推荐(0) 编辑