<template>
    <div class="shop-info-wrapper">
        <div class="shop-info-base-wrapper">
            <img :src="shopImg" class="shop-info-cover">
            <div class="shop-info-base">
                <span class="ET3 EC12">{{shopName}}<br/></span>
                <span class="ET6 EC11">{{learnPeople}}人在学</span>
            </div>
        </div>
        <div class="shop-info-enter-btn ET6 EC11 theme-customize-font theme-customize-border">进店看看 &gt;</div>
    </div>
</template>
<script>
export default {
    data(){
        return {
            shopName:'十点读书',
            learnPeople:1200,
            shopImg:'http://wechatapppro-1252524126.file.myqcloud.com/apppcHqlTPT3482/image/cmVzb3VyY2Utc2hvcFNldHRpbmctNTEwNzIzODA.jpg'
        }
    }
}
</script>
<style lang="scss" scoped>
.shop-info-wrapper{
    padding:0.4rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
    .shop-info-base-wrapper{
        display: inline-flex;
        align-items: center;
        .shop-info-cover{
            width:1rem;
            height:1rem;
            border-radius: 50%;
            border:0.02rem solid #E2E2E2;
        }
        .shop-info-base{
            display: inline-block;
            margin-left:0.2rem;
        }
    }
}
</style>
