怎么引用本地图片呢

<script>

export default {

    name:'HomeIcons',

    data() {

        return{

            icon1:require('@/assets/images/journal-book.png')

        }

    }

}

</script>

<style lang="stylus" scoped>

.icon-img

            position absolute

            top 0

            left 0

            right 0

            bottom .44rem

            box-sizing border-box

            padding .1rem

            background url('icon1') no-repeat no-repeat center

</style>

这样写没用啊