
1. 前端html代码,需要注意的是这里图片的宽度和高度写固定了,这个可以调整,图片下方加了字,是图片的名称。
{{ item.boxtoolName}}
{{ scope.row.toolName }}
{{ scope.row.toolName }}
2. 本页代码所需的css。
3.记录一下调试图片下方横条过程。
第一步:右键图片下方的横条,选择“检查”
第二步:进入浏览器调试页面,找到横条所对应的css
第三步:在对应的css上修改width值,调到合适的值记住。
第四步:复制class内容放到页面中,这个时候要查看是否起作用,因为有优先级限制,有些自定义的css不起作用,这个时候要把上一级对应的class名称加上。
本页面自定义优先级高,所以直接复制上去就起作用了。
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)