<template>
    <view 
        v-if="notice && tipLogo"
        class="tip"
    >
        <view class="c-gap-right-xsmall">
            <image class="tip-img" :src="tipLogo"/>
        </view>
        <view class="c-font-13 c-color-333"> {{ notice }} </view>
    </view>
</template>

<script>
/**
 * @file 温馨提示
 * @author chenhongfan
 * @categories 基础组件
 * @tags [component]
 */
export default {
    config: {
        component: true
    },
    props: {
        tipLogo: {
            type: String,
            default: ''
        },
        notice: {
            type: String,
            default: ''
        }
    },
    data() {
        return {};
    },
};

</script>

<style lang="less" scoped>
.tip {
    margin: .1rem .1rem;
    display: flex;
    padding: .12rem .15rem;
    background-color: #FFF4ED;
    border-radius: .06rem;
    &-img {
        width: 15px;
        height: 15px;
    }
    &-text {
        flex: 1;
    }
}
</style>
