<template>
<div>
    <div style="display:inline-block;margin-right:20px;">
        <div style="margin-bottom:16px;">Fill</div>
        <u-image fit="fill" src="//test-lcpapp-static.nos-eastchina1.126.net/assets/cloud-ui/1.jpg"></u-image>
    </div>
    <div style="display:inline-block;margin-right:20px;">
        <div style="margin-bottom:16px;">Fit</div>
        <u-image fit="fit" src="//test-lcpapp-static.nos-eastchina1.126.net/assets/cloud-ui/1.jpg"></u-image>
    </div>
    <div style="display:inline-block;margin-right:20px;">
        <div style="margin-bottom:16px;">Contain</div>
        <u-image fit="contain" src="//test-lcpapp-static.nos-eastchina1.126.net/assets/cloud-ui/1.jpg"></u-image>
    </div>
    <div style="display:inline-block;margin-right:20px;">
        <div style="margin-bottom:16px;">Cover</div>
        <u-image fit="cover" src="//test-lcpapp-static.nos-eastchina1.126.net/assets/cloud-ui/1.jpg"></u-image>
    </div>
    <div style="display:inline-block;margin-right:20px;">
        <div style="margin-bottom:16px;">None</div>
        <u-image fit="none" src="//test-lcpapp-static.nos-eastchina1.126.net/assets/cloud-ui/1.jpg"></u-image>
    </div>
    <div style="display:inline-block;margin-right:20px;">
        <div style="margin-bottom:16px;">Scale-down</div>
        <u-image fit="scale-down" src="//test-lcpapp-static.nos-eastchina1.126.net/assets/cloud-ui/1.jpg"></u-image>
    </div>
</div>
</template>