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