我有一个产品列表,附有缩略图和一些信息。
我用css制作封面图片:
background-image: url("res://image");
background-repeat:no-repeat;
background-size: cover;
background-position: center center;
但只有在图片库存在资源文件夹中时才有效。
如果我从JSON文件中获取图像,则css中的所有背景属性都不起作用。
我可以让图像更大但位置不起作用。
我需要将图像定位到从URL(在JS中)获得的中心
由于
答案 0 :(得分:2)
我认为你可以使用布局的backgoundImage属性并将图像URL绑定到它而不是在CSS中提供它。
<GridLayout [backgroundImage]="product.thumbnailImagSrc"></GridLayout>