- 博客(8)
- 收藏
- 关注
原创 antdv中table组件 scopedSlots 和 ellipsis 属性一起使用,悬浮框失效问题
一、想要实现的效果,单元格溢出显示省略号,鼠标移入显示全部(如下图)1、功能实现:溢出显示省略号,鼠标移入出现悬浮框,这两个功能其实很容易实现,antdv已经有现成属性 ellipsis 。 { title: '申请人', dataIndex: 'applicant_cn', key: 'applicant_cn', ellipsis: true, },2、 出现的问题:(1)当后端的数据和页
2021-06-21 11:21:19
3919
1
原创 antdv: Each record in table should have a unique `key` prop
1、问题描述,如下图所示2、解决方案加上 rowKey 这个字段注意:rowKey这个字段的值,是每一列的唯一标识符 <a-table :columns="columns" :data-source="tableDatabefore" :pagination="false" v-if="radioType == 'a'" rowKey="tm_case_no" > <
2021-05-28 13:47:26
263
原创 less的基本使用,文件引入,公共变量
less的基本使用,文件引入,公共变量公共变量less中函数的使用less文件引入公共变量在config.less文件中使用@定义变量/*主题色*/@themeColor : #1966FF;@borderColor : #eeeeee;@bgColor : #FAFAFAFA;less中函数的使用//冒号后面是默认值.box_bg(@bg:@themeColor){ background:@bg;}.container_style(@width:1200px){
2021-05-12 11:27:29
3617
原创 词云图,echarts-wordcloud的使用
词云图,echarts-wordcloud的使用安装 和 引入使用参考链接安装 和 引入1、安装npm install echartsnpm install echarts-wordcloud2、引入<script src="echarts.min.js"></script><script src="echarts-wordcloud.min.js"></script>import "echarts-wordcloud/dist/echart
2021-04-22 16:32:34
1696
原创 如何判断项目的开发环境
如何判断项目的开发环境前言方法1 process.env.NODE_ENV前言在前端项目开发中,需要根据不同的开发环境,判断调用后端接口的域名方法1 process.env.NODE_ENV这是起初项目的判断方式if (process.env.NODE_ENV == "development") { //开发环境} else if (process.env.NODE_ENV == "production") { //生产环境}...
2021-03-30 17:48:09
1008
原创 修改页面滚动条样式
1、前提前端页面经常会分成多个模块,模块中内容过多的话,就会产生滚动条,2、问题浏览器默认的滚动条样式不好看(ui设计师表示不能接受)不同的浏览器,默认滚动条的样式不用,导致页面不统一3、解决方案自定义滚动条样式//双冒号前面写的是产生滚动条的容器的类名.classTrademark::-webkit-scrollbar {//设置滚动条的样式, height: 1px; width: 6px;}.classTrademark::-webkit-scrollbar-thu
2021-03-18 11:48:16
306
原创 纯前端实现页面截图 html2canvas
这里写自定义目录标题html2canvas的简单实用截图后,页面中的图片消失功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入html2canvas的简单实用截图后,页面中的图片消失{useCORS: true, // 【重要
2021-03-17 18:13:32
591
原创 antdv form组件的layout属性
antdv form组件的layout属性1、下图是我想要实现的效果2、按如下代码,可是输入框没有和label在同一行,看起来很奇怪 <a-form :form="applyformInline" labelAlign="left"> <a-form-item label="发票类型"> <a-radio-group name="radioGroup" :default-value="1" v-model="apply
2021-03-17 18:12:03
2550
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人