element-ui字体颜色变换
2019-03-25 13:52
2121 查看
element-ui根据report_null值改变字体颜色
[code]<el-table-column prop="name" label="名称" > <template slot-scope="scope"> <span v-if="scope.row.report_null === '1' " style="color:#37B328"> {{ scope.row.name }}</span> <span v-else style="color: red"> {{ scope.row.name }}</span> </template> </el-table-column>
tag标签
[code]<el-table-column prop="method" label="周期"> <template slot-scope="scope"> <el-tag :type="scope.row.report_null === '1' ? 'primary' : 'success'" disable-transitions> {{scope.row.method}}</el-tag> </template> </el-table-column>
相关文章推荐
- vue.js+element-ui,页面中使用row-class-name属性达到表格中状态、颜色的区分
- 改变UITabBarItem 字体颜色 [UI 自定义]
- select根据选中内容变换字体颜色方法
- IOS 修改UISearchBar 输入框的颜色 placeholder字体的颜色
- 通过修改UIdatePicker的字体颜色来认清Runtime的真相
- JS网页特效让字体一直变换颜色
- vue+element-ui的主题颜色切换
- Apple Watch人机交互指南:UI设计基础--颜色、字体
- vue + elementUI 给input输入框添加 字体小图标
- elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
- 鼠标移过 变换颜色字体之类
- UI基础_UIAlertController/UIAlertView使用和字体大小颜色
- JS网页特效(字体一直变换颜色)
- 利用Runtime修改UIdatePicker的字体颜色
- iOS开发-UI控件:修改textField的placeholder的字体颜色、大小
- 背水一战 Windows 10 (70) - 控件(控件基类): UIElement - Transform3D(3D变换), Projection(3D投影)
- 背水一战 Windows 10 (71) - 控件(控件基类): UIElement - RenderTransform(2D变换), Clip(剪裁)
- QML 简单hello word 实现简单 变换字体颜色,和旋转动画
- UISegmentedControl字体大小,颜色,选中颜色,左边椭圆,右边直线的Button 解决之iOS开发之分段控制器UISegmentedControl
- 如何更改UISearchBar取消的字体颜色