index.html 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <!--
  2. * @Description: 首页
  3. * @Author: zhuoda
  4. * @Date: 2021-08-03
  5. * @LastEditTime: 2022-06-23
  6. * @LastEditors: zhuoda
  7. -->
  8. <!doctype html>
  9. <html lang="en" id="htmlRoot">
  10. <head>
  11. <meta charset="UTF-8"/>
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  13. <meta name="renderer" content="webkit"/>
  14. <meta name="viewport"
  15. content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
  16. <title>%VITE_APP_TITLE%</title>
  17. <link rel="icon" href="/favicon.ico"/>
  18. <!-- 引入钉钉文件 -->
  19. <script src="https://g.alicdn.com/dingding/dinglogin/0.0.5/ddLogin.js"></script>
  20. </head>
  21. <body>
  22. <div id="app"></div>
  23. <script type="module" src="/src/main.js"></script>
  24. <!--<link rel="stylesheet" crossorigin href="https://g.alicdn.com/aliyun-documentation/web-chatbot-ui/0.0.16/index.css"/>-->
  25. <!--<script type="module" crossorigin-->
  26. <!-- src="https://g.alicdn.com/aliyun-documentation/web-chatbot-ui/0.0.16/index.js"></script>-->
  27. <script>
  28. // window.CHATBOT_CONFIG = {
  29. // endpoint: 'https://web-chatbot-syz-sreocqjwnr.cn-hangzhou.fcapp.run/chat',
  30. // displayByDefault: false,
  31. // aiChatOptions: {
  32. // conversationOptions: {
  33. // conversationStarters: [
  34. // {prompt: 'IT需求提报怎么提?'},
  35. // {prompt: '信息化专员的职责是什么?'},
  36. // {prompt: '需求的优先级如何划分?'},
  37. // {prompt: '公司的考勤制度是什么?'},
  38. // {prompt: '补卡的期限是如何规定的?'},
  39. // {prompt: '旷工扣几倍工资?'},
  40. // ],
  41. // },
  42. // displayOptions: {
  43. // height: 600,
  44. // },
  45. // personaOptions: {
  46. // assistant: {
  47. // name: '你好,我是德才云AI助手',
  48. // avatar: 'https://img.alicdn.com/imgextra/i2/O1CN01Pda9nq1YDV0mnZ31H_!!6000000003025-54-tps-120-120.apng',
  49. // tagline: '这些问题被提问的最多:',
  50. // },
  51. // },
  52. // messageOptions: {
  53. // waitTimeBeforeStreamCompletion: 'never',
  54. // },
  55. // },
  56. // dataProcessor: {
  57. // rewritePrompt(prompt) {
  58. // return prompt;
  59. // },
  60. // },
  61. // };
  62. </script>
  63. <style>
  64. :root {
  65. --webchat-toolbar-background-color: #1677ff;
  66. --webchat-toolbar-text-color: #fff;
  67. }
  68. /* webchat 对话框如果被遮挡,可以尝试通过 z-index、bottom、right 等设置 来调整*/
  69. .webchat-container {
  70. z-index: 100;
  71. bottom: 10px;
  72. right: 10px;
  73. }
  74. /* webchat 的唤起按钮如果被遮挡,可以尝试通过 z-index、bottom、right 等设置 来调整。也可以通过 CSS 进一步定制唤起按钮的形状、大小等。 */
  75. .webchat-bubble-tip {
  76. z-index: 99;
  77. bottom: 20px;
  78. right: 20px;
  79. }
  80. </style>
  81. </body>
  82. </html>