vue style样式变量背景图

1.let banner = https://x.bycdiamond.cn:8443/byc/pic/banner.png;特别需要注意的:style="{ 'background-image': 'url(' + banner + ')' }"背景图片类的2.多个样式:style="{ color: activeColor, fontSize: fontSize

远一航一

4899人浏览 · 2018-08-21 17:49:57

远一航一 · 2018-08-21 17:49:57 发布

1.let banner = https://x.bycdiamond.cn:8443/byc/pic/banner.png;

特别需要注意的:style="{ 'background-image': 'url(' + banner + ')' }"背景图片类的

2.多个样式

:style="{ color: activeColor, fontSize: fontSize + 'px' }"

3.图片域名+图片后缀的

let imgurl = 'https://ubmcmm.baidustatic.com/media/v1/';

let coverPhoto = '0f000rL29rQSbQMs3o_ZG0.jpg'

:src="imgurl+coverPhoto"

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^