HarmonOS JS学习笔记-图片与跳转图片资源放common里，可直接引用。若引用变量图，需要js里设置img

<div class="container">
    <image src="/common/images/bg-tv.jpg" class="image-mode"></image>
    <button type="capsule" value="详情" onclick="gotoDetail"></button>
</div>

import router from '@system.router';
export default {
    data: {
        
    },
    onInit() {
        
    },
    gotoDetail() {
        console.info('detail')
        router.push ({
            uri: 'pages/detail/index'
        });
    }
}

图片资源放common里，可直接引用。

若引用变量图，需要js里设置imgSrc:'/common/images/bg-tv.jpg',hml里双大括号引用。

<image src="{{imgSrc}}" class="image-mode"></image>

页面跳转需引入

import router from '@system.router';

router.push ({
    uri: 'pages/goods/index',
});