Adding an Image
Generally, the <image> component is used to add images on a page. The method of using this component is similar to that of using the <text> component.
To reference images via the <image> component, you must create the common directory under js > default, and then store the image files in the common directory. The following sample code shows you how to add an image and set its style.
<!-- xxx.hml -->
<image class="img" src="{{middleImage}}"></image>
/* xxx.css */
.img {
margin-top: 30px;
margin-bottom: 30px;
height: 385px;
}
// xxx.js
export default {
data: {
middleImage: '/common/ice.png',
},
}