- 博客(3)
- 收藏
- 关注
原创 背景栅格栏间隔样式
栅格栏间隔样式效果图:实现代码:html <div class="box"></div>css .box { width: 150px; height: 16px; background: linear-gradient(to right, rgba(82, 126, 168, 0.5), #00fce7); } .box::before { content: ""; display: blo
2022-04-02 16:17:23 400
原创 v-charts 折线图渐变样式配置
v-charts中折线图值区域渐变效果如图:页面代码<ve-line height="100%" :legend-visible="false" :data="chartData" :settings="chartSettings" :colors="colors" :extend="chartExtends"></ve-line>js// 折线图数据 datachartData: { columns: ['日期', '金额'], rows:
2021-01-21 17:19:00 1054 1
原创 Vue动态绑定img的src属性
img图片路径:根据不同的状态显示不同地址1. 利用import引入图片路径编译时加载(效率更高)【由于是编译时加载,所以import命令会提升到整个模块的头部】// 地址引入import imgUrl from '@/assets/bg.png'// 计算属性computed: { getImg() { // 条件判断,最后输出 return imgUrl } } // 页面引用<img :src="getImg" alt="">2.
2021-01-18 15:01:52 1212
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人