- 博客(84)
- 收藏
- 关注
原创 CSS 常用布局
参考: https://blog.csdn.net/u012557814/article/details/120709653。参考:https://blog.csdn.net/qq_43368682/article/details/108507746。参考:https://blog.csdn.net/u012557814/article/details/114102731。参考:https://blog.csdn.net/w390058785/article/details/77992457。
2024-08-14 11:33:47
407
转载 一键换肤(Vue + Scss 动态切换主题颜色)
/遍历主题map//!global 把局部变量强升为全局变量global;//判断html的data-theme的属性值 #{}是sass的插值表达式//& sass嵌套里的父容器标识 @content是混合器插槽,像vue的slot@content;//声明一个根据Key获取颜色的function//获取背景颜色important;//获取字体颜色important;//获取边框颜色important;themeify 方法用于获取 HTML 的 data-theme 值。
2024-08-14 10:14:07
73
原创 一键换肤(Echarts 自定义主题)
先使用主题色(初始化),再配置的 option,option 里的颜色覆盖了主题里的颜色。如果是多主题切换,则可以将各个主题的颜色整合在一个文件,分别注册。这样的话,就可以对应官方示例中的这种(深色/浅色模式)例如:修改背景、标题等,可按照设计师需求来更改。如果以上主题不满足使用,可以自己自定义主题。复制到项目中( theme.json ),配置好之后,下载主题。这是因为执行先后顺序。
2024-08-14 10:04:32
394
原创 Javascript 一些新的 WEB API 及应用
一、ResizeObserver官方地址:https://developer.mozilla.org/zh-CN/docs/Web/API/ResizeObserver资料:1、探索 ResizeObserver 的神奇力量:https://juejin.cn/post/72488321858081751412、一个较新的WEB API——ResizeObserver 的使用:https://juejin.cn/post/6862321554686214158有一个布局,计算 pagination
2024-08-14 10:00:52
377
原创 从0开发一个 组件/插件 并部署
注册地址: www.npmjs.com/signup在命令行输入: ,此时会提醒你打开浏览器进行登录,然后邮件接收验证码,输入登录 package.json 里的版本号变更,如 1.0.0 变成 1.0.1 发布推送用脚手架创建一个 Vue3 项目,官方创建有两种方式:这里选择第二种方式创建,目前最新的 Vue 官方的项目脚手架工具;跟着官方文档走即可:创建一个 Vue 应用注意 : 方式二需要、已安装 16.0 或更高版本的 Node.js这里采用 安装切换成高版本的node:这里开发的是
2024-08-14 09:57:50
954
原创 使用 阿里云 播放器播放 .flv 和 hls(.m3u8) 格式的视频流
使用 阿里云 播放器 播放.flv 和 hls(.m3u8)格式的视频流
2022-10-12 16:53:59
4212
2
原创 three.js 报错信息 RGBELoader.js:46 RGBELoader Bad File Format: bad initial token
three.js 报错信息 RGBELoader.js:46 RGBELoader Bad File Format: bad initial token
2022-07-29 10:05:56
2664
原创 Vue+videojs+videojs-contrib-hl 实现.m3u8+hls视频流播放(可切换播放视频)
m3u8+hls视频流切换播放
2022-04-14 14:18:55
13026
11
原创 Echarts 图表一些细节设置 lenged 双Y轴等
记录一些echarts图表的特殊配置:如设置 lenged 样式、柱状折线复合图的双Y轴对应关系等
2022-01-06 10:14:57
7224
3
原创 CSS 文字内容底部对齐
效果:主要代码:.item { width: 200px; height: 400px; border: 1px solid seagreen; display: table-cell; vertical-align: bottom;}或.css { display: flex; align-items: flex-end;}完整代码实现<template> <div class="mark-title-con"> <
2021-12-24 09:49:49
14456
原创 多选框样式修改(原生、Element)
效果:element 样式修改覆盖:<el-checkbox class="base-checkbox" v-model="checked">排污企业(30)</el-checkbox>.base-checkbox .el-checkbox__label { padding-left: 6px; font-size: 12px; color: rgba(255, 255, 255, 0.6);}.base-checkbox .el-checkbox__in
2021-12-20 14:08:12
986
原创 Echarts 图表 label 文字过长换行
第一种:formatter: function (value, index) { if (Canbreak) { let arrayText = value.split(""); let text = ""; for (var i = 0; i < arrayText.length; i++) { if (i != arrayText.length - 1) { text += arrayText[i] + "\n"; } else
2021-11-25 16:28:02
1163
原创 Webpack 配置上下文
const router = new VueRouter({ // routes // mode: 'history', // base: process.env.BASE_URL, base: '/client/', //后端如果需要在tomcat-->webapps目录下创建新的文件夹,需要把router-->index.js文件中添加base:'/文件夹名/' routes})...
2021-11-19 14:15:32
804
原创 高德地图 获取当前用户经纬度及位置信息 vue
获取当前位置信息:https://blog.csdn.net/gaoqiang1112/article/details/102954673
2021-11-03 18:00:02
497
vue.js 全屏彩色透明气泡移动碰撞动画特效
2023-02-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人