42 lines
1.7 KiB
HTML
42 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<title>Chat示例</title>
|
||
<!-- 第三方库：JQuery-UI - 主要用于提供基础的UI控件 -->
|
||
<link
|
||
rel="stylesheet"
|
||
href="https://npm.onmicrosoft.cn/jquery-ui@1.14.1/dist/themes/base/theme.css"
|
||
/>
|
||
|
||
<!-- 你的 CSS 样式代码，都放在这里 -->
|
||
<link rel="stylesheet" href="assets/css/index.css" />
|
||
<link rel="stylesheet" href="assets/css/chat.css" />
|
||
</head>
|
||
|
||
<body>
|
||
<div id="messages" class="max-h-[200px] overflow-y-auto"></div>
|
||
|
||
<div id="input-container">
|
||
<textarea id="input" class="" ></textarea>
|
||
<div class="flex-1">
|
||
<button id="send" class="ui-button ui-widget ui-corner-all">发送</button>
|
||
<button id="stop" class="ui-button ui-widget ui-corner-all">停止</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 幕间官方SDK -->
|
||
<script src="https://npm.onmicrosoft.cn/@mujian/js-sdk@0.0.6-beta.37/dist/umd/index.js"></script>
|
||
<!-- 第三方库：JQuery - 主要用于提供便利地操作页面元素的函数 -->
|
||
<script src="https://npm.onmicrosoft.cn/jquery@3.7.1/dist/jquery.min.js"></script>
|
||
<!-- 第三方库：JQuery-UI - 主要用于提供基础的UI控件 -->
|
||
<script src="https://npm.onmicrosoft.cn/jquery-ui@1.14.1/dist/jquery-ui.min.js"></script>
|
||
<!-- 第三方库：fontawesome - 主要用于提供图标 -->
|
||
<script src="https://npm.onmicrosoft.cn/@fortawesome/fontawesome-free@7.1.0/js/all.min.js"></script>
|
||
|
||
<!-- 你的 JS 代码，都放在这里 -->
|
||
<script src="assets/js/chat.js"></script>
|
||
</body>
|
||
</html>
|