- 博客(5)
- 收藏
- 关注
RSS订阅原创 json可视化在vue应用中的实现
实现效果：json可视化化代码：1.首先先下载好JsonView的组件：JsonView.vue，组件代码如下：<template> <div class="bgView"> <div :class="['json-view', length ? 'closeable' : '']" :style="'font-size:' + fontSize+'px'"> <span @click="toggleClose" :class.
2021-01-25 13:12:55
5426
原创 css /deep/
引用了第三方组件库，只需要在当前页面修改第三方组件库的样式以做到不污染全局样式。通过在样式标签上使用scoped达到样式只制作用到本页面。但有时又需要调整组件的样式，在含有scoped的style里里面在写样式对子组件是不生效的。以前都是再加一个不含scoped的style标签，通过外层组件添加唯一class来区分组件，修改各种第三方组件的样式。无意中发现了/deep/，可以同样达到上面的效果<-- less语法 -->.wrap{ .class1{ .
2021-01-13 15:26:59
781
原创 el-tree点击变disabled
<template> <div class="flow-layer-tag-wrapper"> <div class="left"> <p class="title">可选标签</p > <!-- 搜索区 --> <div class="search"> <el-input placeholder="请输入关键字" v-model="filterTagN.
2021-01-11 13:44:18
2502
原创 穿梭框+el-tree，递归实践
完成的效果图：使用的组件：Tag.vue<template> <div class="flow-layer-tag-wrapper"> <div class="left"> <p class="title">可选标签</p > <!-- 搜索区 --> <div class="search"> <el-input placeholder="
2021-01-11 13:41:37
533
原创 CSS文本超过两行用省略号代替(兼容所有浏览器)
通过float特性实现多行文字截断效果，基本原理：有个三个盒子 div，粉色盒子左浮动，浅蓝色盒子和黄色盒子右浮动：1、当浅蓝色盒子的高度低于粉色盒子，黄色盒子仍会处于浅蓝色盒子右下方。2、如果浅蓝色盒子文本过多，高度超过了粉色盒子，则黄色盒子不会停留在右下方，而是掉到了粉色盒子下。好了，这样两种状态的两种展示形式已经区分开了，那么我们可以将黄色盒子进行相对定位，将内容溢出的黄色盒子移动到文本内容右下角，而未溢出的则会被移到外太空去了，只要我们使用 overflow:hidden就可以隐藏掉。
2021-01-04 18:06:04
1903
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人