app/admin/view/index/watermark.html

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

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

<style>
    .locate-select { text-align: center; }
    .locate-select .layui-form-radio { margin: 0; padding: 0; margin-top: -3.5px; }
    .locate-select .clearfix { overflow: visible; }
    .locate-select div.layui-col-xs4 { border: 1px solid #d8d8d8; height: 45px; margin-left: -1px; margin-top: -1px; line-height: 45px; }
</style>
<div class="layui-card js-view-watermark">
    <div class="layui-card-header">水印设置</div>
    <div class="layui-card-body">
        <form class="layui-form w700" method="post" action="{:U('Index/watermark')}" lay-label-w100>
            <div class="layui-form-item">
                <label class="layui-form-label">水印功能</label>
                <div class="layui-input-block">
                    <input type="checkbox" name="is_enable" lay-skin="switch" lay-text="开启|关闭" value="1" {$data.is_enable?'checked':''} unvalue="0"/>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">水印类型</label>
                <div class="layui-input-block">
                    <input type="radio" name="type" value="text" title="文字" lay-filter="watermark_type" {if !isset($data.type)||$data.type!='img'}checked{/if} unvalue="0"/>
                    <input type="radio" name="type" value="img" title="图片" lay-filter="watermark_type" {if isset($data.type) && $data.type=='img'}checked{/if} unvalue="0">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">水印条件</label>
                <div class="layui-input-block">
                    <div class="block clearfix">
                        <div class="layui-input-inline">
                            <input type="text" name="min_width" value="{$data.min_width??'200'}" vtype="unsignedint" placeholder="请输入图片宽度" autocomplete="off" class="layui-input" maxlength="4"/>
                        </div>
                        <div class="layui-form-mid layui-word-aux">图片宽度 单位像素(px)</div>
                    </div>
                    <div class="block clearfix mt5">
                        <div class="layui-input-inline">
                            <input type="text" name="min_height" value="{$data.min_height??'50'}" vtype="unsignedint" placeholder="请输入图片高度" autocomplete="off" class="layui-input" maxlength="4"/>
                        </div>
                        <div class="layui-form-mid layui-word-aux">图片高度 单位像素(px)</div>
                    </div>
                    <p class="cl-999 f12 mt5">提示：图片宽度和高度至少要达到以上像素才能添加水印</p>
                </div>
            </div>
            <div class="js-type-img {if !isset($data.type) || $data.type!='img'}hide{/if}">
                <div class="layui-form-item">
                    <label class="layui-form-label">水印图片</label>
                    <div class="layui-input-block">
                        {imgspace name="img" value="$data.img|default='/static/images/rrzcms.png'" title="水印图片" watermark='false' /}
                        <p class="cl-999 f12 mt5">最佳显示尺寸为240*60像素，水印尺寸大于图片尺寸将无法添加水印</p>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label">JPEG 水印质量</label>
                    <div class="layui-input-block">
                        <div class="js-quality" style="top: 18px;"></div>
                        <p class="cl-999 f12 mt25">水印质量请设置为 0-100 之间的数字,决定 jpg 格式图片的质量</p>
                    </div>
                </div>
            </div>
            <div class="js-type-text {if isset($data.type) && $data.type=='img'}hide{/if}">
                <div class="layui-form-item">
                    <label class="layui-form-label">水印文字</label>