book_admin/application/admin/view/wechat/subscribe/text.html

<style>
    .page-content {
        background-color: #fff;
        position: relative;
        margin: 0;
        padding: 8px 20px 24px;
    }

    .panel-heading {
        padding: 10px 15px;
        border-bottom: 1px solid transparent;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .panel-heading span {
        font-size: 16px;
    }

    input[type=checkbox].ace, input[type=radio].ace {
        opacity: 0;
        position: absolute;
        z-index: 1;
        width: 18px;
        height: 18px;
        cursor: pointer;
    }

    input[type=checkbox].ace.ace-switch+.lbl {
        margin: 0 4px;
        min-height: 24px;
    }
    input[type=checkbox].ace+.lbl, input[type=radio].ace+.lbl {
        position: relative;
        display: inline-block;
        margin: 0;
        line-height: 20px;
        min-height: 18px;
        min-width: 18px;
        font-weight: 400;
        cursor: pointer;
    }
    input[type=checkbox].ace.ace-switch.ace-switch-4:checked+.lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::before {
        text-indent: 7px;
    }
    input[type=checkbox].ace.ace-switch.ace-switch-4:checked+.lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::before {
        background-color: #468fcc;
        border-color: #468FCC;
    }
    input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
        text-indent: -33px;
    }
    input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::before, input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::before {
        content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
        font-size: 12px;
        line-height: 21px;
        height: 24px;
        overflow: hidden;
        border-radius: 12px;
        background-color: #8b9aa3;
        border: 1px solid #8b9aa3;
        color: #FFF;
        width: 56px;
        text-shadow: 0 0 0 #FFF;
        display: inline-block;
        position: relative;
        box-shadow: none;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    input[type=checkbox].ace.ace-switch:checked+.lbl::before {
        text-indent: 8px;
        color: #FFF;
        text-shadow: 0 0 0 #FFF;
        background-color: #8ab2c9;
        border-color: #6a8ca8;
    }
    input[type=checkbox].ace.ace-switch+.lbl::before {
        font-family: 'Open Sans';
        content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
        color: #999;
        text-shadow: 0 0 0 #999;
        font-weight: 400;
        font-size: 11px;
        line-height: 17px;
        height: 20px;
        overflow: hidden;
        border-radius: 12px;
        background-color: #F5F5F5;
        -webkit-box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.15);
        box-shadow: inset 0 1px 1px 0 rgba(0,0,0,.15);
        border: 1px solid #CCC;
        text-align: left;
        float: left;
        padding: 0;
        width: 52px;
        text-indent: -21px;
        margin-right: 0;
        -webkit-transition: text-indent .3s ease;
        -o-transition: text-indent .3s ease;
        transition: text-indent .3s ease;
        top: auto;
    }
    input[type=checkbox].ace:checked+.lbl::before, input[type=radio].ace:checked+.lbl::before {
        display: inline-block;
        content: '\f00c';
        background-color: #F5F8FC;
        border-color: #adb8c0;
        box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1);
    }
    input[type=checkbox].ace+.lbl::before, input[type=radio].ace+.lbl::before {
        cursor: pointer;
        font-family: fontAwesome;
        font-weight: 400;
        font-size: 12px;
        color: #32a3ce;
        content: "\a0";
        background-color: #FAFAFA;
        border: 1px solid #c8c8c8;
        box-shadow: 0 1px 2px rgba(0,0,0,.05);
        border-radius: 0;
        display: inline-block;
        text-align: center;
        height: 16px;
        line-height: 14px;
        min-width: 16px;
        margin-right: 1px;
        position: relative;
        top: -1px;
    }
    input[type=checkbox].ace.ace-switch.ace-switch-4:checked+.lbl::after, input[type=checkbox].ace.ace-switch.ace-switch-5:checked+.lbl::after {
        left: 34px;
        background-color: #FFF;
        color: #848484;
    }
    input[type=checkbox].ace.ace-switch.btn-empty+.lbl::after {
        content: "";
    }
    input[type=checkbox].ace.ace-switch.ace-switch-4+.lbl::after, input[type=checkbox].ace.ace-switch.ace-switch-5+.lbl::after {
        font-size: 11px;
        position: absolute;
        top: 2px;
        left: 2px;
        letter-spacing: 0;
        width: 20px;
        height: 20px;
        line-height: 19px;
        text-shadow: none!important;
        color: #939393;
        background-color: #FFF;
        -webkit-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
    }
    input[type=checkbox].ace.ace-switch:checked+.lbl::after {
        left: 34px;
        background-color: #FFF;
        color: #98A0A5;
    }
    input[type=checkbox].ace.ace-switch+.lbl::after {
        font-family: 'Open Sans';
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0;
        color: #AAA;
        text-shadow: none;
        background-color: #FFF;
        border-radius: 100%;
        width: 22px;
        height: 22px;
        line-height: 22px;
        text-align: center;
        position: absolute;
        top: -2px;
        left: -3px;
        -webkit-box-shadow: 0 1px 1px 1px rgba(0,0,0,.3);
        box-shadow: 0 1px 1px 1px rgba(0,0,0,.3);
        -webkit-transition: left .3s ease;
        -o-transition: left .3s ease;
        transition: left .3s ease;
    }

    .btn-primary, .btn-primary:focus {
        background-color: #2E78E2 !important;
        border-color: #2E78E2;
    }

    .modal-body {
        position: relative;
        padding: 15px;
    }

    .modal-footer {
        padding-top: 12px;
        padding-bottom: 14px;
        border-top-color: #e4e9ee;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #eff3f8;
    }

    .modal-footer {
        padding: 15px;
        text-align: right;
        border-top: 1px solid #e5e5e5;
    }

</style>
<div class="page-content">
    <div class="page-content-area">
        <div class="row">
            <div class="col-xs-12">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <span>启用自动回复</span>
                        <div class="pull-left">
                            <label>
                                <input name="setting_enabled" class="ace ace-switch ace-switch-4 btn-empty" type="checkbox" {$status=='normal'?'checked=""':''}>
                                <span class="lbl"></span>
                            </label>
                        </div>
                    </div>
                    <div class="panel-body" style="{$status=='normal' ? 'display:block' : 'display:none'}">
                        <div class="form-group">
                            <div class="col-sm-12" style="margin: 10px 0;">
                                <label style="margin-right: 10px;">
                                    <input type="radio" name="reply_type" value="default">
                                    <span>系统默认</span>
                                </label>
                                <label style="margin-right: 10px;">
                                    <input type="radio" name="reply_type" value="text" checked="checked">
                                    <span>文字模式</span>
                                </label>
                                <label style="margin-right: 10px;">
                                    <input type="radio" name="reply_type" value="news">
                                    <span>图文模式</span>
                                </label>
                            </div>
                        </div>
                        <div class="setting-panel setting-1">
                            <div id="content-main">
                                <div style="margin-top: 10px; color: red;font-size: small;" class="col-xs-12">
                                    <span>点击+号，在弹出的窗口中，即可设置跳转的小说及章节</span>
                                </div>
                                <div style="margin-top: 15px;" class="col-xs-12">
                                    <div class="col-xs-6" style="border-style: solid;border-color: #DBDBDB;">
                                        <div style="font-size: 3em; margin-top: 50px;" class="col-xs-2">
                                            <i class="fa fa-user-circle-o" aria-hidden="true"></i>
                                        </div>
                                        <div class="col-xs-10 well" style="margin-top:20px;border-radius:10px;">
                                            <div>
                                                <span>欢迎关注「{$gzhName}」，点击下方继续阅读</span>
                                            </div>
                                            <div class="set-reply-info">
                                                <div style="margin-top:10px;cursor: pointer; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;" class="list-num js-continue-read-item">
                                  <span style="color: blue;" class="setting-novel">
                                                                  《我的女孩》主角慕千菡、牧逸风                                                      </span>
                                                    <i style="margin-left: 5px;" title="" class="fa fa-trash-o text-danger js-tooltip delete_novel" aria-hidden="true" data-original-title="删除"></i>
                                                </div>
                                                <div style="margin-top:10px;cursor: pointer; overflow: hidden; text-overflow:ellipsis; white-space:nowrap;" class="list-num js-continue-read-item">
                                  <span style="color: blue;" class="setting-novel">
                                                                  《冷总心系俏佳人》第4章 正义的小小敏                                                      </span>
                                                    <i style="margin-left: 5px;" title="" class="fa fa-trash-o text-danger js-tooltip delete_novel" aria-hidden="true" data-original-title="删除"></i>
                                                </div>
                                            </div>
                                            <div style="font-size:2em;margin-left:5px;margin-top:5px;cursor: pointer;">
                                                <i data-toggle="add-novel" class="fa fa-plus-square-o fa-4 js-tooltip" title="" aria-hidden="true" data-original-title="添加"></i>
                                            </div>
                                            <div style="margin-top: 10px">
                                                <span>为了方便下次阅读，请置顶公众号</span>
                                            </div>
                                            <div style="margin-top: 10px">
                                                <span>回复“签到”，最高可获得65书币!</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div style="margin-top: 20px;" class="col-xs-6">
                                    <button type="button" class="save-text-reply btn btn-primary">保存</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- PAGE CONTENT ENDS -->
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.page-content-area -->
</div>


<div class="modal-body" id="edit-apply-info" style="display: none">
    <form class="form-horizontal" id="url-setting">
        <div class="form-group">
            <label class="control-label col-sm-2">链接地址</label>
            <div class="col-sm-7">
                <input id="c-referral_url" class="form-control selectpage" name="referral_url" type="text" value="">
            </div>
            <div class="dropdown" style="display: inline-block">
                <button type="button" class="btn btn-primary " data-toggle="dropdown">
                    <i class="fa fa-plus"></i>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="#" data-toggle="create-referral-link" data-type="1">首页推广</a></li>
                    <li><a href="#" data-toggle="create-referral-link" data-type="0">小说推广</a></li>
                </ul>
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-sm-2">显示格式</label>
            <div class="col-sm-7">
                <select data-bind="value: display_type">
                    <option value="1">《小说名称》第X章 章节标题</option>
                </select>
            </div>
        </div>
        <div class="modal-footer">
            <button type="button" class="btn btn-primary btn-url-save" data-bind="click: submit">保存</button>
        </div>
    </form>
</div>
<style>
    .sp_result_area {
        width: 500px;
    }
</style>