qimall/backend/views/components/common/diy/style-components/merchant-info/style1.php

<template id="merchant-info-style1">
    <div>
        <diy-store-info 
            :list="merchData.merchantList" 
            :component-style="componentStyle" 
            :computed-style="computedStyle" 
            :merch-data="merchData"
            :btn-style="btnStyle"
            :border-bottom="true"
        ></diy-store-info>
    </div>
</template>

<script>
    Vue.component('merchant-info-style1', {
        name: "merchant-info-style1",
        props: {
            activeItem: {
                type: Object,
                default () {
                    return {}
                }
            },
            btnStyle: {
                type: Object,
                default: () => {}
            },
            componentStyle: {
                type: Object,
                default: () => {}
            },
            computedStyle: {
                type: Object,
                default: () => {}
            },
            merchData: {
                type: Object,
                default: () => {}
            }
        },
        template: '#merchant-info-style1',
        data() {
            return {

            }
        },
        computed: {
        },
        methods: {
            updataCheck(name) {
                let content = this.activeItem.data && this.activeItem.data.content
                if (content && content.length >= 0) {
                    return content.includes(name)
                } else {
                    return true
                }
            },
        }
    });
</script>

<style>
    /* .diy-store-info {
        border-bottom: 1px solid red;
    }
    .diy-store-info:last-child {
        border-bottom: none !important;
        margin-bottom: 0 !important;
    } */
</style>