<template>
    <view class="shopdetailPinglun">
        <view class="item" v-for="item in content1" :key="item">{{item}}</view>
    </view>
</template>

<script>
export default {
    name:'shopdetailPinglun',
    props:{
        content:{
            type:String
        }
    },
    data(){
        return{
            content1:[]
        }
    },
    mounted(){
        this.content1=this.content.split(',')
    },
    methods:{

    }

}
</script>

<style lang="scss">
.shopdetailPinglun{
    width: 523upx;
    color: #666666;
    font-size: 21upx;
    line-height: 49upx;
    text-align: center;
    display: flex;
    flex-wrap: wrap;

    .item{
        // width: 191upx;
        height: 49upx;
        margin-right: 26upx;
        padding: 10upx 20upx;
        background-color: #FEF5F6;
        margin-bottom: 19upx;
        border-radius: 25upx;
    }
}
</style>