<!-- 侧边栏 - 布局 - 容器设置 -->
<div id="offcanvas-layout-config" class="am-offcanvas module-offcanvas-container">
    <div class="am-offcanvas-bar">
        <div class="am-offcanvas-content am-padding-0">
            <form class="am-form form-validation-layout-config" request-type="sync" request-value="FormBackLayoutConfig">
                <!-- 基础样式 -->
                <div class="am-panel am-panel-default">
                    <div class="am-panel-hd">基础样式</div>
                    <div class="am-panel-bd">
                        <!-- 背景色 -->
                        {{include file="../../../layout/view/public/style/background_color" key="" required="" /}}

                        <!-- 边线颜色 -->
                        {{include file="../../../layout/view/public/style/color" key="_border" required="" name="边线颜色"  /}}
                    </div>
                </div>

                <!-- 中屏样式 -->
                <div class="am-panel am-panel-default">
                    <div class="am-panel-hd">中屏样式</div>
                    <div class="am-panel-bd">
                        <!-- 圆角 -->
                        {{include file="../../../layout/view/public/style/border_radius" key="_md" required="" /}}

                        <!-- 边线类型 -->
                        {{include file="../../../layout/view/public/style/border_style_4" key="_md" /}}

                        <!-- 边线大小 -->
                        {{include file="../../../layout/view/public/style/border_width_4" key="_md" /}}

                        <!-- 外边距 -->
                        {{include file="../../../layout/view/public/style/margin_4" key="_md" /}}

                        <!-- 内边距 -->
                        {{include file="../../../layout/view/public/style/padding_4" key="_md" /}}
                    </div>
                </div>

                <!-- 小屏样式 -->
                <div class="am-panel am-panel-default">
                    <div class="am-panel-hd">小屏样式</div>
                    <div class="am-panel-bd">
                        <!-- 圆角 -->
                        {{include file="../../../layout/view/public/style/border_radius" key="_sm" required="" /}}

                        <!-- 边线类型 -->
                        {{include file="../../../layout/view/public/style/border_style_4" key="_sm" /}}

                        <!-- 边线大小 -->
                        {{include file="../../../layout/view/public/style/border_width_4" key="_sm" /}}

                        <!-- 外边距 -->
                        {{include file="../../../layout/view/public/style/margin_4" key="_sm" /}}

                        <!-- 内边距 -->
                        {{include file="../../../layout/view/public/style/padding_4" key="_sm" /}}
                    </div>
                </div>

                <!-- 大屏样式 -->
                <div class="am-panel am-panel-default">
                    <div class="am-panel-hd">大屏样式</div>
                    <div class="am-panel-bd">
                        <!-- 圆角 -->
                        {{include file="../../../layout/view/public/style/border_radius" key="_lg" required="" /}}

                        <!-- 边线类型 -->
                        {{include file="../../../layout/view/public/style/border_style_4" key="_lg" /}}

                        <!-- 边线大小 -->
                        {{include file="../../../layout/view/public/style/border_width_4" key="_lg" /}}

                        <!-- 外边距 -->
                        {{include file="../../../layout/view/public/style/margin_4" key="_lg" /}}

                        <!-- 内边距 -->
                        {{include file="../../../layout/view/public/style/padding_4" key="_lg" /}}
                    </div>
                </div>

                <div class="form-submit-container">
                    <button type="submit" class="am-btn am-btn-primary am-radius am-btn-xs am-btn-block" data-am-loading="{loadingText: '处理中...'}">确认</button>  
                </div>
            </form>
        </div>
    </div>
</div>