<template>
    <view class="b-rules c-gap-inner-top-large c-gap-inner-bottom-large c-gap-inner-left-boundary c-gap-inner-right-boundary">
        <view 
            v-if="title"
            class="rules-tit c-font-big c-gap-bottom-small">
            {{ title }}
        </view>
        <view
            v-if="rules && rules.length"
            class="rules-list c-color-normal">
            <view
                v-for="(rule, ruleIndex) in rules"
                :key="ruleIndex"
                class="rules-item">
                {{ rule }}
            </view>
        </view>
    </view>
</template>

<script>
/**
* @file gh/makeorder/rules
* @author wangying51
*/
export default {
    config: {
        component: true
    },
    props: {
        title: String,
        rules: Array
    },
    data() {
        return {
        };
    },
    components: {
    },
    methods: {
    },
    mounted() {
    }
};
</script>
<style lang="less" scoped>
.b-rules {
    .rules-tit {
        color: #333;
        font-weight: bold;
    }
    .rules-list {
        font-size: .14rem;
        line-height: .23rem;
    }
    .rules-item {
        display: flex;
        align-items: flex-start;
        &::before {
            content: '*';
            display: inline-block;
            color: #ff6050;
            margin-right: .08rem;
            position: relative;
            top: .03rem;
            font-size: .17rem;
        }
    }
}
</style>


