<template>
    <div class="test">
        {{message}}
    </div>
    <div class="test2">
        {{message2}}
    </div>
</template>

<script>
    var s = 1; // 测试代码检查

    console.log(1);
    module.exports = {
        data() {
            return {
                message: 'test',
                message2: 'test2'
            };
        }
    };

</script>

<style>
    /* 雪碧图测试 */
    .test {
        color: green;
        background: url("/channel/boys.png");
    }
    
    /* 图片测试 */
    .test2 {
        color: blue;
        background: resolve("channel/boys.png");
    }

    .testError {
        background: white;
    }
</style>