app/admin/view/goods/sku/sku-group.html

（开头部分） 21KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<style>
    .main-whiteBox { background-color: #fff; border: solid 1px #e7e7e7; }
    .sku-group .group-title { position: relative; padding: 7px 10px; margin: 0; background-color: #f8f8f8; }
    .sku-value, .sku-item { display: inline-block; background: #f8f8f8; border: 1px solid #bbb; border-radius: 2px; padding: 2px 10px; position: relative; cursor: pointer; }
    .sku-item { background: #fff; }
    .sku-value { padding: 0; margin: 8px 12px 0 0; line-height:0; }
    .sku-list .sku-value:nth-child(4n) { margin-right: 0; }
    .sku-value .text { display: inline-block; font-size: 12px; height: 24px; line-height: 24px; width: 80px; text-align: center; padding: 0px 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
    .sku-group .sku-add { margin: 10px 0 0 5px; color: #38f; text-decoration: none; display: inline-block; vertical-align: top; font-size: 12px; cursor: pointer; }
    .sku-group .close-modal {display:none;}
    .sku-group .group-title:hover .close-modal, .sku-group .sku-value:hover .close-modal { display: block; }

    .select-popup { border: 1px solid #e7e7e7; position: relative; outline: none; overflow-y: auto; background-color: #fff; max-height: 224px; text-align: left; }
    .select-popup .select-option, .select-popup .select-empty { background-color: #fff; display: block; outline: none; padding: 5px 10px; text-overflow: ellipsis; overflow: hidden; white-space: normal; font-size: 12px; line-height: 18px; -webkit-user-select: none; user-select: none; cursor: default; }
    .select-popup .select-empty { color: #999; }
    .select-popup .select-option:hover, .select-popup .select-option.current { background-color: #38f; border-color: #38f; color: #fff; }
    .select-popup .select-option.active { color: #38f; }
    .select-popup .select-option.active:hover, .select-popup .select-option.current.active { color: #fff; }
</style>
<div class="main-whiteBox p5">
    {if isset($row['skus'])}
    {foreach name="row['skus']" item="item"}
    <div class="sku-group p5">
        <div class="group-title flex">
            <i class="close-modal">×</i>
            <div>规格名：
                <div class="sku-item" data-id="{$item.id}" data-name="{$item.name}">
                    <span class="text">{$item.name}</span>
                </div>
            </div>
            <div class="flex-1"></div>
        </div>
        <div class="group-container flex p10">
            <div class="pt10">规格值：</div>
            <div class="sku-list flex-1">
                {foreach name="item['values']" item="sku"}
                <div class="sku-value" data-id="{$sku.id}" data-name="{$sku.value}">
                    <span class="text">{$sku.value}</span>
                    <i class="close-modal">×</i>
                </div>
                {/foreach}
                <span class="sku-add">添加规格值</span>
            </div>
        </div>
    </div>
    {/foreach}
    {/if}
    <div class="sku-group p5">
        <div class="group-title">
            <button class="layui-btn layui-btn-primary layui-btn-sm js-add-sku {:count($row['skus']??[])>=3?'disabled':''}" type="button">添加规格项目</button>
            <span class="f12">最多支持 3 组规格</span>
        </div>
    </div>
</div>
<script type="text/template" class="jstpl-sku-group">
    <div class="group-title flex">
        <i class="close-modal">×</i>
        <div>规格名：<div class="sku-item"><span class="text">&nbsp;</span></div></div>
        <div class="flex-1"></div>
    </div>
后面还有 365 行代码，解锁后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 积分/个。 规则说明

AI 解读

登录后可用，每次 10 积分，解读结果公开显示在下面。

还没有人解读过这个文件。