给图片加边框方法:
直接在css文件中写:
img { border: 5px solid rgb(111, 194, 16)!important; }
修改图片阴影方法:
在元素查看器中查到元素名称为.vue-waterfall-easy-container .vue-waterfall-easy a.img-inner-box,所以修改样式代码为:
.vue-waterfall-easy-container .vue-waterfall-easy a.img-inner-box{ box-shadow: 0 1px 3px rgba(224, 221, 8, 1)!important; border-radius: 10px!important; }
给box增加内边距:
.vue-waterfall-easy-container .vue-waterfall-easy a.img-inner-box{ padding: 10px; background-color: white; } .vue-waterfall-easy-container .vue-waterfall-easy a{ width: auto!important; height: auto!important; }
设置底部文字高度为0:
.img-info{ height: 0px; font-size: 0px; }
使用!important提高优先级