
vue
技术钱
这个作者很懒,什么都没留下…
展开
-
vue + scss实现管理系统换肤功能
因公司需求,需要实现管理系统主题换肤功能,主要是实现4种不同的系统肤色,极简白、幻境紫、景泰蓝、复古黑,这不仅仅是颜色的更改,还需要包括图片,字体、按钮等更改。1.theme.scss文件主要实现的是编写对系统主题改变的样式函数,通过传递样式参数来实现不同主题的样式更改。在styles样式文件夹下创建两个scss文件,一个theme.scss,一个color.scss。2.color.scss编写不同主题的样式函数并传递样式参数。原创 2023-03-27 09:55:14 · 791 阅读 · 0 评论 -
可视化大屏拖拽项目---aj-report
123原创 2021-09-29 10:43:16 · 1083 阅读 · 2 评论 -
vue + threejs 实现3d装车
安装npm install threejs -D引用threejsimport * as THREE from 'three'// 鼠标控制器import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls.js'// obj模型import { OBJLoader } from 'three/examples/jsm/loaders/OBJLoader'// 材质import { MTLLoader } f原创 2021-07-23 11:01:33 · 3328 阅读 · 3 评论 -
vue文件上传组件,使用原生input file实现
vue 实现输入框右侧icon文件夹点击上传图片组件a. 调用图片上传父组件formData 就获取 图片上传组件传过来的地址。// html<upload-image v-model="formData" />b. 图片上传组件// html <template> <div> <el-input clearable v-model.trim="uploadImgUrl" size="mini"原创 2021-07-04 02:51:17 · 1170 阅读 · 0 评论 -
js数组操作
两个字段一个是用户的id 一个是用户的名称,需要把这两个字符转成数组再转成对象数组var str1 = '小明,小兰,小钱'var str2 = '12,13,15'var str1Arr = str1.split(',')var str2Arr = str2.split(',')var result = str1Arr.map((val,i) => ({id: val, val: str2Arr[i]}));2.两个数组arr1 = [ {id: “#11”, val: “徐.原创 2020-12-07 09:53:37 · 506 阅读 · 0 评论 -
js mouseup丢失问题(不执行)与解决办法
当实现鼠标在可视区域上面进行拖动的时候,经常出现 mouseup 事件丢失的情况,导致正常的流程没法执行。元素执行mousedown 在可视化区域上面拖动一段时候鼠标松开 有些时候mouseup不会执行。解决方法:mounted() { this.init()},methods: { init() { document.body.addeventlistener('mouseup', () => { // mouseup 需要执行的代码块 ....原创 2021-07-04 02:09:02 · 4524 阅读 · 2 评论 -
vue element DateTimePicker日期时间选择器二次封装
在管理系统项目开发中,使用elementUi库日期时间选择器是最常见的也是最常用,需要使用的话一个一个写的很麻烦而且不方便使用,封装成组件的话方便于管理只要用就调用这个组件就可以使用。子组件:type显示类型 可以分别为 year/month/date/week/datetime/datetimerange/daterangevalueFormat 绑定值的格式,一般是参数传到后台的数据格式pickerOptions: 快捷键以及配置项defaultTime:选中日期后的默认具体时刻 数据格式为原创 2020-12-11 22:58:23 · 2953 阅读 · 0 评论