igamebox
/
mtb_dcatadmin_plus


			
				
					
						
						
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
							
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Editor</title>
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link rel="stylesheet" href="/vendor/grapes/grapes.min.css">
    <script src="/vendor/grapes/grapes.min.js"></script>
    <script src="/vendor/grapes/jquery-3.6.0.min.js"></script>
    <link href="/vendor/grapes/layui/css/layui.css" rel="stylesheet">
    <script src="/vendor/grapes/layui/layui.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/font-awesome.min.css">
    <style>
        body, html {
            height: 100%;
            margin: 0;
        }
        .gjs-mdl-dialog {
            background-color: white;
            color: #333;
        }
        .gjs-cv-canvas-bg {
            width: 100%;
        }
        /*.gjs-pn-views-container {*/
        /*    display: none;*/
        /*}*/
        /*.gjs-pn-views {*/
        /*    border: none;*/
        /*}*/

        .gjs-pn-options {
            right: unset;
            left: 33%;
        }
        .gjs-pn-buttons {
            text-align: right;
            display:block;
        }

        /* 美化下拉选择框 */
        .custom-select {
            margin-left: 10px;
            padding: 3px 16px; /* 增加内边距，为下拉内容留出空位 */
            font-size: 14px; /* 字体大小 */
            color: #444; /* 字体颜色 */
            background-color: #fff; /* 背景颜色 */
            border: 1px solid #ddd; /* 边框 */
            border-radius: 4px; /* 圆角 */
            outline: none; /* 去掉聚焦时的默认边框 */
            cursor: pointer; /* 鼠标指针样式 */
            transition: all 0.3s ease; /* 过渡效果 */
            appearance: none; /* 移除默认的下拉箭头 */
            position: relative; /* 为下拉箭头定位 */
        }

        /* 悬停效果 */
        .custom-select:hover {
            background-color: #f8f8f8; /* 悬停时的背景颜色 */
            border-color: #ccc; /* 悬停时的边框颜色 */
        }

        /* 聚焦效果 */
        .custom-select:focus {
            border-color: #ccc; /* 聚焦时的边框颜色 */
            box-shadow: 0 0 5px rgba(0, 123, 255, 0.2); /* 聚焦时的阴影 */
        }

        /* 下拉箭头样式 */
        .custom-select::after {
            content: '\f0d7'; /* FontAwesome 下拉箭头图标 */
            font-family: 'FontAwesome';
            position: absolute;
            right: 8px; /* 调整箭头位置，使其与右边距对齐 */
            top: 50%;
            transform: translateY(-50%);
            pointer-events: none; /* 防止点击事件 */
            color: #444; /* 下拉箭头颜色 */
        }

    </style>
</head>
<body>
<div id="gjs">
    {!!$html!!}
</div>
<script>
    var siteMenu = {!!$siteMenu!!};
    var mid= {!!$mid!!};
</script>
<script src="/vendor/grapes/grapes.init.js"></script>
</body>
</html>