- 博客(22)
- 收藏
- 关注
原创 table动态添加列---2.0
效果代码<div class="roleset-table-list"> <el-divider>列表信息展示<i class="el-icon-caret-bottom"></i></el-divider> <el-checkbox-group v-model="checkList" @change="getTableHeaderList"> <el-checkbox
2022-04-29 18:07:33 328
原创 权限管理-----获取路由形成树形控件
1.获取数据使用this.$router.options.routes 来获取全部路由需要经过过滤获取路由的属性path (路径),children (是否含有子路由) ,meta.title (汉字的名字)getrouter() { // 弹窗 获取菜单 路由 首先调用 this.$router.options.routes.filter((element) => { if (element.meta) { this.ro..
2022-04-29 15:19:23 317
原创 动态添加table的列---1.0
使用v-for循环缺点:数据不可单个处理 一处理就要全部重写 <el-table :data="tableData" stripe style="width: 100%" :header-cell-style="{ background: '#eef1f6', color: '#606266' }" > <el-table-column v-for="(item, index) in tableC
2022-04-29 15:05:24 303
原创 vue 状态判断
<i class="dot-class" style="background-color: red"></i>绿圆点:<i class="dot-class" style="background-color: #67c23a"></i>整体 <span v-if="!props.row.rtuConnected" style="color: red; display: flex; flex-wrap: nowrap.
2022-04-29 11:44:26 382
原创 CSS3 弹性盒子(Flex Box)
任何一个容器都可以指定为 Flex 布局.box{ display: flex; } ```行内元素也可以使用 Flex 布局。```css.box{ display: inline-flex; } ```使用flex布局,无需绝对定位等改变布局的操作,可以轻松实现元素的水平垂直居中。#container{ display:flex; justify-content:center; align-items:center;}弹性盒子由**弹性容器(F
2022-03-02 15:36:49 103
原创 下载Egg框架
1. npm init egg --type=simple2.npm install进行下载3. npm run dev网址 :http://127.0.0.1:7001
2022-03-01 15:06:03 145
原创 npm重新安装node_modules方法
1. 安装rimraf : cnpm install rimraf -g2. 执行: rimraf node_modules 删除文件荚3. 清空缓存: npm cache clean --force4. 重新安装淘宝镜像: npm install -g cnpm --registry=https://registry.npm.taobao.org5. 再次执行:cnpm i...
2022-02-25 15:59:27 2531
转载 如何从GitHub获取源代码
github是当前流行的开源项目托管网站,里面有成千上万的项目值得学习和借鉴,可以把项目源代码下载到本地研究。本文介绍如何获取github的源代码。工具/原料:可访问GitHub网站的网络 +Git-2.20.0-64-bit安装到Windows系统。方法1 - 克隆(Clone)源代码到本地1、到github.com找到自己感兴趣的项目,比如Jquery,复制项目的Clone URL2、在本地打开Git Bash命令行窗口3、把复制好的Clone URL...
2022-01-11 13:22:00 21027
原创 鼠标可改形状
cursor: default; //形状为默认cursor: pointer; //形状为手指cursor: crosshair; //光标呈现为十字线。
2021-11-01 13:43:02 80
原创 文本效果--显示文本
1.强制显示一行: white-space:nowrap;2.超出文本隐藏 overflow:hidden;3.超出部分用省略号代替 text-overflow:ellipsis;4.控制多行文本显示 display: -webkit-box; //转为可伸缩性的盒子 -webkit-line-clamp: 3; //显示3行 overflow: hidden; //超出文本部分隐藏 -webkit-box-orient:...
2021-10-27 17:02:50 203
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人