04 2020 档案

获取随机验证码图片的格式设置
摘要：<img :src="`data:image/jpg;base64,${codeSrc}`" class="verify-code__img" @click="getVerifyCode" /> Data URI scheme支持的类型有： data:,文本数据 data:text/plain,文本 阅读全文
posted @ 2020-04-29 16:15 花囍 阅读(219) 评论(0) 推荐(0) 编辑
iframe的使用
摘要：<template> <wg-section> <div class="video-details-box"> <div style="float: left;width: 930px;"> <widget-box style="margin-bottom: 10px; overflow: hidd 阅读全文
posted @ 2020-04-28 16:34 花囍 阅读(236) 评论(0) 推荐(0) 编辑
分页获取列表进行索引累加
摘要：(this.currentPageNo - 1) * 10 + Number(param.index) + 1 // this.currentPageNo 为后台返回的当前页数据 阅读全文
posted @ 2020-04-27 19:56 花囍 阅读(227) 评论(0) 推荐(0) 编辑
日期时间格式化
摘要：/** * @description 日期格式化 * @author * @param {Date | String | Number} oldDate 待格式化的日期，可以是Date对象也可以是字符串 * @param {string} [fmt='yyyy年MM月dd日'] 格式化后的格式 *  阅读全文
posted @ 2020-04-27 15:04 花囍 阅读(156) 评论(0) 推荐(0) 编辑
柱状echarts 自定义图例设置
摘要：legend: { // 图例 orient: 'vertical', left: 'right', icon: 'circle', data: this.legendData, formatter: name => { return `{a|${this.chartData.find(item = 阅读全文
posted @ 2020-04-24 13:46 花囍 阅读(1231) 评论(0) 推荐(0) 编辑
将对象类型转换为数组并进行key的转换
摘要：getChartData() { const { schoolId } = this.chartParams this.getEquCountAndType({ schoolId }).then(res => { console.log(res) // {"DV86-LA":7,"55X":1,"D 阅读全文
posted @ 2020-04-24 10:53 花囍 阅读(661) 评论(0) 推荐(0) 编辑
label样式
摘要：<label>不换行</label> display: inline-block; white-space: nowrap; 强制段落中的文本不进行换行 阅读全文
posted @ 2020-04-23 20:29 花囍 阅读(673) 评论(0) 推荐(0) 编辑
基于vue的导航的封装
摘要：使用f'lex布局时 两个并列的第三个盒子 会出现宽度不够， 可以通过flex-basis: 70px;flex-shrink: 0;进行宽度收缩 阅读全文
posted @ 2020-04-23 13:54 花囍 阅读(298) 评论(0) 推荐(0) 编辑
iview表格组件中columns中对于变量的判断
摘要：{ key: '', title: '计划', width: 100, align: 'left', render: (h, params) => { const { actionType, isEveryday } = params.row if (isEveryday && isEveryday 阅读全文
posted @ 2020-04-22 14:37 花囍 阅读(1691) 评论(0) 推荐(0) 编辑
自定义input样式
摘要：&__content{ width: 136px; border: none; //去除边框 outline: none; //可以去除点击input时的border } 阅读全文
posted @ 2020-04-21 18:49 花囍 阅读(960) 评论(0) 推荐(0) 编辑