摘要：
# 按钮 - https://uiverse.io/buttons - 有好看的button、卡片、输入框等 - https://markodenic.com/tools/buttons-generator/ # 玻璃态 - https://hype4.academy/tools/glassmorp 阅读全文
posted @ 2023-06-12 22:41
^Mao^
阅读(137)
评论(0)
推荐(0)
摘要：
- CanIUse: 一个检查浏览器是否支持某些特性的网站，可以帮助前端开发人员快速了解各种Web标准的兼容情况。 - CSS-Tricks: 一个关于CSS技术和技巧的博客网站，提供各种类型的教程、文章和示例代码，包括CSS布局、动画、过渡等。 - MDN Web文档: Mozilla开发者网络（ 阅读全文
posted @ 2023-06-08 22:26
^Mao^
阅读(71)
评论(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^
阅读(113)
评论(0)
推荐(0)
摘要：
index.vue <template> <div class="app"> <el-button type="primary" size="small" @click="exportPDF">导出pdf</el-button> <h1>导出PDF进度：{{ progress }}</h1> <vu 阅读全文
posted @ 2025-11-21 22:49
^Mao^
阅读(3)
评论(0)
推荐(0)
摘要：
移动说明 支持移动点或线元素 移动时虚化原来的点（利用translatestart和translateend事件，在拖拽开始时创建要素副本（虚影），拖拽结束时移除副本。） 思路： 移动的元素放到一个图层（move_vector_source）里去维护 效果图 示例代码 places.json { " 阅读全文
posted @ 2025-11-14 22:51
^Mao^
阅读(8)
评论(0)
推荐(0)
摘要：
前端代码适配层面 使用 Viewport 适配：在网页头部引入代码，其中width=device-width表示将 viewport 的宽度设置为设备的宽度，initial-scale=1.0表示初始缩放比例为 1.0，不进行缩放，user-scalable=no表示用户不可以通过手动缩放页面，这样 阅读全文
posted @ 2025-11-08 00:07
^Mao^
阅读(6)
评论(0)
推荐(0)
摘要：
方式1 import { createApp } from "vue"; import { createPinia } from "pinia"; import App from "./App.vue"; import router from "./router"; const app = crea 阅读全文
posted @ 2025-11-06 22:57
^Mao^
阅读(3)
评论(0)
推荐(0)
摘要：
卫星影像 <template> <div class="app"> <div class="map-container" ref="map_ref"></div> </div> </template> <script> import Map from "ol/Map.js"; import Tile 阅读全文
posted @ 2025-10-11 08:08
^Mao^
阅读(30)
评论(0)
推荐(0)
摘要：
相关资料 https://segmentfault.com/a/1190000044688235 https://zhuanlan.zhihu.com/p/641436984 https://blog.csdn.net/m0_74149462/article/details/147503856 ht 阅读全文
posted @ 2025-10-09 23:44
^Mao^
阅读(11)
评论(0)
推荐(0)
摘要：
背景 有的时候我们需要在一个很长的字符串中取出对应的数值。我们可以利用正则表达式的分组 示例 <script> var str = '目标值(10),实际值(35)' // 第一个"\("表示普通的左括号,第二个"("表示第一个分组开始 const reg = /目标值\((\d{0,3})\),实 阅读全文
posted @ 2025-07-01 22:15
^Mao^
阅读(6)
评论(0)
推荐(0)
摘要：
背景 有的时候我们表格的列可能是多级的情况，但是如果采用官方的示例，需要循环嵌套。 支持多层嵌套 某列支持插槽 效果图 代码 App.vue <template> <div class="app"> <sys-table :tableColumns="table_columns" :data="ta 阅读全文
posted @ 2025-05-24 23:50
^Mao^
阅读(73)
评论(0)
推荐(0)
摘要：
效果-1 代码-1 var legendData = ["车辆数"]; //图例 var indicator = [ { text: "小型车", max: 6000, }, { text: "中型车", max: 5000, }, { text: "大型车", max: 5000, }, { te 阅读全文
posted @ 2025-05-21 21:35
^Mao^
阅读(24)
评论(0)
推荐(0)
摘要：
效果-1 代码 var data = [{ name: '2256', value: 2256 }, { name: '578', value: 578 }, { name: '744', value: 744 }, { name: '806', value: 806 }, { name: '336 阅读全文
posted @ 2025-05-14 19:33
^Mao^
阅读(17)
评论(0)
推荐(0)
浙公网安备 33010602011771号