源项目地址: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>

芜湖收工!演示效果

https://www.georgie.cn/me/


GeorgieのBlog,分享生活的点点滴滴,分享代码干货