2回答

扬_灵

2020-06-04

同学你好，这个问题可以通过类名的绑定来解决

<div
    :class="[classNmae ,'home-book-footer']"
    v-if="showBtn" @click="onMoreClick"
>
    <van-button round custom-class="home-book-btn">{{btnText}}</van-button>
</div>
// 类名操作
computed: {
    classNmae () {
        if (this.title === '免费阅读') {
        return 'readingBtn'
        } else if (this.title === '为你推荐') {
        return 'recommendBtn'
        } else if (this.title === '当前最热') {
        return 'hottestBtn'
        } else if (this.title === '分类') {
        return 'classificationBtn'
    }
},

在computed中根据title的内容进行样式的绑定，然后根据类名来修改样式，当然也可以使用switch来修改类名。感谢你提出的问题，我们尽快改正，祝你学习愉快。

0

1

慕粉15201527929

嗯嗯！好的！细节没注意！

2020-06-04

共1条回复

扬_灵

2020-06-04

同学你好，这个元素我们设置的样式是

.home-book-footer {
    padding: 12px 20px 20px;
}

请问是有什么问题吗？如果不能解决你的问题，可以继续追问。

0

1

慕粉15201527929

设计稿里面只有免费阅读那个模块底部btn的padding-top是12px，为你推荐和当前最热模块都不是12px，你可以看一下设计稿

2020-06-04

共1条回复