源项目地址:BotUI
使用教程
效果图如下:https://www.georgie.cn/me/
下载压缩包,解压到主题目录下的plugs里
例如:/www/wwwroot/www.georgie.cn/wp-content/themes/Sakura-master/plugs
核心代码
<div class="botui-app-container" id="home-demo">
<bot-ui></bot-ui>
</div>
完整代码
<link rel="stylesheet" href="<?=bloginfo('template_url')?>/plugs/botui_dist/botui.min.css" />
<link rel="stylesheet" href="<?=bloginfo('template_url')?>/plugs/botui_dist/botui-theme-default.css" />
<div class="botui-app-container" id="home-demo">
<h4 class="title">与Georgie 对话中...</h4>
<bot-ui></bot-ui>
</div>
<script type="text/javascript" src="<?=bloginfo('template_url')?>/plugs/botui_dist/vue.min.js"></script>
<script src="<?=bloginfo('template_url')?>/plugs/botui_dist/botui.min.js"></script>
<script src="<?=bloginfo('template_url')?>/plugs/botui_dist/botui.data.js"></script>
Comments | NOTHING