{extend name="public/container"}
{block name="content"}
<style>
    .backlog-body {
        padding: 10px 15px;
        background-color: #f8f8f8;
        color: #999;
        border-radius: 2px;
        transition: all .3s;
        text-align: center;
        -webkit-transition: all .3s;
        overflow: hidden;
        max-height: 100%;
    }

    .backlog-body h3 {
        margin-bottom: 10px;
    }


    .backlog-body p cite {
        font-style: normal;
        font-size: 17px;
        font-weight: 300;
        color: #009688;
    }
</style>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12 layui-col-sm12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-header">门店详情</div>
                <div class="layui-card-body">
                    <ul class="layui-row layui-col-space10 layui-this">
                        {volist name='store_info' id='vo'}
                        {if trim($vo.value)}
                        <li class="layui-col-xs<?= isset($vo['col']) ? $vo['col'] : 4 ?>">
                            <div class="backlog-body">
                                <h3>{$vo.name}</h3>
                                <p>
                                    <cite {if isset($vo['color'])} style="color: {$vo['color']}" {/if}>
                                    {if $vo['image']}
                                    <img src="{$vo.value}" style="width: 100px">
                                    {else /}
                                    {$vo.value}
                                    {/if}
                                    </cite>
                                </p>
                            </div>
                        </li>
                        {/if}
                        {/volist}
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="{__ADMIN_PATH}js/layuiList.js"></script>
{/block}