- 博客(14)
- 资源 (1)
- 收藏
- 关注
原创 列表页关联按钮跳转的页面
列表页:<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 379
原创 git下载项目
git下载项目1、登录git,找到项目,使用 HTTP 克隆,打开放置的位置,鼠标右键,选择git bash here, 输入 git clone 克隆的地址,回车2、新项目下载后,需要导入到ws中,终端,npm install,下载依赖
2021-08-25 09:40:03 2228
原创 当某种状态时禁用按钮
<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 153
原创 添加取消按钮
<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 195
原创 三元表达式及例子
表达式 (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 450
原创 带阴影的圆形
.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 114
原创 类似雷达,向外扩展的圆,动画
@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 160
原创 字体图标库添加图标及引用
字体图标库网站: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 294
原创 显示或隐藏 样式不同
<span :class="ZtYy(item.gzZt)">{{item.gzZt === 0 ? '隐藏' : '显示'}}</span>//状态ZtYy(value) { return { yinCang: value === 0, green: value === 1, };}
2021-08-21 11:08:10 69
原创 不同状态不同颜色
<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 331
原创 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 158
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人