完善组件显示

This commit is contained in:
2022-10-21 21:05:34 +08:00
parent 9db8fe1d5f
commit b951bbbec8
6 changed files with 30 additions and 53 deletions

View File

@@ -4,6 +4,7 @@
<!-- <link rel="stylesheet" href="/static/css/{$Request.cookie.skin_name|default='skin-1'}.css"> -->
<link rel="stylesheet" href="/static/css/common.css">
<!-- <link rel="stylesheet" href="/cdn/layui-ul-change.css"> -->
<link rel="stylesheet" href="/static/lib/prism/prism.css">
<link rel="stylesheet" href="/cdn/layui-ul.css">
<link rel="stylesheet" href="/cdn/layui-ul-mb.css">
<script src="/static/lib/jquery/jquery-3.4.1.min.js"></script>
@@ -11,5 +12,6 @@
<script src="/static/lib/layui/layui.js"></script>
<script src="/static/js/common.js"></script>
<script src="/static/lib/vue/vue.global.js"></script>
<script src="/static/lib/prism/prism.js"></script>
{:get_system_config('site_tongji')}

View File

@@ -64,7 +64,7 @@
<div class="ql-snow">
<div class="ql-editor">{$model_post->content_html|raw}</div>
</div>
<div class="demo-page" id="app-demo-page">
<div class="demo-page" id="app-demo-page" data-prismjs-copy="复制" data-prismjs-copy-error="复制失败" data-prismjs-copy-success="复制成功!">
{$model_post->demo_page|raw}
{volist name='model_post->components' id='vo'}
@@ -104,16 +104,16 @@
</ul>
<div class="layui-tab-content" style="padding:0">
<div class="layui-tab-item layui-show">
<pre class="layui-code" style="margin: 0;">{$vo.html}</pre>
<pre style="margin: 0;max-height: 400px;" class="line-numbers code-preview"><code class="language-html">{$vo.html}</code></pre>
</div>
<div class="layui-tab-item ">
<pre class="layui-code" style="margin: 0;">{$vo.scss|raw}</pre>
<pre style="margin: 0;max-height: 400px;" class="line-numbers code-preview"><code class="language-scss">{$vo.scss}</code></pre>
</div>
<div class="layui-tab-item">
<pre class="layui-code" style="margin: 0;">{$vo.css|raw}</pre>
<pre style="margin: 0;max-height: 400px;" class="line-numbers code-preview"><code class="language-css">{$vo.css}</code></pre>
</div>
<div class="layui-tab-item">
<pre class="layui-code" style="margin: 0;">{$vo.uniapp|raw}</pre>
<pre style="margin: 0;max-height: 400px;" class="line-numbers code-preview"><code class="language-html">{$vo.uniapp}</code></pre>
</div>
</div>
</div>
@@ -273,6 +273,8 @@
$('.component-item').each(function (index, elem) {
createApp({
data() {
return {
@@ -280,10 +282,12 @@
padding: $(elem).data('padding'),
gray: $(elem).data('gray'),
}
}
},
}).mount(elem)
})
$('.code-preview').css('width', $('.main-content').width() + 'px')
</script>
</body>