- 博客(14)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 列表页关联按钮跳转的页面
列表页：<template> <div> <el-button @click="details">详情查看</el-button> <el-button @click="tuli">图例说明</el-button> <detailsSee ref="detailsSee"></detailsSee> <detailsLegend ref="detailsLegend".
2022-02-19 10:57:12
374
1原创 git下载项目
git下载项目1、登录git，找到项目，使用 HTTP 克隆，打开放置的位置，鼠标右键，选择git bash here, 输入 git clone 克隆的地址，回车2、新项目下载后，需要导入到ws中，终端，npm install,下载依赖
2021-08-25 09:40:03
2222
原创 当某种状态时禁用按钮
<el-button v-if="permissions.jiangjin_jiangjinfpjjfpdjb_del" :disabled="!(scope.row.fpZt == '分配中' || scope.row.fpZt == '退回中')" type="danger" plain @click="deleteHandle(scope.row.id)">删除</el-button>
2021-08-25 09:38:05
147
原创 添加取消按钮
<el-button type="primary" plain @click="addDialog">取消</el-button>//写在methods里 cancel() { this.dataDialogVisible = false;//dataDialogVisible是el-dialog中:visible.sync="dataDialogVisible"的值 },
2021-08-25 09:36:30
194
原创 三元表达式及例子
表达式 (expr1) ? (expr2) : (expr3) 在 expr1 求值为 TRUE 时的值为 expr2，在 expr1 求值为 FALSE 时的值为 expr3。1、<div>是否：{{record.hdSflhcp == 1?"是":"否"}}</div>2、<span :class="Zt(scope.row.xmZt)">{{scope.row.xmZt==1?"显示":"隐藏"}}</span>3、&l.
2021-08-25 09:22:57
448
原创 带阴影的圆形
.yuan{ width:400rpx; height: 400rpx; border-radius: 50%; border: 2px solid #2390db; background-color: #0e8ee9; box-shadow: 0px 0px 30px 5px #a8daf6; margin: 0 auto; }...
2021-08-24 13:22:08
109
原创 类似雷达，向外扩展的圆，动画
@keyframes scale{ 0%{transform:scale(1)} 50%,75%{transform:scale(3)} 78%,100%{opacity:0} } .item1 { position: absolute; width:400rpx; height: 400rpx; border-radius: 50%; border: 2px so...
2021-08-24 13:17:42
156
原创 字体图标库添加图标及引用
字体图标库网站：http://39.98.200.190:8080/1.准备好svg图标，可以自己制作，也可以从阿里图标库下载2.点击导入按钮，导入svg图标3.点击导入的图标，选择——字形信息，unicode处填写$E.....，$E是必须写的，其他的可以自定义，和其他图标名称不重复即可4.命名，使用英文或者拼音5.下载tif文件，替换本地的tif图标库文件6.在iconfont.css里添加字体图标.icon-time:before { content: "\E102.
2021-08-24 09:15:35
292
原创 显示或隐藏 样式不同
<span :class="ZtYy(item.gzZt)">{{item.gzZt === 0 ? '隐藏' : '显示'}}</span>//状态ZtYy(value) { return { yinCang: value === 0, green: value === 1, };}
2021-08-21 11:08:10
67
原创 不同状态不同颜色
<el-table-column prop="dfZt" label="标题标题" width="120px"> <template slot-scope="scope"> <span :class="Zt(scope.row.dfZt)">{{scope.row.dfZt}}</span> </template></el-table-column>//状态 Zt(valu...
2021-08-21 10:53:47
323
原创 vue中引用echarts图表
1.将容器添加到相应的位置：（设置id，宽、高）<div id="myEchart1" style="width: 100px; height: 100px"></div>2.在script中添加：import * as echarts from 'echarts';require("echarts/theme/vintage");//引用图表页面的路径3.data()中添加：mounted() { this.loadEchar(); },4.method...
2021-08-21 10:51:15
155
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人