caimei-applets-store/components/views/cm-floor-title/cm-floor-title.vue

<template>
    <view class="floor-title">
        <text class="title" v-text="title"></text>
        <view class="more" @click="$emit('click')">
            <text v-text="moreText"></text> <text class="iconfont icon-chakangengduo"> </text>
        </view>
    </view>
</template>

<script>
export default {
    name: 'cm-floor-title',
    props: {
        title: {
            type: String,
            default: '标题'
        },
        moreText: {
            type: String,
            default: '查看更多'
        }
    }
}
</script>

<style lang="scss" scoped>
// 楼层标题
.floor-title {
    @extend .cm-flex-between;
    padding: 24rpx;

    .title {
        @include ellipsis(1);
        max-width: 600rpx;
        font-size: 34rpx;
        font-weight: 600;
        color: #333333;
    }

    .more {
        font-size: 26rpx;
        color: #999999;

        .iconfont {
            font-size: 24rpx;
        }
    }
}
</style>