app/admin/view/template/extract_html.html

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

微信扫码关注公众号，代码整理好后第一时间通知你。

<style>
    select { border: 1px solid #e7e7e7; box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align:middle; }
    select { position: relative; height: 30px; line-height: 28px; padding: 0 5px; text-align: left; cursor: pointer; }
</style>

<div class="layui-card js-view-extractHtml">
    <div class="layui-card-header">
        <a class="cl-38f" target="page" href="{:U('Template/fileList')}?path={$dir|urlencode}">文件列表</a> / 修改页面内容
    </div>
    <div class="layui-card-body">
        <form class="layui-form" method="post" action="{:U('Template/extractHtml')}">
            <input name="path" value="{$path}" type="hidden"/>
            {foreach $list as $key=>$val}
            {if $val.type=='ads'}
            {assign name="ad" value="$val.value" /}
            <div class="layui-form-item">
                <label class="layui-form-label">{$key+1}：轮播图</label>
                <div class="layui-input-block">
                    <button class="layui-btn layui-btn-normal layui-btn-sm mt5 js-add-ads" type="button"> + 添加 </button>
                    <div class="js-ads-list mt10">
                        {foreach $ad['items'] as $k=>$item}
                        <div class="w300 bd-ddd inline-block mr10 mb10 p5 pr" data-key="{$key}" data-k="{$k}">
                            <?php $imgName='ads['.$key.']['.$k.'][img]'; ?>
                            <div>
                                <div class="imgspace" style="width:300px;height:100px;" lay-type-img lay-up>
                                    <img class="tips-img" src="{$item.img??''}" lay-upsrc>
                                    <input type="hidden" name="{$imgName}" value="{$item.img??''}" lay-upvalue>
                                </div>
                            </div>
                            <input placeholder="http://" name="ads[{$key}][{$k}][url]" value="{$item.url}" class="layui-input w200 lineblock"/>
                            <select name="ads[{$key}][{$k}][target]" lay-ignore>
                                <option value="_blank" {if $item.target=='_blank'}selected{/if}>_blank</option>
                                <option value="_self" {if $item.target=='_self'}selected{/if}>_self</option>
                            </select>
                            <input placeholder="标题" name="ads[{$key}][{$k}][title]" value="{$item.title}" class="layui-input mt5"/>
                            <i class="close-modal">×</i>
                        </div>
                        {/foreach}
                    </div>
                </div>
            </div>
            {elseif $val.type=='links'/}
            {assign name="link" value="$val.value" /}
            <div class="layui-form-item">
                <label class="layui-form-label">{$key+1}：链接组</label>
                <div class="layui-input-block">
                    <button class="layui-btn layui-btn-normal layui-btn-sm mt5 js-add-links" type="button"> + 添加 </button>
                    <div class="js-links-list mt10">
                        {foreach $link['items'] as $k=>$item}
                        <div class="w200 bd-ddd inline-block mr10 mb10 p5 pr" data-key="{$key}" data-k="{$k}">
                            <input placeholder="链接标题" name="links[{$key}][{$k}][title]" value="{$item.title}" class="layui-input"/>
                            <input placeholder="链接地址：http://" name="links[{$key}][{$k}][url]" value="{$item.url}" class="layui-input mt5"/>
                            <div class="mt5">
                                <label>打开方式：</label>
                                <select name="links[{$key}][{$k}][target]" lay-ignore>
                                    <option value="_blank" {if $item.target=='_blank'}selected{/if}>_blank</option>
                                    <option value="_self" {if $item.target=='_self'}selected{/if}>_self</option>
                                </select>
                            </div>
                            <i class="close-modal">×</i>