摘要: 安装 npm i colorthief 效果 代码 <template> <div> <img ref="image" src="@/assets/img/no-message.png" alt="示例图片"> <button @click="getColorPalette">获取颜色</butto 阅读全文
posted @ 2024-12-20 17:29 树叶铃铛 阅读(1) 评论(0) 推荐(0) 编辑
摘要: 要求:背景三块图组成,根据文字中间图自适应宽,两边固定 实现方式1: 前后2个图片做绝对定位 中间做最外层的背景 <div class="blockData__title" > <img class="imgLeft" src="xxx/leftBg.png" alt=""> <img class= 阅读全文
posted @ 2022-10-31 14:08 树叶铃铛 阅读(571) 评论(0) 推荐(0) 编辑
摘要: 一、文字提示tooltip样式修改 <el-tooltip class="item" effect="light" content="文本内容" placement="top-start" popper-append-to-body="false"> <span> XXXX</span> </el- 阅读全文
posted @ 2022-10-27 15:08 树叶铃铛 阅读(36) 评论(0) 推荐(0) 编辑
摘要: 一. state取值 1.直接从store实例取值 2.使用mapState取值的多种方法 模块里的写法 ...mapState('moduleName', ['xxx']), 官网的文档 3.使用module中的state 二、mutation方法触发 1. 直接commit获取(store根目录 阅读全文
posted @ 2022-10-27 11:35 树叶铃铛 阅读(397) 评论(0) 推荐(0) 编辑
摘要: 功能: pie图,每隔3s自动高亮选择数据,默认选择第一个高亮 自动轮播 option 配置重点是 1.高亮文本动态更新 // 高亮 emphasis: { label: { show: true, // position: 'center', fontSize: 12, color: '#fff' 阅读全文
posted @ 2022-10-24 16:39 树叶铃铛 阅读(918) 评论(0) 推荐(0) 编辑
摘要: 直接上代码了 对于只有一层的数据可用有效 const bse = { a: 0 } const arr1 = { ...bse } arr1.a = 1 const arr2 = { ...bse } arr2.a = 2 console.log( arr1,arr2) // {a: 1} cons 阅读全文
posted @ 2022-10-20 16:33 树叶铃铛 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 先上效果 1 <template> 2 <div class="simpTable"> 3 <table> 4 <thead> 5 <th 6 v-for="(item,index) of tableHeader" 7 :key="index" 8 >{{ item.label }}</th> 9 阅读全文
posted @ 2022-10-13 10:14 树叶铃铛 阅读(915) 评论(0) 推荐(0) 编辑
摘要: 经常混淆的用法 module.exports用于node模块块开发,导出某个模块,对应导入require(‘xxx模块’) export default用于ES6中模块块开发,导出某个模块,对应导入import XXX from 'xxx模块’ 详细内容参考https://blog.csdn.net 阅读全文
posted @ 2022-07-13 16:57 树叶铃铛 阅读(304) 评论(0) 推荐(0) 编辑
摘要: 最近配置vue3+vite+ts项目 找到一个压缩文件的插件,但且一试,效果变差 npm i vite-plugin-compression -D 官网https://github.com/vbenjs/vite-plugin-compression/blob/main/README.zh_CN.m 阅读全文
posted @ 2022-05-16 10:54 树叶铃铛 阅读(1998) 评论(0) 推荐(0) 编辑
摘要: 一.初始化 以前vue2 书写形式 import Vue from 'vue' import App from './App.vue' import router from './router' import store from './store/store' new Vue({ router, 阅读全文
posted @ 2022-04-27 10:39 树叶铃铛 阅读(760) 评论(0) 推荐(0) 编辑