<template>
    <view class="card-item-bottom c-font-normal">
        <view class="c-gap-right-xsmall">查看更多</view>
        <view class="card-item-bottom__icon">
            <c-icon
                name="right"
                font-size="12px"
                class="card-item-bottom__icon__detail"
            />
        </view>
    </view>
</template>

<script>
/**
 * @file 卡片底部查看更多按钮
 * @categories 业务组件
 * @tags [component]
 * @author shizhongwei02
 */
import CIcon from '@baidu/med-ui/components/Icon/Icon';
export default {
    config: {
        component: true
    },
    components: {
        CIcon
    }
}; 
</script>
<style lang="less" scoped>
.card-item-bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .115rem 0;
    border-top: 1px solid #f1f1f1;
    color: #1F1F1F;
    &__icon {
        width: .16rem;
        height: .16rem;
        display: flex;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        padding: .01rem;
        background: #f5f5f5;
        &__detail {
            margin-top: .01rem;
            margin-left: .02rem;
            font-size: .12rem;
            font-weight: bold;
        }
    }
}
</style>
