vue中 props中的变量能否在less中使用

<template>

<div class="floor">
    <text class="name">{{conf.name}}</text>
</div>

</template>

<style scoped lang="less">

// 想在这里使用props传递过来的值
@background: {{conf.background}};

.floor {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 120px;
}
.name {
    height: 72px;
    line-height: 72px;
    padding-left: 60px;
    padding-right: 60px;
    color: #fff;
    font-size: 42px;
    text-align: center;
    border-radius: 50px;
    background-color: @background;
}

</style>

<script>
export default {

 props: ['conf']

}
</script>

阅读 2.8k
评论
    3 个回答
    • 307

    神奇的思路,题主,你运行成功么??

      相似问题
      推荐文章