- ALL
- java33
- linux32
- 工具17
- 其他14
- 数据库7
- vue5
- git5
- nas5
- 前端5
- ai3
- framework3
- windows3
- app2
- 脚本2
- docker2
- hexo2
- maven2
- 智能家居2
- 小程序2
- spring2
- 资源1
- api1
- mysql1
- 安全1
- markdown1
- question1
- python1
- 运维1
- 数据结构1
- 数据传输1
- nginx1
整个网站变为灰色
添加整个网站变灰的开关 添加网站变灰的css文件 12345html { -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} index.styl 控制该css文件是否引入 12if hexo-config('whole_blog_grey.enable') @import 'grey/index.css' 效果
纯css实现文字滚动
横向滚动示例 html 123456<div class="marquee"> <div class="marquee-wrap" style="width: 430px;text-align: center"> <span class="yellow marquee-content">这是一断横向滚动的文字</span> </div></div> css 12345678910111213141516171819202122232425262728293031323334353637.marquee { overflow: hidden;}.marquee .marquee-wrap { width: 100%; animation: marquee-wrap 4s infinite linear;}.marquee .marquee-content { float: left; white-space: nowrap; ...
el-upload文件上传封装
使用方式 1234<upload-img :maxLength="6" limit-type=".png,.jpg,.jpeg" :filesList="checkFileList" @addFileList="checkFileUpdate" @deleteFileList="checkFileDelete"></upload-img> 可选属性 属性名称 属性说明 show-loading 是否展示上传时的loading max-length 可上传的最大文件数量 files-list 回显的图片集合 type 上传按钮样式类型 0:图片...
js常用的工具类示例
轮训获取树形结构的每一条线 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253/** * 获取树形结构的每一条线 * @param tree */export function recurTree(tree) { let res = []; let nodeArr = []; const findPath = (res, tree, nodePath) => { if (tree.children) { tree.children.forEach((item, index) => { findPath(res, tree.children[index], [...nodePath, item.unitId]) }) } else { res.push(nodePath); } } findPath(res, tree, nodeArr);}//...
js文件导出
修改前 通过提交表单获取文件 123456789document.body.appendChild(form)form.method = 'POST'form.action = baseURL + 'export/toClAccessRecordDetailExport?carLicense=' + vm.carLicense + "&beginTime=" + sTime + "&endTime=" + eTime + "&assessType=" + vm.select.assessType + "&carType=" + vm.select .carType + "&unitId=" + exportUnitId + "&materialName=" + vm.select.materialName + "&bayonetId=" + vm.select.bayonetId + "&applyType=" + vm.select.applyType +...