wails实现腾讯元器bot

简朴记载工具的一个模块

后端

Api调用

登录 腾讯元器 后创建智能体，按自己的需求来创建，发布后要等等审核。
​

​
等发布完成后点击调用api即可，这里可以看到user_id​, assistant_id​，token​参数
​

​
使用github.com/chenmingyong0423/go-yuanqi​这个封装好了的库来调用api，根据demo的使用（这里以非流式 API 交互为例子），要注意更改一处，原先的chat.Chat()​改为chat.Session()​（作者的demo中没有及时更新使用）,如下：

1. package main
3. import (
4.         "context"
5.         "fmt"
6.         "github.com/chenmingyong0423/go-yuanqi"
7.         "log"
8.         "time"
9. )
11. /**
12. * @Author Lockly
13. * @Description
14. * @Date 2024/7/1
15. **/
17. func main() {
18.         chat := yuanqi.NewChat("assistant_id", "user_id", "token", yuanqi.WithAssistantVersion(""), yuanqi.WithTimeOut(10*time.Second))
19.         // 上面的参数依次填入
20.         session := chat.Session().WithStream(false).WithChatType("published")
23.         textContent := yuanqi.NewContentBuilder().Text("hi").Build()
25.         // 图片消息要启用插件故没有使用
26.         message := yuanqi.NewMessageBuilder().
27.                 Role("user").
28.                 Content(textContent).Build()
30.         resp, err := session.AddMessages(message).Request(context.Background())
31.         if err != nil {
32.                 log.Fatal(err)
33.         }
35.         // 如果只想要获得ai的回答
36.         fmt.Println(resp.Choices[0].Message.Content)
37. }

复制代码

简朴封装一下即可，传入题目获取复兴，上面的三个参数从配置中获取。简朴说一下在wails的app.go（其他注册了的一样）中界说方法，下令行wails dev​启动之后会自动参加wailsjs供前端调用:
​

​
简朴界说一下：

1. func (a *App) ChatWithAI(content string, config *share.Config) string {
2.         resp, err := service.Chat(content, a.config)
3.         if err != nil {
4.                 log.Logger.Error("ERR 获取AI回复失败")
5.                 return err.Error()
6.         }
7.         return resp
8. }

复制代码

前端

界面

前端要调用先引入import {ChatWithAI} from "../../../wailsjs/go/cli/App";​，然后显示用的naive ui的组件, 针对于配置，可以增加一个页面（模态框，抽屉都可以的）举行修改，其他有须要的可以看着添加。

1.     <n-log
2.   <n-config-provider :hljs="hljs">
3.     <my-app />
4.   </n-config-provider>language="naive-log"
5.   <n-config-provider :hljs="hljs">
6.     <my-app />
7.   </n-config-provider>font-size="14"
8.   <n-config-provider :hljs="hljs">
9.     <my-app />
10.   </n-config-provider>:log="chatData"
11.   <n-config-provider :hljs="hljs">
12.     <my-app />
13.   </n-config-provider>:loading="waiting"
14.   <n-config-provider :hljs="hljs">
15.     <my-app />
16.   </n-config-provider>line-height="1.5"
17.   <n-config-provider :hljs="hljs">
18.     <my-app />
19.   </n-config-provider>rows="27.5"
20.   <n-config-provider :hljs="hljs">
21.     <my-app />
22.   </n-config-provider>
23.     /><n-modal v-model:show="showModal">
24.     <n-log
25.   <n-config-provider :hljs="hljs">
26.     <my-app />
27.   </n-config-provider>language="naive-log"
28.   <n-config-provider :hljs="hljs">
29.     <my-app />
30.   </n-config-provider>font-size="14"
31.   <n-config-provider :hljs="hljs">
32.     <my-app />
33.   </n-config-provider>:log="chatData"
34.   <n-config-provider :hljs="hljs">
35.     <my-app />
36.   </n-config-provider>:loading="waiting"
37.   <n-config-provider :hljs="hljs">
38.     <my-app />
39.   </n-config-provider>line-height="1.5"
40.   <n-config-provider :hljs="hljs">
41.     <my-app />
42.   </n-config-provider>rows="27.5"
43.   <n-config-provider :hljs="hljs">
44.     <my-app />
45.   </n-config-provider>
46.     />  <n-card
47.     <n-log
48.   <n-config-provider :hljs="hljs">
49.     <my-app />
50.   </n-config-provider>language="naive-log"
51.   <n-config-provider :hljs="hljs">
52.     <my-app />
53.   </n-config-provider>font-size="14"
54.   <n-config-provider :hljs="hljs">
55.     <my-app />
56.   </n-config-provider>:log="chatData"
57.   <n-config-provider :hljs="hljs">
58.     <my-app />
59.   </n-config-provider>:loading="waiting"
60.   <n-config-provider :hljs="hljs">
61.     <my-app />
62.   </n-config-provider>line-height="1.5"
63.   <n-config-provider :hljs="hljs">
64.     <my-app />
65.   </n-config-provider>rows="27.5"
66.   <n-config-provider :hljs="hljs">
67.     <my-app />
68.   </n-config-provider>
69.     />    <n-log
70.   <n-config-provider :hljs="hljs">
71.     <my-app />
72.   </n-config-provider>language="naive-log"
73.   <n-config-provider :hljs="hljs">
74.     <my-app />
75.   </n-config-provider>font-size="14"
76.   <n-config-provider :hljs="hljs">
77.     <my-app />
78.   </n-config-provider>:log="chatData"
79.   <n-config-provider :hljs="hljs">
80.     <my-app />
81.   </n-config-provider>:loading="waiting"
82.   <n-config-provider :hljs="hljs">
83.     <my-app />
84.   </n-config-provider>line-height="1.5"
85.   <n-config-provider :hljs="hljs">
86.     <my-app />
87.   </n-config-provider>rows="27.5"
88.   <n-config-provider :hljs="hljs">
89.     <my-app />
90.   </n-config-provider>
91.     />  
92.     <n-log
93.   <n-config-provider :hljs="hljs">
94.     <my-app />
95.   </n-config-provider>language="naive-log"
96.   <n-config-provider :hljs="hljs">
97.     <my-app />
98.   </n-config-provider>font-size="14"
99.   <n-config-provider :hljs="hljs">
100.     <my-app />
101.   </n-config-provider>:log="chatData"
102.   <n-config-provider :hljs="hljs">
103.     <my-app />
104.   </n-config-provider>:loading="waiting"
105.   <n-config-provider :hljs="hljs">
106.     <my-app />
107.   </n-config-provider>line-height="1.5"
108.   <n-config-provider :hljs="hljs">
109.     <my-app />
110.   </n-config-provider>rows="27.5"
111.   <n-config-provider :hljs="hljs">
112.     <my-app />
113.   </n-config-provider>
114.     />    <n-log
115.   <n-config-provider :hljs="hljs">
116.     <my-app />
117.   </n-config-provider>language="naive-log"
118.   <n-config-provider :hljs="hljs">
119.     <my-app />
120.   </n-config-provider>font-size="14"
121.   <n-config-provider :hljs="hljs">
122.     <my-app />
123.   </n-config-provider>:log="chatData"
124.   <n-config-provider :hljs="hljs">
125.     <my-app />
126.   </n-config-provider>:loading="waiting"
127.   <n-config-provider :hljs="hljs">
128.     <my-app />
129.   </n-config-provider>line-height="1.5"
130.   <n-config-provider :hljs="hljs">
131.     <my-app />
132.   </n-config-provider>rows="27.5"
133.   <n-config-provider :hljs="hljs">
134.     <my-app />
135.   </n-config-provider>
136.     />  title="AI Assistant"
137.     <n-log
138.   <n-config-provider :hljs="hljs">
139.     <my-app />
140.   </n-config-provider>language="naive-log"
141.   <n-config-provider :hljs="hljs">
142.     <my-app />
143.   </n-config-provider>font-size="14"
144.   <n-config-provider :hljs="hljs">
145.     <my-app />
146.   </n-config-provider>:log="chatData"
147.   <n-config-provider :hljs="hljs">
148.     <my-app />
149.   </n-config-provider>:loading="waiting"
150.   <n-config-provider :hljs="hljs">
151.     <my-app />
152.   </n-config-provider>line-height="1.5"
153.   <n-config-provider :hljs="hljs">
154.     <my-app />
155.   </n-config-provider>rows="27.5"
156.   <n-config-provider :hljs="hljs">
157.     <my-app />
158.   </n-config-provider>
159.     />    <n-log
160.   <n-config-provider :hljs="hljs">
161.     <my-app />
162.   </n-config-provider>language="naive-log"
163.   <n-config-provider :hljs="hljs">
164.     <my-app />
165.   </n-config-provider>font-size="14"
166.   <n-config-provider :hljs="hljs">
167.     <my-app />
168.   </n-config-provider>:log="chatData"
169.   <n-config-provider :hljs="hljs">
170.     <my-app />
171.   </n-config-provider>:loading="waiting"
172.   <n-config-provider :hljs="hljs">
173.     <my-app />
174.   </n-config-provider>line-height="1.5"
175.   <n-config-provider :hljs="hljs">
176.     <my-app />
177.   </n-config-provider>rows="27.5"
178.   <n-config-provider :hljs="hljs">
179.     <my-app />
180.   </n-config-provider>
181.     />  :bordered="false"
182.     <n-log
183.   <n-config-provider :hljs="hljs">
184.     <my-app />
185.   </n-config-provider>language="naive-log"
186.   <n-config-provider :hljs="hljs">
187.     <my-app />
188.   </n-config-provider>font-size="14"
189.   <n-config-provider :hljs="hljs">
190.     <my-app />
191.   </n-config-provider>:log="chatData"
192.   <n-config-provider :hljs="hljs">
193.     <my-app />
194.   </n-config-provider>:loading="waiting"
195.   <n-config-provider :hljs="hljs">
196.     <my-app />
197.   </n-config-provider>line-height="1.5"
198.   <n-config-provider :hljs="hljs">
199.     <my-app />
200.   </n-config-provider>rows="27.5"
201.   <n-config-provider :hljs="hljs">
202.     <my-app />
203.   </n-config-provider>
204.     />    <n-log
205.   <n-config-provider :hljs="hljs">
206.     <my-app />
207.   </n-config-provider>language="naive-log"
208.   <n-config-provider :hljs="hljs">
209.     <my-app />
210.   </n-config-provider>font-size="14"
211.   <n-config-provider :hljs="hljs">
212.     <my-app />
213.   </n-config-provider>:log="chatData"
214.   <n-config-provider :hljs="hljs">
215.     <my-app />
216.   </n-config-provider>:loading="waiting"
217.   <n-config-provider :hljs="hljs">
218.     <my-app />
219.   </n-config-provider>line-height="1.5"
220.   <n-config-provider :hljs="hljs">
221.     <my-app />
222.   </n-config-provider>rows="27.5"
223.   <n-config-provider :hljs="hljs">
224.     <my-app />
225.   </n-config-provider>
226.     />  size="huge"
227.     <n-log
228.   <n-config-provider :hljs="hljs">
229.     <my-app />
230.   </n-config-provider>language="naive-log"
231.   <n-config-provider :hljs="hljs">
232.     <my-app />
233.   </n-config-provider>font-size="14"
234.   <n-config-provider :hljs="hljs">
235.     <my-app />
236.   </n-config-provider>:log="chatData"
237.   <n-config-provider :hljs="hljs">
238.     <my-app />
239.   </n-config-provider>:loading="waiting"
240.   <n-config-provider :hljs="hljs">
241.     <my-app />
242.   </n-config-provider>line-height="1.5"
243.   <n-config-provider :hljs="hljs">
244.     <my-app />
245.   </n-config-provider>rows="27.5"
246.   <n-config-provider :hljs="hljs">
247.     <my-app />
248.   </n-config-provider>
249.     />    <n-log
250.   <n-config-provider :hljs="hljs">
251.     <my-app />
252.   </n-config-provider>language="naive-log"
253.   <n-config-provider :hljs="hljs">
254.     <my-app />
255.   </n-config-provider>font-size="14"
256.   <n-config-provider :hljs="hljs">
257.     <my-app />
258.   </n-config-provider>:log="chatData"
259.   <n-config-provider :hljs="hljs">
260.     <my-app />
261.   </n-config-provider>:loading="waiting"
262.   <n-config-provider :hljs="hljs">
263.     <my-app />
264.   </n-config-provider>line-height="1.5"
265.   <n-config-provider :hljs="hljs">
266.     <my-app />
267.   </n-config-provider>rows="27.5"
268.   <n-config-provider :hljs="hljs">
269.     <my-app />
270.   </n-config-provider>
271.     />  role="dialog"
272.     <n-log
273.   <n-config-provider :hljs="hljs">
274.     <my-app />
275.   </n-config-provider>language="naive-log"
276.   <n-config-provider :hljs="hljs">
277.     <my-app />
278.   </n-config-provider>font-size="14"
279.   <n-config-provider :hljs="hljs">
280.     <my-app />
281.   </n-config-provider>:log="chatData"
282.   <n-config-provider :hljs="hljs">
283.     <my-app />
284.   </n-config-provider>:loading="waiting"
285.   <n-config-provider :hljs="hljs">
286.     <my-app />
287.   </n-config-provider>line-height="1.5"
288.   <n-config-provider :hljs="hljs">
289.     <my-app />
290.   </n-config-provider>rows="27.5"
291.   <n-config-provider :hljs="hljs">
292.     <my-app />
293.   </n-config-provider>
294.     />    <n-log
295.   <n-config-provider :hljs="hljs">
296.     <my-app />
297.   </n-config-provider>language="naive-log"
298.   <n-config-provider :hljs="hljs">
299.     <my-app />
300.   </n-config-provider>font-size="14"
301.   <n-config-provider :hljs="hljs">
302.     <my-app />
303.   </n-config-provider>:log="chatData"
304.   <n-config-provider :hljs="hljs">
305.     <my-app />
306.   </n-config-provider>:loading="waiting"
307.   <n-config-provider :hljs="hljs">
308.     <my-app />
309.   </n-config-provider>line-height="1.5"
310.   <n-config-provider :hljs="hljs">
311.     <my-app />
312.   </n-config-provider>rows="27.5"
313.   <n-config-provider :hljs="hljs">
314.     <my-app />
315.   </n-config-provider>
316.     />  aria-modal="true"
317.     <n-log
318.   <n-config-provider :hljs="hljs">
319.     <my-app />
320.   </n-config-provider>language="naive-log"
321.   <n-config-provider :hljs="hljs">
322.     <my-app />
323.   </n-config-provider>font-size="14"
324.   <n-config-provider :hljs="hljs">
325.     <my-app />
326.   </n-config-provider>:log="chatData"
327.   <n-config-provider :hljs="hljs">
328.     <my-app />
329.   </n-config-provider>:loading="waiting"
330.   <n-config-provider :hljs="hljs">
331.     <my-app />
332.   </n-config-provider>line-height="1.5"
333.   <n-config-provider :hljs="hljs">
334.     <my-app />
335.   </n-config-provider>rows="27.5"
336.   <n-config-provider :hljs="hljs">
337.     <my-app />
338.   </n-config-provider>
339.     />  >
340.     <n-log
341.   <n-config-provider :hljs="hljs">
342.     <my-app />
343.   </n-config-provider>language="naive-log"
344.   <n-config-provider :hljs="hljs">
345.     <my-app />
346.   </n-config-provider>font-size="14"
347.   <n-config-provider :hljs="hljs">
348.     <my-app />
349.   </n-config-provider>:log="chatData"
350.   <n-config-provider :hljs="hljs">
351.     <my-app />
352.   </n-config-provider>:loading="waiting"
353.   <n-config-provider :hljs="hljs">
354.     <my-app />
355.   </n-config-provider>line-height="1.5"
356.   <n-config-provider :hljs="hljs">
357.     <my-app />
358.   </n-config-provider>rows="27.5"
359.   <n-config-provider :hljs="hljs">
360.     <my-app />
361.   </n-config-provider>
362.     />    <n-log
363.   <n-config-provider :hljs="hljs">
364.     <my-app />
365.   </n-config-provider>language="naive-log"
366.   <n-config-provider :hljs="hljs">
367.     <my-app />
368.   </n-config-provider>font-size="14"
369.   <n-config-provider :hljs="hljs">
370.     <my-app />
371.   </n-config-provider>:log="chatData"
372.   <n-config-provider :hljs="hljs">
373.     <my-app />
374.   </n-config-provider>:loading="waiting"
375.   <n-config-provider :hljs="hljs">
376.     <my-app />
377.   </n-config-provider>line-height="1.5"
378.   <n-config-provider :hljs="hljs">
379.     <my-app />
380.   </n-config-provider>rows="27.5"
381.   <n-config-provider :hljs="hljs">
382.     <my-app />
383.   </n-config-provider>
384.     /><template #header-extra>
385.     <n-log
386.   <n-config-provider :hljs="hljs">
387.     <my-app />
388.   </n-config-provider>language="naive-log"
389.   <n-config-provider :hljs="hljs">
390.     <my-app />
391.   </n-config-provider>font-size="14"
392.   <n-config-provider :hljs="hljs">
393.     <my-app />
394.   </n-config-provider>:log="chatData"
395.   <n-config-provider :hljs="hljs">
396.     <my-app />
397.   </n-config-provider>:loading="waiting"
398.   <n-config-provider :hljs="hljs">
399.     <my-app />
400.   </n-config-provider>line-height="1.5"
401.   <n-config-provider :hljs="hljs">
402.     <my-app />
403.   </n-config-provider>rows="27.5"
404.   <n-config-provider :hljs="hljs">
405.     <my-app />
406.   </n-config-provider>
407.     />    <n-log
408.   <n-config-provider :hljs="hljs">
409.     <my-app />
410.   </n-config-provider>language="naive-log"
411.   <n-config-provider :hljs="hljs">
412.     <my-app />
413.   </n-config-provider>font-size="14"
414.   <n-config-provider :hljs="hljs">
415.     <my-app />
416.   </n-config-provider>:log="chatData"
417.   <n-config-provider :hljs="hljs">
418.     <my-app />
419.   </n-config-provider>:loading="waiting"
420.   <n-config-provider :hljs="hljs">
421.     <my-app />
422.   </n-config-provider>line-height="1.5"
423.   <n-config-provider :hljs="hljs">
424.     <my-app />
425.   </n-config-provider>rows="27.5"
426.   <n-config-provider :hljs="hljs">
427.     <my-app />
428.   </n-config-provider>
429.     />  配置
430.     <n-log
431.   <n-config-provider :hljs="hljs">
432.     <my-app />
433.   </n-config-provider>language="naive-log"
434.   <n-config-provider :hljs="hljs">
435.     <my-app />
436.   </n-config-provider>font-size="14"
437.   <n-config-provider :hljs="hljs">
438.     <my-app />
439.   </n-config-provider>:log="chatData"
440.   <n-config-provider :hljs="hljs">
441.     <my-app />
442.   </n-config-provider>:loading="waiting"
443.   <n-config-provider :hljs="hljs">
444.     <my-app />
445.   </n-config-provider>line-height="1.5"
446.   <n-config-provider :hljs="hljs">
447.     <my-app />
448.   </n-config-provider>rows="27.5"
449.   <n-config-provider :hljs="hljs">
450.     <my-app />
451.   </n-config-provider>
452.     />    <n-log
453.   <n-config-provider :hljs="hljs">
454.     <my-app />
455.   </n-config-provider>language="naive-log"
456.   <n-config-provider :hljs="hljs">
457.     <my-app />
458.   </n-config-provider>font-size="14"
459.   <n-config-provider :hljs="hljs">
460.     <my-app />
461.   </n-config-provider>:log="chatData"
462.   <n-config-provider :hljs="hljs">
463.     <my-app />
464.   </n-config-provider>:loading="waiting"
465.   <n-config-provider :hljs="hljs">
466.     <my-app />
467.   </n-config-provider>line-height="1.5"
468.   <n-config-provider :hljs="hljs">
469.     <my-app />
470.   </n-config-provider>rows="27.5"
471.   <n-config-provider :hljs="hljs">
472.     <my-app />
473.   </n-config-provider>
474.     /></template>
475.     <n-log
476.   <n-config-provider :hljs="hljs">
477.     <my-app />
478.   </n-config-provider>language="naive-log"
479.   <n-config-provider :hljs="hljs">
480.     <my-app />
481.   </n-config-provider>font-size="14"
482.   <n-config-provider :hljs="hljs">
483.     <my-app />
484.   </n-config-provider>:log="chatData"
485.   <n-config-provider :hljs="hljs">
486.     <my-app />
487.   </n-config-provider>:loading="waiting"
488.   <n-config-provider :hljs="hljs">
489.     <my-app />
490.   </n-config-provider>line-height="1.5"
491.   <n-config-provider :hljs="hljs">
492.     <my-app />
493.   </n-config-provider>rows="27.5"
494.   <n-config-provider :hljs="hljs">
495.     <my-app />
496.   </n-config-provider>
497.     />    <n-log
498.   <n-config-provider :hljs="hljs">
499.     <my-app />
500.   </n-config-provider>language="naive-log"
501.   <n-config-provider :hljs="hljs">
502.     <my-app />
503.   </n-config-provider>font-size="14"
504.   <n-config-provider :hljs="hljs">
505.     <my-app />
506.   </n-config-provider>:log="chatData"
507.   <n-config-provider :hljs="hljs">
508.     <my-app />
509.   </n-config-provider>:loading="waiting"
510.   <n-config-provider :hljs="hljs">
511.     <my-app />
512.   </n-config-provider>line-height="1.5"
513.   <n-config-provider :hljs="hljs">
514.     <my-app />
515.   </n-config-provider>rows="27.5"
516.   <n-config-provider :hljs="hljs">
517.     <my-app />
518.   </n-config-provider>
519.     />  <n-form >
520.     <n-log
521.   <n-config-provider :hljs="hljs">
522.     <my-app />
523.   </n-config-provider>language="naive-log"
524.   <n-config-provider :hljs="hljs">
525.     <my-app />
526.   </n-config-provider>font-size="14"
527.   <n-config-provider :hljs="hljs">
528.     <my-app />
529.   </n-config-provider>:log="chatData"
530.   <n-config-provider :hljs="hljs">
531.     <my-app />
532.   </n-config-provider>:loading="waiting"
533.   <n-config-provider :hljs="hljs">
534.     <my-app />
535.   </n-config-provider>line-height="1.5"
536.   <n-config-provider :hljs="hljs">
537.     <my-app />
538.   </n-config-provider>rows="27.5"
539.   <n-config-provider :hljs="hljs">
540.     <my-app />
541.   </n-config-provider>
542.     />    <n-log
543.   <n-config-provider :hljs="hljs">
544.     <my-app />
545.   </n-config-provider>language="naive-log"
546.   <n-config-provider :hljs="hljs">
547.     <my-app />
548.   </n-config-provider>font-size="14"
549.   <n-config-provider :hljs="hljs">
550.     <my-app />
551.   </n-config-provider>:log="chatData"
552.   <n-config-provider :hljs="hljs">
553.     <my-app />
554.   </n-config-provider>:loading="waiting"
555.   <n-config-provider :hljs="hljs">
556.     <my-app />
557.   </n-config-provider>line-height="1.5"
558.   <n-config-provider :hljs="hljs">
559.     <my-app />
560.   </n-config-provider>rows="27.5"
561.   <n-config-provider :hljs="hljs">
562.     <my-app />
563.   </n-config-provider>
564.     />    <n-log
565.   <n-config-provider :hljs="hljs">
566.     <my-app />
567.   </n-config-provider>language="naive-log"
568.   <n-config-provider :hljs="hljs">
569.     <my-app />
570.   </n-config-provider>font-size="14"
571.   <n-config-provider :hljs="hljs">
572.     <my-app />
573.   </n-config-provider>:log="chatData"
574.   <n-config-provider :hljs="hljs">
575.     <my-app />
576.   </n-config-provider>:loading="waiting"
577.   <n-config-provider :hljs="hljs">
578.     <my-app />
579.   </n-config-provider>line-height="1.5"
580.   <n-config-provider :hljs="hljs">
581.     <my-app />
582.   </n-config-provider>rows="27.5"
583.   <n-config-provider :hljs="hljs">
584.     <my-app />
585.   </n-config-provider>
586.     /><n-form-item-row label="AssistantID">
587.     <n-log
588.   <n-config-provider :hljs="hljs">
589.     <my-app />
590.   </n-config-provider>language="naive-log"
591.   <n-config-provider :hljs="hljs">
592.     <my-app />
593.   </n-config-provider>font-size="14"
594.   <n-config-provider :hljs="hljs">
595.     <my-app />
596.   </n-config-provider>:log="chatData"
597.   <n-config-provider :hljs="hljs">
598.     <my-app />
599.   </n-config-provider>:loading="waiting"
600.   <n-config-provider :hljs="hljs">
601.     <my-app />
602.   </n-config-provider>line-height="1.5"
603.   <n-config-provider :hljs="hljs">
604.     <my-app />
605.   </n-config-provider>rows="27.5"
606.   <n-config-provider :hljs="hljs">
607.     <my-app />
608.   </n-config-provider>
609.     />    <n-log
610.   <n-config-provider :hljs="hljs">
611.     <my-app />
612.   </n-config-provider>language="naive-log"
613.   <n-config-provider :hljs="hljs">
614.     <my-app />
615.   </n-config-provider>font-size="14"
616.   <n-config-provider :hljs="hljs">
617.     <my-app />
618.   </n-config-provider>:log="chatData"
619.   <n-config-provider :hljs="hljs">
620.     <my-app />
621.   </n-config-provider>:loading="waiting"
622.   <n-config-provider :hljs="hljs">
623.     <my-app />
624.   </n-config-provider>line-height="1.5"
625.   <n-config-provider :hljs="hljs">
626.     <my-app />
627.   </n-config-provider>rows="27.5"
628.   <n-config-provider :hljs="hljs">
629.     <my-app />
630.   </n-config-provider>
631.     />    <n-log
632.   <n-config-provider :hljs="hljs">
633.     <my-app />
634.   </n-config-provider>language="naive-log"
635.   <n-config-provider :hljs="hljs">
636.     <my-app />
637.   </n-config-provider>font-size="14"
638.   <n-config-provider :hljs="hljs">
639.     <my-app />
640.   </n-config-provider>:log="chatData"
641.   <n-config-provider :hljs="hljs">
642.     <my-app />
643.   </n-config-provider>:loading="waiting"
644.   <n-config-provider :hljs="hljs">
645.     <my-app />
646.   </n-config-provider>line-height="1.5"
647.   <n-config-provider :hljs="hljs">
648.     <my-app />
649.   </n-config-provider>rows="27.5"
650.   <n-config-provider :hljs="hljs">
651.     <my-app />
652.   </n-config-provider>
653.     />  <n-input v-model:value="data.AssistantID" placeholder="智能体ID"/>
654.     <n-log
655.   <n-config-provider :hljs="hljs">
656.     <my-app />
657.   </n-config-provider>language="naive-log"
658.   <n-config-provider :hljs="hljs">
659.     <my-app />
660.   </n-config-provider>font-size="14"
661.   <n-config-provider :hljs="hljs">
662.     <my-app />
663.   </n-config-provider>:log="chatData"
664.   <n-config-provider :hljs="hljs">
665.     <my-app />
666.   </n-config-provider>:loading="waiting"
667.   <n-config-provider :hljs="hljs">
668.     <my-app />
669.   </n-config-provider>line-height="1.5"
670.   <n-config-provider :hljs="hljs">
671.     <my-app />
672.   </n-config-provider>rows="27.5"
673.   <n-config-provider :hljs="hljs">
674.     <my-app />
675.   </n-config-provider>
676.     />    <n-log
677.   <n-config-provider :hljs="hljs">
678.     <my-app />
679.   </n-config-provider>language="naive-log"
680.   <n-config-provider :hljs="hljs">
681.     <my-app />
682.   </n-config-provider>font-size="14"
683.   <n-config-provider :hljs="hljs">
684.     <my-app />
685.   </n-config-provider>:log="chatData"
686.   <n-config-provider :hljs="hljs">
687.     <my-app />
688.   </n-config-provider>:loading="waiting"
689.   <n-config-provider :hljs="hljs">
690.     <my-app />
691.   </n-config-provider>line-height="1.5"
692.   <n-config-provider :hljs="hljs">
693.     <my-app />
694.   </n-config-provider>rows="27.5"
695.   <n-config-provider :hljs="hljs">
696.     <my-app />
697.   </n-config-provider>
698.     />    <n-log
699.   <n-config-provider :hljs="hljs">
700.     <my-app />
701.   </n-config-provider>language="naive-log"
702.   <n-config-provider :hljs="hljs">
703.     <my-app />
704.   </n-config-provider>font-size="14"
705.   <n-config-provider :hljs="hljs">
706.     <my-app />
707.   </n-config-provider>:log="chatData"
708.   <n-config-provider :hljs="hljs">
709.     <my-app />
710.   </n-config-provider>:loading="waiting"
711.   <n-config-provider :hljs="hljs">
712.     <my-app />
713.   </n-config-provider>line-height="1.5"
714.   <n-config-provider :hljs="hljs">
715.     <my-app />
716.   </n-config-provider>rows="27.5"
717.   <n-config-provider :hljs="hljs">
718.     <my-app />
719.   </n-config-provider>
720.     /></n-form-item-row>
722.     <n-log
723.   <n-config-provider :hljs="hljs">
724.     <my-app />
725.   </n-config-provider>language="naive-log"
726.   <n-config-provider :hljs="hljs">
727.     <my-app />
728.   </n-config-provider>font-size="14"
729.   <n-config-provider :hljs="hljs">
730.     <my-app />
731.   </n-config-provider>:log="chatData"
732.   <n-config-provider :hljs="hljs">
733.     <my-app />
734.   </n-config-provider>:loading="waiting"
735.   <n-config-provider :hljs="hljs">
736.     <my-app />
737.   </n-config-provider>line-height="1.5"
738.   <n-config-provider :hljs="hljs">
739.     <my-app />
740.   </n-config-provider>rows="27.5"
741.   <n-config-provider :hljs="hljs">
742.     <my-app />
743.   </n-config-provider>
744.     />    <n-log
745.   <n-config-provider :hljs="hljs">
746.     <my-app />
747.   </n-config-provider>language="naive-log"
748.   <n-config-provider :hljs="hljs">
749.     <my-app />
750.   </n-config-provider>font-size="14"
751.   <n-config-provider :hljs="hljs">
752.     <my-app />
753.   </n-config-provider>:log="chatData"
754.   <n-config-provider :hljs="hljs">
755.     <my-app />
756.   </n-config-provider>:loading="waiting"
757.   <n-config-provider :hljs="hljs">
758.     <my-app />
759.   </n-config-provider>line-height="1.5"
760.   <n-config-provider :hljs="hljs">
761.     <my-app />
762.   </n-config-provider>rows="27.5"
763.   <n-config-provider :hljs="hljs">
764.     <my-app />
765.   </n-config-provider>
766.     />    <n-log
767.   <n-config-provider :hljs="hljs">
768.     <my-app />
769.   </n-config-provider>language="naive-log"
770.   <n-config-provider :hljs="hljs">
771.     <my-app />
772.   </n-config-provider>font-size="14"
773.   <n-config-provider :hljs="hljs">
774.     <my-app />
775.   </n-config-provider>:log="chatData"
776.   <n-config-provider :hljs="hljs">
777.     <my-app />
778.   </n-config-provider>:loading="waiting"
779.   <n-config-provider :hljs="hljs">
780.     <my-app />
781.   </n-config-provider>line-height="1.5"
782.   <n-config-provider :hljs="hljs">
783.     <my-app />
784.   </n-config-provider>rows="27.5"
785.   <n-config-provider :hljs="hljs">
786.     <my-app />
787.   </n-config-provider>
788.     /><n-form-item-row label="Assistant Name">
789.     <n-log
790.   <n-config-provider :hljs="hljs">
791.     <my-app />
792.   </n-config-provider>language="naive-log"
793.   <n-config-provider :hljs="hljs">
794.     <my-app />
795.   </n-config-provider>font-size="14"
796.   <n-config-provider :hljs="hljs">
797.     <my-app />
798.   </n-config-provider>:log="chatData"
799.   <n-config-provider :hljs="hljs">
800.     <my-app />
801.   </n-config-provider>:loading="waiting"
802.   <n-config-provider :hljs="hljs">
803.     <my-app />
804.   </n-config-provider>line-height="1.5"
805.   <n-config-provider :hljs="hljs">
806.     <my-app />
807.   </n-config-provider>rows="27.5"
808.   <n-config-provider :hljs="hljs">
809.     <my-app />
810.   </n-config-provider>
811.     />    <n-log
812.   <n-config-provider :hljs="hljs">
813.     <my-app />
814.   </n-config-provider>language="naive-log"
815.   <n-config-provider :hljs="hljs">
816.     <my-app />
817.   </n-config-provider>font-size="14"
818.   <n-config-provider :hljs="hljs">
819.     <my-app />
820.   </n-config-provider>:log="chatData"
821.   <n-config-provider :hljs="hljs">
822.     <my-app />
823.   </n-config-provider>:loading="waiting"
824.   <n-config-provider :hljs="hljs">
825.     <my-app />
826.   </n-config-provider>line-height="1.5"
827.   <n-config-provider :hljs="hljs">
828.     <my-app />
829.   </n-config-provider>rows="27.5"
830.   <n-config-provider :hljs="hljs">
831.     <my-app />
832.   </n-config-provider>
833.     />    <n-log
834.   <n-config-provider :hljs="hljs">
835.     <my-app />
836.   </n-config-provider>language="naive-log"
837.   <n-config-provider :hljs="hljs">
838.     <my-app />
839.   </n-config-provider>font-size="14"
840.   <n-config-provider :hljs="hljs">
841.     <my-app />
842.   </n-config-provider>:log="chatData"
843.   <n-config-provider :hljs="hljs">
844.     <my-app />
845.   </n-config-provider>:loading="waiting"
846.   <n-config-provider :hljs="hljs">
847.     <my-app />
848.   </n-config-provider>line-height="1.5"
849.   <n-config-provider :hljs="hljs">
850.     <my-app />
851.   </n-config-provider>rows="27.5"
852.   <n-config-provider :hljs="hljs">
853.     <my-app />
854.   </n-config-provider>
855.     />  <n-input v-model:value="data.AssistantName" placeholder="智能体名称，自定义"/>
856.     <n-log
857.   <n-config-provider :hljs="hljs">
858.     <my-app />
859.   </n-config-provider>language="naive-log"
860.   <n-config-provider :hljs="hljs">
861.     <my-app />
862.   </n-config-provider>font-size="14"
863.   <n-config-provider :hljs="hljs">
864.     <my-app />
865.   </n-config-provider>:log="chatData"
866.   <n-config-provider :hljs="hljs">
867.     <my-app />
868.   </n-config-provider>:loading="waiting"
869.   <n-config-provider :hljs="hljs">
870.     <my-app />
871.   </n-config-provider>line-height="1.5"
872.   <n-config-provider :hljs="hljs">
873.     <my-app />
874.   </n-config-provider>rows="27.5"
875.   <n-config-provider :hljs="hljs">
876.     <my-app />
877.   </n-config-provider>
878.     />    <n-log
879.   <n-config-provider :hljs="hljs">
880.     <my-app />
881.   </n-config-provider>language="naive-log"
882.   <n-config-provider :hljs="hljs">
883.     <my-app />
884.   </n-config-provider>font-size="14"
885.   <n-config-provider :hljs="hljs">
886.     <my-app />
887.   </n-config-provider>:log="chatData"
888.   <n-config-provider :hljs="hljs">
889.     <my-app />
890.   </n-config-provider>:loading="waiting"
891.   <n-config-provider :hljs="hljs">
892.     <my-app />
893.   </n-config-provider>line-height="1.5"
894.   <n-config-provider :hljs="hljs">
895.     <my-app />
896.   </n-config-provider>rows="27.5"
897.   <n-config-provider :hljs="hljs">
898.     <my-app />
899.   </n-config-provider>
900.     />    <n-log
901.   <n-config-provider :hljs="hljs">
902.     <my-app />
903.   </n-config-provider>language="naive-log"
904.   <n-config-provider :hljs="hljs">
905.     <my-app />
906.   </n-config-provider>font-size="14"
907.   <n-config-provider :hljs="hljs">
908.     <my-app />
909.   </n-config-provider>:log="chatData"
910.   <n-config-provider :hljs="hljs">
911.     <my-app />
912.   </n-config-provider>:loading="waiting"
913.   <n-config-provider :hljs="hljs">
914.     <my-app />
915.   </n-config-provider>line-height="1.5"
916.   <n-config-provider :hljs="hljs">
917.     <my-app />
918.   </n-config-provider>rows="27.5"
919.   <n-config-provider :hljs="hljs">
920.     <my-app />
921.   </n-config-provider>
922.     /></n-form-item-row>
924.     <n-log
925.   <n-config-provider :hljs="hljs">
926.     <my-app />
927.   </n-config-provider>language="naive-log"
928.   <n-config-provider :hljs="hljs">
929.     <my-app />
930.   </n-config-provider>font-size="14"
931.   <n-config-provider :hljs="hljs">
932.     <my-app />
933.   </n-config-provider>:log="chatData"
934.   <n-config-provider :hljs="hljs">
935.     <my-app />
936.   </n-config-provider>:loading="waiting"
937.   <n-config-provider :hljs="hljs">
938.     <my-app />
939.   </n-config-provider>line-height="1.5"
940.   <n-config-provider :hljs="hljs">
941.     <my-app />
942.   </n-config-provider>rows="27.5"
943.   <n-config-provider :hljs="hljs">
944.     <my-app />
945.   </n-config-provider>
946.     />    <n-log
947.   <n-config-provider :hljs="hljs">
948.     <my-app />
949.   </n-config-provider>language="naive-log"
950.   <n-config-provider :hljs="hljs">
951.     <my-app />
952.   </n-config-provider>font-size="14"
953.   <n-config-provider :hljs="hljs">
954.     <my-app />
955.   </n-config-provider>:log="chatData"
956.   <n-config-provider :hljs="hljs">
957.     <my-app />
958.   </n-config-provider>:loading="waiting"
959.   <n-config-provider :hljs="hljs">
960.     <my-app />
961.   </n-config-provider>line-height="1.5"
962.   <n-config-provider :hljs="hljs">
963.     <my-app />
964.   </n-config-provider>rows="27.5"
965.   <n-config-provider :hljs="hljs">
966.     <my-app />
967.   </n-config-provider>
968.     />    <n-log
969.   <n-config-provider :hljs="hljs">
970.     <my-app />
971.   </n-config-provider>language="naive-log"
972.   <n-config-provider :hljs="hljs">
973.     <my-app />
974.   </n-config-provider>font-size="14"
975.   <n-config-provider :hljs="hljs">
976.     <my-app />
977.   </n-config-provider>:log="chatData"
978.   <n-config-provider :hljs="hljs">
979.     <my-app />
980.   </n-config-provider>:loading="waiting"
981.   <n-config-provider :hljs="hljs">
982.     <my-app />
983.   </n-config-provider>line-height="1.5"
984.   <n-config-provider :hljs="hljs">
985.     <my-app />
986.   </n-config-provider>rows="27.5"
987.   <n-config-provider :hljs="hljs">
988.     <my-app />
989.   </n-config-provider>
990.     /><n-form-item-row label="UserID">
991.     <n-log
992.   <n-config-provider :hljs="hljs">
993.     <my-app />
994.   </n-config-provider>language="naive-log"
995.   <n-config-provider :hljs="hljs">
996.     <my-app />
997.   </n-config-provider>font-size="14"
998.   <n-config-provider :hljs="hljs">
999.     <my-app />
1000.   </n-config-provider>:log="chatData"
1001.   <n-config-provider :hljs="hljs">
1002.     <my-app />
1003.   </n-config-provider>:loading="waiting"
1004.   <n-config-provider :hljs="hljs">
1005.     <my-app />
1006.   </n-config-provider>line-height="1.5"
1007.   <n-config-provider :hljs="hljs">
1008.     <my-app />
1009.   </n-config-provider>rows="27.5"
1010.   <n-config-provider :hljs="hljs">
1011.     <my-app />
1012.   </n-config-provider>
1013.     />    <n-log
1014.   <n-config-provider :hljs="hljs">
1015.     <my-app />
1016.   </n-config-provider>language="naive-log"
1017.   <n-config-provider :hljs="hljs">
1018.     <my-app />
1019.   </n-config-provider>font-size="14"
1020.   <n-config-provider :hljs="hljs">
1021.     <my-app />
1022.   </n-config-provider>:log="chatData"
1023.   <n-config-provider :hljs="hljs">
1024.     <my-app />
1025.   </n-config-provider>:loading="waiting"
1026.   <n-config-provider :hljs="hljs">
1027.     <my-app />
1028.   </n-config-provider>line-height="1.5"
1029.   <n-config-provider :hljs="hljs">
1030.     <my-app />
1031.   </n-config-provider>rows="27.5"
1032.   <n-config-provider :hljs="hljs">
1033.     <my-app />
1034.   </n-config-provider>
1035.     />    <n-log
1036.   <n-config-provider :hljs="hljs">
1037.     <my-app />
1038.   </n-config-provider>language="naive-log"
1039.   <n-config-provider :hljs="hljs">
1040.     <my-app />
1041.   </n-config-provider>font-size="14"
1042.   <n-config-provider :hljs="hljs">
1043.     <my-app />
1044.   </n-config-provider>:log="chatData"
1045.   <n-config-provider :hljs="hljs">
1046.     <my-app />
1047.   </n-config-provider>:loading="waiting"
1048.   <n-config-provider :hljs="hljs">
1049.     <my-app />
1050.   </n-config-provider>line-height="1.5"
1051.   <n-config-provider :hljs="hljs">
1052.     <my-app />
1053.   </n-config-provider>rows="27.5"
1054.   <n-config-provider :hljs="hljs">
1055.     <my-app />
1056.   </n-config-provider>
1057.     />  <n-input v-model:value="data.UserID" placeholder="UserID"/>
1058.     <n-log
1059.   <n-config-provider :hljs="hljs">
1060.     <my-app />
1061.   </n-config-provider>language="naive-log"
1062.   <n-config-provider :hljs="hljs">
1063.     <my-app />
1064.   </n-config-provider>font-size="14"
1065.   <n-config-provider :hljs="hljs">
1066.     <my-app />
1067.   </n-config-provider>:log="chatData"
1068.   <n-config-provider :hljs="hljs">
1069.     <my-app />
1070.   </n-config-provider>:loading="waiting"
1071.   <n-config-provider :hljs="hljs">
1072.     <my-app />
1073.   </n-config-provider>line-height="1.5"
1074.   <n-config-provider :hljs="hljs">
1075.     <my-app />
1076.   </n-config-provider>rows="27.5"
1077.   <n-config-provider :hljs="hljs">
1078.     <my-app />
1079.   </n-config-provider>
1080.     />    <n-log
1081.   <n-config-provider :hljs="hljs">
1082.     <my-app />
1083.   </n-config-provider>language="naive-log"
1084.   <n-config-provider :hljs="hljs">
1085.     <my-app />
1086.   </n-config-provider>font-size="14"
1087.   <n-config-provider :hljs="hljs">
1088.     <my-app />
1089.   </n-config-provider>:log="chatData"
1090.   <n-config-provider :hljs="hljs">
1091.     <my-app />
1092.   </n-config-provider>:loading="waiting"
1093.   <n-config-provider :hljs="hljs">
1094.     <my-app />
1095.   </n-config-provider>line-height="1.5"
1096.   <n-config-provider :hljs="hljs">
1097.     <my-app />
1098.   </n-config-provider>rows="27.5"
1099.   <n-config-provider :hljs="hljs">
1100.     <my-app />
1101.   </n-config-provider>
1102.     />    <n-log
1103.   <n-config-provider :hljs="hljs">
1104.     <my-app />
1105.   </n-config-provider>language="naive-log"
1106.   <n-config-provider :hljs="hljs">
1107.     <my-app />
1108.   </n-config-provider>font-size="14"
1109.   <n-config-provider :hljs="hljs">
1110.     <my-app />
1111.   </n-config-provider>:log="chatData"
1112.   <n-config-provider :hljs="hljs">
1113.     <my-app />
1114.   </n-config-provider>:loading="waiting"
1115.   <n-config-provider :hljs="hljs">
1116.     <my-app />
1117.   </n-config-provider>line-height="1.5"
1118.   <n-config-provider :hljs="hljs">
1119.     <my-app />
1120.   </n-config-provider>rows="27.5"
1121.   <n-config-provider :hljs="hljs">
1122.     <my-app />
1123.   </n-config-provider>
1124.     /></n-form-item-row>
1126.     <n-log
1127.   <n-config-provider :hljs="hljs">
1128.     <my-app />
1129.   </n-config-provider>language="naive-log"
1130.   <n-config-provider :hljs="hljs">
1131.     <my-app />
1132.   </n-config-provider>font-size="14"
1133.   <n-config-provider :hljs="hljs">
1134.     <my-app />
1135.   </n-config-provider>:log="chatData"
1136.   <n-config-provider :hljs="hljs">
1137.     <my-app />
1138.   </n-config-provider>:loading="waiting"
1139.   <n-config-provider :hljs="hljs">
1140.     <my-app />
1141.   </n-config-provider>line-height="1.5"
1142.   <n-config-provider :hljs="hljs">
1143.     <my-app />
1144.   </n-config-provider>rows="27.5"
1145.   <n-config-provider :hljs="hljs">
1146.     <my-app />
1147.   </n-config-provider>
1148.     />    <n-log
1149.   <n-config-provider :hljs="hljs">
1150.     <my-app />
1151.   </n-config-provider>language="naive-log"
1152.   <n-config-provider :hljs="hljs">
1153.     <my-app />
1154.   </n-config-provider>font-size="14"
1155.   <n-config-provider :hljs="hljs">
1156.     <my-app />
1157.   </n-config-provider>:log="chatData"
1158.   <n-config-provider :hljs="hljs">
1159.     <my-app />
1160.   </n-config-provider>:loading="waiting"
1161.   <n-config-provider :hljs="hljs">
1162.     <my-app />
1163.   </n-config-provider>line-height="1.5"
1164.   <n-config-provider :hljs="hljs">
1165.     <my-app />
1166.   </n-config-provider>rows="27.5"
1167.   <n-config-provider :hljs="hljs">
1168.     <my-app />
1169.   </n-config-provider>
1170.     />    <n-log
1171.   <n-config-provider :hljs="hljs">
1172.     <my-app />
1173.   </n-config-provider>language="naive-log"
1174.   <n-config-provider :hljs="hljs">
1175.     <my-app />
1176.   </n-config-provider>font-size="14"
1177.   <n-config-provider :hljs="hljs">
1178.     <my-app />
1179.   </n-config-provider>:log="chatData"
1180.   <n-config-provider :hljs="hljs">
1181.     <my-app />
1182.   </n-config-provider>:loading="waiting"
1183.   <n-config-provider :hljs="hljs">
1184.     <my-app />
1185.   </n-config-provider>line-height="1.5"
1186.   <n-config-provider :hljs="hljs">
1187.     <my-app />
1188.   </n-config-provider>rows="27.5"
1189.   <n-config-provider :hljs="hljs">
1190.     <my-app />
1191.   </n-config-provider>
1192.     /><n-form-item-row label="Token">
1193.     <n-log
1194.   <n-config-provider :hljs="hljs">
1195.     <my-app />
1196.   </n-config-provider>language="naive-log"
1197.   <n-config-provider :hljs="hljs">
1198.     <my-app />
1199.   </n-config-provider>font-size="14"
1200.   <n-config-provider :hljs="hljs">
1201.     <my-app />
1202.   </n-config-provider>:log="chatData"
1203.   <n-config-provider :hljs="hljs">
1204.     <my-app />
1205.   </n-config-provider>:loading="waiting"
1206.   <n-config-provider :hljs="hljs">
1207.     <my-app />
1208.   </n-config-provider>line-height="1.5"
1209.   <n-config-provider :hljs="hljs">
1210.     <my-app />
1211.   </n-config-provider>rows="27.5"
1212.   <n-config-provider :hljs="hljs">
1213.     <my-app />
1214.   </n-config-provider>
1215.     />    <n-log
1216.   <n-config-provider :hljs="hljs">
1217.     <my-app />
1218.   </n-config-provider>language="naive-log"
1219.   <n-config-provider :hljs="hljs">
1220.     <my-app />
1221.   </n-config-provider>font-size="14"
1222.   <n-config-provider :hljs="hljs">
1223.     <my-app />
1224.   </n-config-provider>:log="chatData"
1225.   <n-config-provider :hljs="hljs">
1226.     <my-app />
1227.   </n-config-provider>:loading="waiting"
1228.   <n-config-provider :hljs="hljs">
1229.     <my-app />
1230.   </n-config-provider>line-height="1.5"
1231.   <n-config-provider :hljs="hljs">
1232.     <my-app />
1233.   </n-config-provider>rows="27.5"
1234.   <n-config-provider :hljs="hljs">
1235.     <my-app />
1236.   </n-config-provider>
1237.     />    <n-log
1238.   <n-config-provider :hljs="hljs">
1239.     <my-app />
1240.   </n-config-provider>language="naive-log"
1241.   <n-config-provider :hljs="hljs">
1242.     <my-app />
1243.   </n-config-provider>font-size="14"
1244.   <n-config-provider :hljs="hljs">
1245.     <my-app />
1246.   </n-config-provider>:log="chatData"
1247.   <n-config-provider :hljs="hljs">
1248.     <my-app />
1249.   </n-config-provider>:loading="waiting"
1250.   <n-config-provider :hljs="hljs">
1251.     <my-app />
1252.   </n-config-provider>line-height="1.5"
1253.   <n-config-provider :hljs="hljs">
1254.     <my-app />
1255.   </n-config-provider>rows="27.5"
1256.   <n-config-provider :hljs="hljs">
1257.     <my-app />
1258.   </n-config-provider>
1259.     />  <n-input v-model:value="data.Token" placeholder="Token"/>
1260.     <n-log
1261.   <n-config-provider :hljs="hljs">
1262.     <my-app />
1263.   </n-config-provider>language="naive-log"
1264.   <n-config-provider :hljs="hljs">
1265.     <my-app />
1266.   </n-config-provider>font-size="14"
1267.   <n-config-provider :hljs="hljs">
1268.     <my-app />
1269.   </n-config-provider>:log="chatData"
1270.   <n-config-provider :hljs="hljs">
1271.     <my-app />
1272.   </n-config-provider>:loading="waiting"
1273.   <n-config-provider :hljs="hljs">
1274.     <my-app />
1275.   </n-config-provider>line-height="1.5"
1276.   <n-config-provider :hljs="hljs">
1277.     <my-app />
1278.   </n-config-provider>rows="27.5"
1279.   <n-config-provider :hljs="hljs">
1280.     <my-app />
1281.   </n-config-provider>
1282.     />    <n-log
1283.   <n-config-provider :hljs="hljs">
1284.     <my-app />
1285.   </n-config-provider>language="naive-log"
1286.   <n-config-provider :hljs="hljs">
1287.     <my-app />
1288.   </n-config-provider>font-size="14"
1289.   <n-config-provider :hljs="hljs">
1290.     <my-app />
1291.   </n-config-provider>:log="chatData"
1292.   <n-config-provider :hljs="hljs">
1293.     <my-app />
1294.   </n-config-provider>:loading="waiting"
1295.   <n-config-provider :hljs="hljs">
1296.     <my-app />
1297.   </n-config-provider>line-height="1.5"
1298.   <n-config-provider :hljs="hljs">
1299.     <my-app />
1300.   </n-config-provider>rows="27.5"
1301.   <n-config-provider :hljs="hljs">
1302.     <my-app />
1303.   </n-config-provider>
1304.     />    <n-log
1305.   <n-config-provider :hljs="hljs">
1306.     <my-app />
1307.   </n-config-provider>language="naive-log"
1308.   <n-config-provider :hljs="hljs">
1309.     <my-app />
1310.   </n-config-provider>font-size="14"
1311.   <n-config-provider :hljs="hljs">
1312.     <my-app />
1313.   </n-config-provider>:log="chatData"
1314.   <n-config-provider :hljs="hljs">
1315.     <my-app />
1316.   </n-config-provider>:loading="waiting"
1317.   <n-config-provider :hljs="hljs">
1318.     <my-app />
1319.   </n-config-provider>line-height="1.5"
1320.   <n-config-provider :hljs="hljs">
1321.     <my-app />
1322.   </n-config-provider>rows="27.5"
1323.   <n-config-provider :hljs="hljs">
1324.     <my-app />
1325.   </n-config-provider>
1326.     /></n-form-item-row>
1327.     <n-log
1328.   <n-config-provider :hljs="hljs">
1329.     <my-app />
1330.   </n-config-provider>language="naive-log"
1331.   <n-config-provider :hljs="hljs">
1332.     <my-app />
1333.   </n-config-provider>font-size="14"
1334.   <n-config-provider :hljs="hljs">
1335.     <my-app />
1336.   </n-config-provider>:log="chatData"
1337.   <n-config-provider :hljs="hljs">
1338.     <my-app />
1339.   </n-config-provider>:loading="waiting"
1340.   <n-config-provider :hljs="hljs">
1341.     <my-app />
1342.   </n-config-provider>line-height="1.5"
1343.   <n-config-provider :hljs="hljs">
1344.     <my-app />
1345.   </n-config-provider>rows="27.5"
1346.   <n-config-provider :hljs="hljs">
1347.     <my-app />
1348.   </n-config-provider>
1349.     />    <n-log
1350.   <n-config-provider :hljs="hljs">
1351.     <my-app />
1352.   </n-config-provider>language="naive-log"
1353.   <n-config-provider :hljs="hljs">
1354.     <my-app />
1355.   </n-config-provider>font-size="14"
1356.   <n-config-provider :hljs="hljs">
1357.     <my-app />
1358.   </n-config-provider>:log="chatData"
1359.   <n-config-provider :hljs="hljs">
1360.     <my-app />
1361.   </n-config-provider>:loading="waiting"
1362.   <n-config-provider :hljs="hljs">
1363.     <my-app />
1364.   </n-config-provider>line-height="1.5"
1365.   <n-config-provider :hljs="hljs">
1366.     <my-app />
1367.   </n-config-provider>rows="27.5"
1368.   <n-config-provider :hljs="hljs">
1369.     <my-app />
1370.   </n-config-provider>
1371.     />  </n-form>
1372.     <n-log
1373.   <n-config-provider :hljs="hljs">
1374.     <my-app />
1375.   </n-config-provider>language="naive-log"
1376.   <n-config-provider :hljs="hljs">
1377.     <my-app />
1378.   </n-config-provider>font-size="14"
1379.   <n-config-provider :hljs="hljs">
1380.     <my-app />
1381.   </n-config-provider>:log="chatData"
1382.   <n-config-provider :hljs="hljs">
1383.     <my-app />
1384.   </n-config-provider>:loading="waiting"
1385.   <n-config-provider :hljs="hljs">
1386.     <my-app />
1387.   </n-config-provider>line-height="1.5"
1388.   <n-config-provider :hljs="hljs">
1389.     <my-app />
1390.   </n-config-provider>rows="27.5"
1391.   <n-config-provider :hljs="hljs">
1392.     <my-app />
1393.   </n-config-provider>
1394.     />    <n-log
1395.   <n-config-provider :hljs="hljs">
1396.     <my-app />
1397.   </n-config-provider>language="naive-log"
1398.   <n-config-provider :hljs="hljs">
1399.     <my-app />
1400.   </n-config-provider>font-size="14"
1401.   <n-config-provider :hljs="hljs">
1402.     <my-app />
1403.   </n-config-provider>:log="chatData"
1404.   <n-config-provider :hljs="hljs">
1405.     <my-app />
1406.   </n-config-provider>:loading="waiting"
1407.   <n-config-provider :hljs="hljs">
1408.     <my-app />
1409.   </n-config-provider>line-height="1.5"
1410.   <n-config-provider :hljs="hljs">
1411.     <my-app />
1412.   </n-config-provider>rows="27.5"
1413.   <n-config-provider :hljs="hljs">
1414.     <my-app />
1415.   </n-config-provider>
1416.     /><n-flex justify="space-between">
1417.     <n-log
1418.   <n-config-provider :hljs="hljs">
1419.     <my-app />
1420.   </n-config-provider>language="naive-log"
1421.   <n-config-provider :hljs="hljs">
1422.     <my-app />
1423.   </n-config-provider>font-size="14"
1424.   <n-config-provider :hljs="hljs">
1425.     <my-app />
1426.   </n-config-provider>:log="chatData"
1427.   <n-config-provider :hljs="hljs">
1428.     <my-app />
1429.   </n-config-provider>:loading="waiting"
1430.   <n-config-provider :hljs="hljs">
1431.     <my-app />
1432.   </n-config-provider>line-height="1.5"
1433.   <n-config-provider :hljs="hljs">
1434.     <my-app />
1435.   </n-config-provider>rows="27.5"
1436.   <n-config-provider :hljs="hljs">
1437.     <my-app />
1438.   </n-config-provider>
1439.     />    <n-log
1440.   <n-config-provider :hljs="hljs">
1441.     <my-app />
1442.   </n-config-provider>language="naive-log"
1443.   <n-config-provider :hljs="hljs">
1444.     <my-app />
1445.   </n-config-provider>font-size="14"
1446.   <n-config-provider :hljs="hljs">
1447.     <my-app />
1448.   </n-config-provider>:log="chatData"
1449.   <n-config-provider :hljs="hljs">
1450.     <my-app />
1451.   </n-config-provider>:loading="waiting"
1452.   <n-config-provider :hljs="hljs">
1453.     <my-app />
1454.   </n-config-provider>line-height="1.5"
1455.   <n-config-provider :hljs="hljs">
1456.     <my-app />
1457.   </n-config-provider>rows="27.5"
1458.   <n-config-provider :hljs="hljs">
1459.     <my-app />
1460.   </n-config-provider>
1461.     />  <n-button strong secondary type="primary" @click="submit">保存</n-button>
1462.     <n-log
1463.   <n-config-provider :hljs="hljs">
1464.     <my-app />
1465.   </n-config-provider>language="naive-log"
1466.   <n-config-provider :hljs="hljs">
1467.     <my-app />
1468.   </n-config-provider>font-size="14"
1469.   <n-config-provider :hljs="hljs">
1470.     <my-app />
1471.   </n-config-provider>:log="chatData"
1472.   <n-config-provider :hljs="hljs">
1473.     <my-app />
1474.   </n-config-provider>:loading="waiting"
1475.   <n-config-provider :hljs="hljs">
1476.     <my-app />
1477.   </n-config-provider>line-height="1.5"
1478.   <n-config-provider :hljs="hljs">
1479.     <my-app />
1480.   </n-config-provider>rows="27.5"
1481.   <n-config-provider :hljs="hljs">
1482.     <my-app />
1483.   </n-config-provider>
1484.     />    <n-log
1485.   <n-config-provider :hljs="hljs">
1486.     <my-app />
1487.   </n-config-provider>language="naive-log"
1488.   <n-config-provider :hljs="hljs">
1489.     <my-app />
1490.   </n-config-provider>font-size="14"
1491.   <n-config-provider :hljs="hljs">
1492.     <my-app />
1493.   </n-config-provider>:log="chatData"
1494.   <n-config-provider :hljs="hljs">
1495.     <my-app />
1496.   </n-config-provider>:loading="waiting"
1497.   <n-config-provider :hljs="hljs">
1498.     <my-app />
1499.   </n-config-provider>line-height="1.5"
1500.   <n-config-provider :hljs="hljs">
1501.     <my-app />
1502.   </n-config-provider>rows="27.5"
1503.   <n-config-provider :hljs="hljs">
1504.     <my-app />
1505.   </n-config-provider>
1506.     />  <n-button strong secondary type="info" @click="reset">清空</n-button>
1507.     <n-log
1508.   <n-config-provider :hljs="hljs">
1509.     <my-app />
1510.   </n-config-provider>language="naive-log"
1511.   <n-config-provider :hljs="hljs">
1512.     <my-app />
1513.   </n-config-provider>font-size="14"
1514.   <n-config-provider :hljs="hljs">
1515.     <my-app />
1516.   </n-config-provider>:log="chatData"
1517.   <n-config-provider :hljs="hljs">
1518.     <my-app />
1519.   </n-config-provider>:loading="waiting"
1520.   <n-config-provider :hljs="hljs">
1521.     <my-app />
1522.   </n-config-provider>line-height="1.5"
1523.   <n-config-provider :hljs="hljs">
1524.     <my-app />
1525.   </n-config-provider>rows="27.5"
1526.   <n-config-provider :hljs="hljs">
1527.     <my-app />
1528.   </n-config-provider>
1529.     />    <n-log
1530.   <n-config-provider :hljs="hljs">
1531.     <my-app />
1532.   </n-config-provider>language="naive-log"
1533.   <n-config-provider :hljs="hljs">
1534.     <my-app />
1535.   </n-config-provider>font-size="14"
1536.   <n-config-provider :hljs="hljs">
1537.     <my-app />
1538.   </n-config-provider>:log="chatData"
1539.   <n-config-provider :hljs="hljs">
1540.     <my-app />
1541.   </n-config-provider>:loading="waiting"
1542.   <n-config-provider :hljs="hljs">
1543.     <my-app />
1544.   </n-config-provider>line-height="1.5"
1545.   <n-config-provider :hljs="hljs">
1546.     <my-app />
1547.   </n-config-provider>rows="27.5"
1548.   <n-config-provider :hljs="hljs">
1549.     <my-app />
1550.   </n-config-provider>
1551.     /></n-flex>
1552.     <n-log
1553.   <n-config-provider :hljs="hljs">
1554.     <my-app />
1555.   </n-config-provider>language="naive-log"
1556.   <n-config-provider :hljs="hljs">
1557.     <my-app />
1558.   </n-config-provider>font-size="14"
1559.   <n-config-provider :hljs="hljs">
1560.     <my-app />
1561.   </n-config-provider>:log="chatData"
1562.   <n-config-provider :hljs="hljs">
1563.     <my-app />
1564.   </n-config-provider>:loading="waiting"
1565.   <n-config-provider :hljs="hljs">
1566.     <my-app />
1567.   </n-config-provider>line-height="1.5"
1568.   <n-config-provider :hljs="hljs">
1569.     <my-app />
1570.   </n-config-provider>rows="27.5"
1571.   <n-config-provider :hljs="hljs">
1572.     <my-app />
1573.   </n-config-provider>
1574.     />    <n-log
1575.   <n-config-provider :hljs="hljs">
1576.     <my-app />
1577.   </n-config-provider>language="naive-log"
1578.   <n-config-provider :hljs="hljs">
1579.     <my-app />
1580.   </n-config-provider>font-size="14"
1581.   <n-config-provider :hljs="hljs">
1582.     <my-app />
1583.   </n-config-provider>:log="chatData"
1584.   <n-config-provider :hljs="hljs">
1585.     <my-app />
1586.   </n-config-provider>:loading="waiting"
1587.   <n-config-provider :hljs="hljs">
1588.     <my-app />
1589.   </n-config-provider>line-height="1.5"
1590.   <n-config-provider :hljs="hljs">
1591.     <my-app />
1592.   </n-config-provider>rows="27.5"
1593.   <n-config-provider :hljs="hljs">
1594.     <my-app />
1595.   </n-config-provider>
1596.     /><template #footer>
1597.     <n-log
1598.   <n-config-provider :hljs="hljs">
1599.     <my-app />
1600.   </n-config-provider>language="naive-log"
1601.   <n-config-provider :hljs="hljs">
1602.     <my-app />
1603.   </n-config-provider>font-size="14"
1604.   <n-config-provider :hljs="hljs">
1605.     <my-app />
1606.   </n-config-provider>:log="chatData"
1607.   <n-config-provider :hljs="hljs">
1608.     <my-app />
1609.   </n-config-provider>:loading="waiting"
1610.   <n-config-provider :hljs="hljs">
1611.     <my-app />
1612.   </n-config-provider>line-height="1.5"
1613.   <n-config-provider :hljs="hljs">
1614.     <my-app />
1615.   </n-config-provider>rows="27.5"
1616.   <n-config-provider :hljs="hljs">
1617.     <my-app />
1618.   </n-config-provider>
1619.     />    <n-log
1620.   <n-config-provider :hljs="hljs">
1621.     <my-app />
1622.   </n-config-provider>language="naive-log"
1623.   <n-config-provider :hljs="hljs">
1624.     <my-app />
1625.   </n-config-provider>font-size="14"
1626.   <n-config-provider :hljs="hljs">
1627.     <my-app />
1628.   </n-config-provider>:log="chatData"
1629.   <n-config-provider :hljs="hljs">
1630.     <my-app />
1631.   </n-config-provider>:loading="waiting"
1632.   <n-config-provider :hljs="hljs">
1633.     <my-app />
1634.   </n-config-provider>line-height="1.5"
1635.   <n-config-provider :hljs="hljs">
1636.     <my-app />
1637.   </n-config-provider>rows="27.5"
1638.   <n-config-provider :hljs="hljs">
1639.     <my-app />
1640.   </n-config-provider>
1641.     />  ❗目前仅支持腾讯元器
1642.     <n-log
1643.   <n-config-provider :hljs="hljs">
1644.     <my-app />
1645.   </n-config-provider>language="naive-log"
1646.   <n-config-provider :hljs="hljs">
1647.     <my-app />
1648.   </n-config-provider>font-size="14"
1649.   <n-config-provider :hljs="hljs">
1650.     <my-app />
1651.   </n-config-provider>:log="chatData"
1652.   <n-config-provider :hljs="hljs">
1653.     <my-app />
1654.   </n-config-provider>:loading="waiting"
1655.   <n-config-provider :hljs="hljs">
1656.     <my-app />
1657.   </n-config-provider>line-height="1.5"
1658.   <n-config-provider :hljs="hljs">
1659.     <my-app />
1660.   </n-config-provider>rows="27.5"
1661.   <n-config-provider :hljs="hljs">
1662.     <my-app />
1663.   </n-config-provider>
1664.     />    <n-log
1665.   <n-config-provider :hljs="hljs">
1666.     <my-app />
1667.   </n-config-provider>language="naive-log"
1668.   <n-config-provider :hljs="hljs">
1669.     <my-app />
1670.   </n-config-provider>font-size="14"
1671.   <n-config-provider :hljs="hljs">
1672.     <my-app />
1673.   </n-config-provider>:log="chatData"
1674.   <n-config-provider :hljs="hljs">
1675.     <my-app />
1676.   </n-config-provider>:loading="waiting"
1677.   <n-config-provider :hljs="hljs">
1678.     <my-app />
1679.   </n-config-provider>line-height="1.5"
1680.   <n-config-provider :hljs="hljs">
1681.     <my-app />
1682.   </n-config-provider>rows="27.5"
1683.   <n-config-provider :hljs="hljs">
1684.     <my-app />
1685.   </n-config-provider>
1686.     /></template>
1687.     <n-log
1688.   <n-config-provider :hljs="hljs">
1689.     <my-app />
1690.   </n-config-provider>language="naive-log"
1691.   <n-config-provider :hljs="hljs">
1692.     <my-app />
1693.   </n-config-provider>font-size="14"
1694.   <n-config-provider :hljs="hljs">
1695.     <my-app />
1696.   </n-config-provider>:log="chatData"
1697.   <n-config-provider :hljs="hljs">
1698.     <my-app />
1699.   </n-config-provider>:loading="waiting"
1700.   <n-config-provider :hljs="hljs">
1701.     <my-app />
1702.   </n-config-provider>line-height="1.5"
1703.   <n-config-provider :hljs="hljs">
1704.     <my-app />
1705.   </n-config-provider>rows="27.5"
1706.   <n-config-provider :hljs="hljs">
1707.     <my-app />
1708.   </n-config-provider>
1709.     />  </n-card>
1710.     <n-log
1711.   <n-config-provider :hljs="hljs">
1712.     <my-app />
1713.   </n-config-provider>language="naive-log"
1714.   <n-config-provider :hljs="hljs">
1715.     <my-app />
1716.   </n-config-provider>font-size="14"
1717.   <n-config-provider :hljs="hljs">
1718.     <my-app />
1719.   </n-config-provider>:log="chatData"
1720.   <n-config-provider :hljs="hljs">
1721.     <my-app />
1722.   </n-config-provider>:loading="waiting"
1723.   <n-config-provider :hljs="hljs">
1724.     <my-app />
1725.   </n-config-provider>line-height="1.5"
1726.   <n-config-provider :hljs="hljs">
1727.     <my-app />
1728.   </n-config-provider>rows="27.5"
1729.   <n-config-provider :hljs="hljs">
1730.     <my-app />
1731.   </n-config-provider>
1732.     /></n-modal>

复制代码

​

​
聊天的显示用的是n-log组件，用于显示日记的，将题目和复兴push进去，关键是支持高亮，

1.     <n-log
2.   <n-config-provider :hljs="hljs">
3.     <my-app />
4.   </n-config-provider>language="naive-log"
5.   <n-config-provider :hljs="hljs">
6.     <my-app />
7.   </n-config-provider>font-size="14"
8.   <n-config-provider :hljs="hljs">
9.     <my-app />
10.   </n-config-provider>:log="chatData"
11.   <n-config-provider :hljs="hljs">
12.     <my-app />
13.   </n-config-provider>:loading="waiting"
14.   <n-config-provider :hljs="hljs">
15.     <my-app />
16.   </n-config-provider>line-height="1.5"
17.   <n-config-provider :hljs="hljs">
18.     <my-app />
19.   </n-config-provider>rows="27.5"
20.   <n-config-provider :hljs="hljs">
21.     <my-app />
22.   </n-config-provider>
23.     />

复制代码

这里界说const msg: string[] = []; const chatData = ref(showMsg('', false))​此中showMsg函数只要做到将content push进msg然后加上\n换行就可以简质朴现消息显示，接着处理高亮。
‍
高亮

naive ui中不内置highlight.js，以是在使用前要引入import hljs from 'highlight.js/lib/core'​并提前设定：

1.     <n-log
2.   <n-config-provider :hljs="hljs">
3.     <my-app />
4.   </n-config-provider>language="naive-log"
5.   <n-config-provider :hljs="hljs">
6.     <my-app />
7.   </n-config-provider>font-size="14"
8.   <n-config-provider :hljs="hljs">
9.     <my-app />
10.   </n-config-provider>:log="chatData"
11.   <n-config-provider :hljs="hljs">
12.     <my-app />
13.   </n-config-provider>:loading="waiting"
14.   <n-config-provider :hljs="hljs">
15.     <my-app />
16.   </n-config-provider>line-height="1.5"
17.   <n-config-provider :hljs="hljs">
18.     <my-app />
19.   </n-config-provider>rows="27.5"
20.   <n-config-provider :hljs="hljs">
21.     <my-app />
22.   </n-config-provider>
23.     />    <n-log
24.   <n-config-provider :hljs="hljs">
25.     <my-app />
26.   </n-config-provider>language="naive-log"
27.   <n-config-provider :hljs="hljs">
28.     <my-app />
29.   </n-config-provider>font-size="14"
30.   <n-config-provider :hljs="hljs">
31.     <my-app />
32.   </n-config-provider>:log="chatData"
33.   <n-config-provider :hljs="hljs">
34.     <my-app />
35.   </n-config-provider>:loading="waiting"
36.   <n-config-provider :hljs="hljs">
37.     <my-app />
38.   </n-config-provider>line-height="1.5"
39.   <n-config-provider :hljs="hljs">
40.     <my-app />
41.   </n-config-provider>rows="27.5"
42.   <n-config-provider :hljs="hljs">
43.     <my-app />
44.   </n-config-provider>
45.     />

复制代码

hljs里面内置了一些语言，但是我尝试了他并不会生效，好比注册markdown​然后再n-log中也使用markdown​，当ai复兴的代码用markdown语法```来装载代码时并不会高亮，同样用相应的语言也不见效。

1. import markdown from 'highlight.js/lib/languages/markdown'
3. hljs.registerLanguage('markdown ', markdown )

复制代码

但是官网中提供的例子是自界说的语言来实现相应的功能，好比他们的高亮全部数字：

1.   import hljs from 'highlight.js/lib/core'  hljs.registerLanguage('naive-log', () => ({    <n-log
2.   <n-config-provider :hljs="hljs">
3.     <my-app />
4.   </n-config-provider>language="naive-log"
5.   <n-config-provider :hljs="hljs">
6.     <my-app />
7.   </n-config-provider>font-size="14"
8.   <n-config-provider :hljs="hljs">
9.     <my-app />
10.   </n-config-provider>:log="chatData"
11.   <n-config-provider :hljs="hljs">
12.     <my-app />
13.   </n-config-provider>:loading="waiting"
14.   <n-config-provider :hljs="hljs">
15.     <my-app />
16.   </n-config-provider>line-height="1.5"
17.   <n-config-provider :hljs="hljs">
18.     <my-app />
19.   </n-config-provider>rows="27.5"
20.   <n-config-provider :hljs="hljs">
21.     <my-app />
22.   </n-config-provider>
23.     />contains: [    <n-log
24.   <n-config-provider :hljs="hljs">
25.     <my-app />
26.   </n-config-provider>language="naive-log"
27.   <n-config-provider :hljs="hljs">
28.     <my-app />
29.   </n-config-provider>font-size="14"
30.   <n-config-provider :hljs="hljs">
31.     <my-app />
32.   </n-config-provider>:log="chatData"
33.   <n-config-provider :hljs="hljs">
34.     <my-app />
35.   </n-config-provider>:loading="waiting"
36.   <n-config-provider :hljs="hljs">
37.     <my-app />
38.   </n-config-provider>line-height="1.5"
39.   <n-config-provider :hljs="hljs">
40.     <my-app />
41.   </n-config-provider>rows="27.5"
42.   <n-config-provider :hljs="hljs">
43.     <my-app />
44.   </n-config-provider>
45.     />  {    <n-log
46.   <n-config-provider :hljs="hljs">
47.     <my-app />
48.   </n-config-provider>language="naive-log"
49.   <n-config-provider :hljs="hljs">
50.     <my-app />
51.   </n-config-provider>font-size="14"
52.   <n-config-provider :hljs="hljs">
53.     <my-app />
54.   </n-config-provider>:log="chatData"
55.   <n-config-provider :hljs="hljs">
56.     <my-app />
57.   </n-config-provider>:loading="waiting"
58.   <n-config-provider :hljs="hljs">
59.     <my-app />
60.   </n-config-provider>line-height="1.5"
61.   <n-config-provider :hljs="hljs">
62.     <my-app />
63.   </n-config-provider>rows="27.5"
64.   <n-config-provider :hljs="hljs">
65.     <my-app />
66.   </n-config-provider>
67.     />    <n-log
68.   <n-config-provider :hljs="hljs">
69.     <my-app />
70.   </n-config-provider>language="naive-log"
71.   <n-config-provider :hljs="hljs">
72.     <my-app />
73.   </n-config-provider>font-size="14"
74.   <n-config-provider :hljs="hljs">
75.     <my-app />
76.   </n-config-provider>:log="chatData"
77.   <n-config-provider :hljs="hljs">
78.     <my-app />
79.   </n-config-provider>:loading="waiting"
80.   <n-config-provider :hljs="hljs">
81.     <my-app />
82.   </n-config-provider>line-height="1.5"
83.   <n-config-provider :hljs="hljs">
84.     <my-app />
85.   </n-config-provider>rows="27.5"
86.   <n-config-provider :hljs="hljs">
87.     <my-app />
88.   </n-config-provider>
89.     />className: 'number',    <n-log
90.   <n-config-provider :hljs="hljs">
91.     <my-app />
92.   </n-config-provider>language="naive-log"
93.   <n-config-provider :hljs="hljs">
94.     <my-app />
95.   </n-config-provider>font-size="14"
96.   <n-config-provider :hljs="hljs">
97.     <my-app />
98.   </n-config-provider>:log="chatData"
99.   <n-config-provider :hljs="hljs">
100.     <my-app />
101.   </n-config-provider>:loading="waiting"
102.   <n-config-provider :hljs="hljs">
103.     <my-app />
104.   </n-config-provider>line-height="1.5"
105.   <n-config-provider :hljs="hljs">
106.     <my-app />
107.   </n-config-provider>rows="27.5"
108.   <n-config-provider :hljs="hljs">
109.     <my-app />
110.   </n-config-provider>
111.     />    <n-log
112.   <n-config-provider :hljs="hljs">
113.     <my-app />
114.   </n-config-provider>language="naive-log"
115.   <n-config-provider :hljs="hljs">
116.     <my-app />
117.   </n-config-provider>font-size="14"
118.   <n-config-provider :hljs="hljs">
119.     <my-app />
120.   </n-config-provider>:log="chatData"
121.   <n-config-provider :hljs="hljs">
122.     <my-app />
123.   </n-config-provider>:loading="waiting"
124.   <n-config-provider :hljs="hljs">
125.     <my-app />
126.   </n-config-provider>line-height="1.5"
127.   <n-config-provider :hljs="hljs">
128.     <my-app />
129.   </n-config-provider>rows="27.5"
130.   <n-config-provider :hljs="hljs">
131.     <my-app />
132.   </n-config-provider>
133.     />begin: /\d+/    <n-log
134.   <n-config-provider :hljs="hljs">
135.     <my-app />
136.   </n-config-provider>language="naive-log"
137.   <n-config-provider :hljs="hljs">
138.     <my-app />
139.   </n-config-provider>font-size="14"
140.   <n-config-provider :hljs="hljs">
141.     <my-app />
142.   </n-config-provider>:log="chatData"
143.   <n-config-provider :hljs="hljs">
144.     <my-app />
145.   </n-config-provider>:loading="waiting"
146.   <n-config-provider :hljs="hljs">
147.     <my-app />
148.   </n-config-provider>line-height="1.5"
149.   <n-config-provider :hljs="hljs">
150.     <my-app />
151.   </n-config-provider>rows="27.5"
152.   <n-config-provider :hljs="hljs">
153.     <my-app />
154.   </n-config-provider>
155.     />  }    <n-log
156.   <n-config-provider :hljs="hljs">
157.     <my-app />
158.   </n-config-provider>language="naive-log"
159.   <n-config-provider :hljs="hljs">
160.     <my-app />
161.   </n-config-provider>font-size="14"
162.   <n-config-provider :hljs="hljs">
163.     <my-app />
164.   </n-config-provider>:log="chatData"
165.   <n-config-provider :hljs="hljs">
166.     <my-app />
167.   </n-config-provider>:loading="waiting"
168.   <n-config-provider :hljs="hljs">
169.     <my-app />
170.   </n-config-provider>line-height="1.5"
171.   <n-config-provider :hljs="hljs">
172.     <my-app />
173.   </n-config-provider>rows="27.5"
174.   <n-config-provider :hljs="hljs">
175.     <my-app />
176.   </n-config-provider>
177.     />]  }))

复制代码

同样的可以像他这样用正则匹配到字符去设置类目来调整样式，好比对中英文，以及我这里想标记对话的符号 »​：

1. hljs.registerLanguage('naive-log', () => ({  contains: [    <n-log
2.   <n-config-provider :hljs="hljs">
3.     <my-app />
4.   </n-config-provider>language="naive-log"
5.   <n-config-provider :hljs="hljs">
6.     <my-app />
7.   </n-config-provider>font-size="14"
8.   <n-config-provider :hljs="hljs">
9.     <my-app />
10.   </n-config-provider>:log="chatData"
11.   <n-config-provider :hljs="hljs">
12.     <my-app />
13.   </n-config-provider>:loading="waiting"
14.   <n-config-provider :hljs="hljs">
15.     <my-app />
16.   </n-config-provider>line-height="1.5"
17.   <n-config-provider :hljs="hljs">
18.     <my-app />
19.   </n-config-provider>rows="27.5"
20.   <n-config-provider :hljs="hljs">
21.     <my-app />
22.   </n-config-provider>
23.     />{    <n-log
24.   <n-config-provider :hljs="hljs">
25.     <my-app />
26.   </n-config-provider>language="naive-log"
27.   <n-config-provider :hljs="hljs">
28.     <my-app />
29.   </n-config-provider>font-size="14"
30.   <n-config-provider :hljs="hljs">
31.     <my-app />
32.   </n-config-provider>:log="chatData"
33.   <n-config-provider :hljs="hljs">
34.     <my-app />
35.   </n-config-provider>:loading="waiting"
36.   <n-config-provider :hljs="hljs">
37.     <my-app />
38.   </n-config-provider>line-height="1.5"
39.   <n-config-provider :hljs="hljs">
40.     <my-app />
41.   </n-config-provider>rows="27.5"
42.   <n-config-provider :hljs="hljs">
43.     <my-app />
44.   </n-config-provider>
45.     />  className: 'number',    <n-log
46.   <n-config-provider :hljs="hljs">
47.     <my-app />
48.   </n-config-provider>language="naive-log"
49.   <n-config-provider :hljs="hljs">
50.     <my-app />
51.   </n-config-provider>font-size="14"
52.   <n-config-provider :hljs="hljs">
53.     <my-app />
54.   </n-config-provider>:log="chatData"
55.   <n-config-provider :hljs="hljs">
56.     <my-app />
57.   </n-config-provider>:loading="waiting"
58.   <n-config-provider :hljs="hljs">
59.     <my-app />
60.   </n-config-provider>line-height="1.5"
61.   <n-config-provider :hljs="hljs">
62.     <my-app />
63.   </n-config-provider>rows="27.5"
64.   <n-config-provider :hljs="hljs">
65.     <my-app />
66.   </n-config-provider>
67.     />  begin: /\d+/    <n-log
68.   <n-config-provider :hljs="hljs">
69.     <my-app />
70.   </n-config-provider>language="naive-log"
71.   <n-config-provider :hljs="hljs">
72.     <my-app />
73.   </n-config-provider>font-size="14"
74.   <n-config-provider :hljs="hljs">
75.     <my-app />
76.   </n-config-provider>:log="chatData"
77.   <n-config-provider :hljs="hljs">
78.     <my-app />
79.   </n-config-provider>:loading="waiting"
80.   <n-config-provider :hljs="hljs">
81.     <my-app />
82.   </n-config-provider>line-height="1.5"
83.   <n-config-provider :hljs="hljs">
84.     <my-app />
85.   </n-config-provider>rows="27.5"
86.   <n-config-provider :hljs="hljs">
87.     <my-app />
88.   </n-config-provider>
89.     />},    <n-log
90.   <n-config-provider :hljs="hljs">
91.     <my-app />
92.   </n-config-provider>language="naive-log"
93.   <n-config-provider :hljs="hljs">
94.     <my-app />
95.   </n-config-provider>font-size="14"
96.   <n-config-provider :hljs="hljs">
97.     <my-app />
98.   </n-config-provider>:log="chatData"
99.   <n-config-provider :hljs="hljs">
100.     <my-app />
101.   </n-config-provider>:loading="waiting"
102.   <n-config-provider :hljs="hljs">
103.     <my-app />
104.   </n-config-provider>line-height="1.5"
105.   <n-config-provider :hljs="hljs">
106.     <my-app />
107.   </n-config-provider>rows="27.5"
108.   <n-config-provider :hljs="hljs">
109.     <my-app />
110.   </n-config-provider>
111.     />{    <n-log
112.   <n-config-provider :hljs="hljs">
113.     <my-app />
114.   </n-config-provider>language="naive-log"
115.   <n-config-provider :hljs="hljs">
116.     <my-app />
117.   </n-config-provider>font-size="14"
118.   <n-config-provider :hljs="hljs">
119.     <my-app />
120.   </n-config-provider>:log="chatData"
121.   <n-config-provider :hljs="hljs">
122.     <my-app />
123.   </n-config-provider>:loading="waiting"
124.   <n-config-provider :hljs="hljs">
125.     <my-app />
126.   </n-config-provider>line-height="1.5"
127.   <n-config-provider :hljs="hljs">
128.     <my-app />
129.   </n-config-provider>rows="27.5"
130.   <n-config-provider :hljs="hljs">
131.     <my-app />
132.   </n-config-provider>
133.     />  className: 'chinese',    <n-log
134.   <n-config-provider :hljs="hljs">
135.     <my-app />
136.   </n-config-provider>language="naive-log"
137.   <n-config-provider :hljs="hljs">
138.     <my-app />
139.   </n-config-provider>font-size="14"
140.   <n-config-provider :hljs="hljs">
141.     <my-app />
142.   </n-config-provider>:log="chatData"
143.   <n-config-provider :hljs="hljs">
144.     <my-app />
145.   </n-config-provider>:loading="waiting"
146.   <n-config-provider :hljs="hljs">
147.     <my-app />
148.   </n-config-provider>line-height="1.5"
149.   <n-config-provider :hljs="hljs">
150.     <my-app />
151.   </n-config-provider>rows="27.5"
152.   <n-config-provider :hljs="hljs">
153.     <my-app />
154.   </n-config-provider>
155.     />  begin: /[\u4e00-\u9fa5]/, // 中文字符范围（Unicode 编码范围）    <n-log
156.   <n-config-provider :hljs="hljs">
157.     <my-app />
158.   </n-config-provider>language="naive-log"
159.   <n-config-provider :hljs="hljs">
160.     <my-app />
161.   </n-config-provider>font-size="14"
162.   <n-config-provider :hljs="hljs">
163.     <my-app />
164.   </n-config-provider>:log="chatData"
165.   <n-config-provider :hljs="hljs">
166.     <my-app />
167.   </n-config-provider>:loading="waiting"
168.   <n-config-provider :hljs="hljs">
169.     <my-app />
170.   </n-config-provider>line-height="1.5"
171.   <n-config-provider :hljs="hljs">
172.     <my-app />
173.   </n-config-provider>rows="27.5"
174.   <n-config-provider :hljs="hljs">
175.     <my-app />
176.   </n-config-provider>
177.     />  relevance: 10    <n-log
178.   <n-config-provider :hljs="hljs">
179.     <my-app />
180.   </n-config-provider>language="naive-log"
181.   <n-config-provider :hljs="hljs">
182.     <my-app />
183.   </n-config-provider>font-size="14"
184.   <n-config-provider :hljs="hljs">
185.     <my-app />
186.   </n-config-provider>:log="chatData"
187.   <n-config-provider :hljs="hljs">
188.     <my-app />
189.   </n-config-provider>:loading="waiting"
190.   <n-config-provider :hljs="hljs">
191.     <my-app />
192.   </n-config-provider>line-height="1.5"
193.   <n-config-provider :hljs="hljs">
194.     <my-app />
195.   </n-config-provider>rows="27.5"
196.   <n-config-provider :hljs="hljs">
197.     <my-app />
198.   </n-config-provider>
199.     />},    <n-log
200.   <n-config-provider :hljs="hljs">
201.     <my-app />
202.   </n-config-provider>language="naive-log"
203.   <n-config-provider :hljs="hljs">
204.     <my-app />
205.   </n-config-provider>font-size="14"
206.   <n-config-provider :hljs="hljs">
207.     <my-app />
208.   </n-config-provider>:log="chatData"
209.   <n-config-provider :hljs="hljs">
210.     <my-app />
211.   </n-config-provider>:loading="waiting"
212.   <n-config-provider :hljs="hljs">
213.     <my-app />
214.   </n-config-provider>line-height="1.5"
215.   <n-config-provider :hljs="hljs">
216.     <my-app />
217.   </n-config-provider>rows="27.5"
218.   <n-config-provider :hljs="hljs">
219.     <my-app />
220.   </n-config-provider>
221.     />{    <n-log
222.   <n-config-provider :hljs="hljs">
223.     <my-app />
224.   </n-config-provider>language="naive-log"
225.   <n-config-provider :hljs="hljs">
226.     <my-app />
227.   </n-config-provider>font-size="14"
228.   <n-config-provider :hljs="hljs">
229.     <my-app />
230.   </n-config-provider>:log="chatData"
231.   <n-config-provider :hljs="hljs">
232.     <my-app />
233.   </n-config-provider>:loading="waiting"
234.   <n-config-provider :hljs="hljs">
235.     <my-app />
236.   </n-config-provider>line-height="1.5"
237.   <n-config-provider :hljs="hljs">
238.     <my-app />
239.   </n-config-provider>rows="27.5"
240.   <n-config-provider :hljs="hljs">
241.     <my-app />
242.   </n-config-provider>
243.     />  className: 'english',    <n-log
244.   <n-config-provider :hljs="hljs">
245.     <my-app />
246.   </n-config-provider>language="naive-log"
247.   <n-config-provider :hljs="hljs">
248.     <my-app />
249.   </n-config-provider>font-size="14"
250.   <n-config-provider :hljs="hljs">
251.     <my-app />
252.   </n-config-provider>:log="chatData"
253.   <n-config-provider :hljs="hljs">
254.     <my-app />
255.   </n-config-provider>:loading="waiting"
256.   <n-config-provider :hljs="hljs">
257.     <my-app />
258.   </n-config-provider>line-height="1.5"
259.   <n-config-provider :hljs="hljs">
260.     <my-app />
261.   </n-config-provider>rows="27.5"
262.   <n-config-provider :hljs="hljs">
263.     <my-app />
264.   </n-config-provider>
265.     />   begin: /[A-Za-z]/,    <n-log
266.   <n-config-provider :hljs="hljs">
267.     <my-app />
268.   </n-config-provider>language="naive-log"
269.   <n-config-provider :hljs="hljs">
270.     <my-app />
271.   </n-config-provider>font-size="14"
272.   <n-config-provider :hljs="hljs">
273.     <my-app />
274.   </n-config-provider>:log="chatData"
275.   <n-config-provider :hljs="hljs">
276.     <my-app />
277.   </n-config-provider>:loading="waiting"
278.   <n-config-provider :hljs="hljs">
279.     <my-app />
280.   </n-config-provider>line-height="1.5"
281.   <n-config-provider :hljs="hljs">
282.     <my-app />
283.   </n-config-provider>rows="27.5"
284.   <n-config-provider :hljs="hljs">
285.     <my-app />
286.   </n-config-provider>
287.     />   relevance: 0    <n-log
288.   <n-config-provider :hljs="hljs">
289.     <my-app />
290.   </n-config-provider>language="naive-log"
291.   <n-config-provider :hljs="hljs">
292.     <my-app />
293.   </n-config-provider>font-size="14"
294.   <n-config-provider :hljs="hljs">
295.     <my-app />
296.   </n-config-provider>:log="chatData"
297.   <n-config-provider :hljs="hljs">
298.     <my-app />
299.   </n-config-provider>:loading="waiting"
300.   <n-config-provider :hljs="hljs">
301.     <my-app />
302.   </n-config-provider>line-height="1.5"
303.   <n-config-provider :hljs="hljs">
304.     <my-app />
305.   </n-config-provider>rows="27.5"
306.   <n-config-provider :hljs="hljs">
307.     <my-app />
308.   </n-config-provider>
309.     />},    <n-log
310.   <n-config-provider :hljs="hljs">
311.     <my-app />
312.   </n-config-provider>language="naive-log"
313.   <n-config-provider :hljs="hljs">
314.     <my-app />
315.   </n-config-provider>font-size="14"
316.   <n-config-provider :hljs="hljs">
317.     <my-app />
318.   </n-config-provider>:log="chatData"
319.   <n-config-provider :hljs="hljs">
320.     <my-app />
321.   </n-config-provider>:loading="waiting"
322.   <n-config-provider :hljs="hljs">
323.     <my-app />
324.   </n-config-provider>line-height="1.5"
325.   <n-config-provider :hljs="hljs">
326.     <my-app />
327.   </n-config-provider>rows="27.5"
328.   <n-config-provider :hljs="hljs">
329.     <my-app />
330.   </n-config-provider>
331.     />{    <n-log
332.   <n-config-provider :hljs="hljs">
333.     <my-app />
334.   </n-config-provider>language="naive-log"
335.   <n-config-provider :hljs="hljs">
336.     <my-app />
337.   </n-config-provider>font-size="14"
338.   <n-config-provider :hljs="hljs">
339.     <my-app />
340.   </n-config-provider>:log="chatData"
341.   <n-config-provider :hljs="hljs">
342.     <my-app />
343.   </n-config-provider>:loading="waiting"
344.   <n-config-provider :hljs="hljs">
345.     <my-app />
346.   </n-config-provider>line-height="1.5"
347.   <n-config-provider :hljs="hljs">
348.     <my-app />
349.   </n-config-provider>rows="27.5"
350.   <n-config-provider :hljs="hljs">
351.     <my-app />
352.   </n-config-provider>
353.     />  className: 'bot',    <n-log
354.   <n-config-provider :hljs="hljs">
355.     <my-app />
356.   </n-config-provider>language="naive-log"
357.   <n-config-provider :hljs="hljs">
358.     <my-app />
359.   </n-config-provider>font-size="14"
360.   <n-config-provider :hljs="hljs">
361.     <my-app />
362.   </n-config-provider>:log="chatData"
363.   <n-config-provider :hljs="hljs">
364.     <my-app />
365.   </n-config-provider>:loading="waiting"
366.   <n-config-provider :hljs="hljs">
367.     <my-app />
368.   </n-config-provider>line-height="1.5"
369.   <n-config-provider :hljs="hljs">
370.     <my-app />
371.   </n-config-provider>rows="27.5"
372.   <n-config-provider :hljs="hljs">
373.     <my-app />
374.   </n-config-provider>
375.     />  begin: /[\w\s]+»\s*/, // 匹配任何单词、空格直到遇到 » 后跟空格    <n-log
376.   <n-config-provider :hljs="hljs">
377.     <my-app />
378.   </n-config-provider>language="naive-log"
379.   <n-config-provider :hljs="hljs">
380.     <my-app />
381.   </n-config-provider>font-size="14"
382.   <n-config-provider :hljs="hljs">
383.     <my-app />
384.   </n-config-provider>:log="chatData"
385.   <n-config-provider :hljs="hljs">
386.     <my-app />
387.   </n-config-provider>:loading="waiting"
388.   <n-config-provider :hljs="hljs">
389.     <my-app />
390.   </n-config-provider>line-height="1.5"
391.   <n-config-provider :hljs="hljs">
392.     <my-app />
393.   </n-config-provider>rows="27.5"
394.   <n-config-provider :hljs="hljs">
395.     <my-app />
396.   </n-config-provider>
397.     />  relevance: 1,    <n-log
398.   <n-config-provider :hljs="hljs">
399.     <my-app />
400.   </n-config-provider>language="naive-log"
401.   <n-config-provider :hljs="hljs">
402.     <my-app />
403.   </n-config-provider>font-size="14"
404.   <n-config-provider :hljs="hljs">
405.     <my-app />
406.   </n-config-provider>:log="chatData"
407.   <n-config-provider :hljs="hljs">
408.     <my-app />
409.   </n-config-provider>:loading="waiting"
410.   <n-config-provider :hljs="hljs">
411.     <my-app />
412.   </n-config-provider>line-height="1.5"
413.   <n-config-provider :hljs="hljs">
414.     <my-app />
415.   </n-config-provider>rows="27.5"
416.   <n-config-provider :hljs="hljs">
417.     <my-app />
418.   </n-config-provider>
419.     />},  ]}))

复制代码

这里的className随便界说，好区分就行，然后对其举行界说，wails中在style.css中界说：（其他新增的在下面添加即可）

1. .n-code,.n-layout-content,.n-layout-header,.n-layout,.terminal .t-window {    <n-log
2.   <n-config-provider :hljs="hljs">
3.     <my-app />
4.   </n-config-provider>language="naive-log"
5.   <n-config-provider :hljs="hljs">
6.     <my-app />
7.   </n-config-provider>font-size="14"
8.   <n-config-provider :hljs="hljs">
9.     <my-app />
10.   </n-config-provider>:log="chatData"
11.   <n-config-provider :hljs="hljs">
12.     <my-app />
13.   </n-config-provider>:loading="waiting"
14.   <n-config-provider :hljs="hljs">
15.     <my-app />
16.   </n-config-provider>line-height="1.5"
17.   <n-config-provider :hljs="hljs">
18.     <my-app />
19.   </n-config-provider>rows="27.5"
20.   <n-config-provider :hljs="hljs">
21.     <my-app />
22.   </n-config-provider>
23.     />font-family: "Microsoft YaHei UI", system-ui;}.n-code .hljs-attr,.n-code .hljs-variable,.n-code .hljs-template-variable,.n-code .hljs-type,.n-code .hljs-selector-class,.n-code .hljs-selector-attr,.n-code .hljs-selector-pseudo,.n-code .hljs-number {    <n-log
24.   <n-config-provider :hljs="hljs">
25.     <my-app />
26.   </n-config-provider>language="naive-log"
27.   <n-config-provider :hljs="hljs">
28.     <my-app />
29.   </n-config-provider>font-size="14"
30.   <n-config-provider :hljs="hljs">
31.     <my-app />
32.   </n-config-provider>:log="chatData"
33.   <n-config-provider :hljs="hljs">
34.     <my-app />
35.   </n-config-provider>:loading="waiting"
36.   <n-config-provider :hljs="hljs">
37.     <my-app />
38.   </n-config-provider>line-height="1.5"
39.   <n-config-provider :hljs="hljs">
40.     <my-app />
41.   </n-config-provider>rows="27.5"
42.   <n-config-provider :hljs="hljs">
43.     <my-app />
44.   </n-config-provider>
45.     />color: #078585;    <n-log
46.   <n-config-provider :hljs="hljs">
47.     <my-app />
48.   </n-config-provider>language="naive-log"
49.   <n-config-provider :hljs="hljs">
50.     <my-app />
51.   </n-config-provider>font-size="14"
52.   <n-config-provider :hljs="hljs">
53.     <my-app />
54.   </n-config-provider>:log="chatData"
55.   <n-config-provider :hljs="hljs">
56.     <my-app />
57.   </n-config-provider>:loading="waiting"
58.   <n-config-provider :hljs="hljs">
59.     <my-app />
60.   </n-config-provider>line-height="1.5"
61.   <n-config-provider :hljs="hljs">
62.     <my-app />
63.   </n-config-provider>rows="27.5"
64.   <n-config-provider :hljs="hljs">
65.     <my-app />
66.   </n-config-provider>
67.     />font-family: "Microsoft YaHei UI", system-ui;}.n-code .hljs-log-info {color: #25c9ab;}.n-code .hljs-log-debug {color: #13778a;}.n-code .hljs-log-error {color: #931023;}.n-code .hljs-log-warn {color: #0d705e;}.n-code .hljs-chinese {color: rgba(19, 19, 19, 0.89);}.n-code .hljs-english {color: rgba(31, 32, 33, 0.89);}.n-code .hljs-bot {color: #11c5a4;}

复制代码

末了增加一个输入框和两个按钮，输入框设置属性@keydown.enter="send"​回车就触发方法send,这个方法用于调用前面的ChatWithAI​，由于复兴需要时间，可以在输入框和日记显示都设置:loading属性来等候加载，同时输入框在等候期间要禁用。

1.     <n-log
2.   <n-config-provider :hljs="hljs">
3.     <my-app />
4.   </n-config-provider>language="naive-log"
5.   <n-config-provider :hljs="hljs">
6.     <my-app />
7.   </n-config-provider>font-size="14"
8.   <n-config-provider :hljs="hljs">
9.     <my-app />
10.   </n-config-provider>:log="chatData"
11.   <n-config-provider :hljs="hljs">
12.     <my-app />
13.   </n-config-provider>:loading="waiting"
14.   <n-config-provider :hljs="hljs">
15.     <my-app />
16.   </n-config-provider>line-height="1.5"
17.   <n-config-provider :hljs="hljs">
18.     <my-app />
19.   </n-config-provider>rows="27.5"
20.   <n-config-provider :hljs="hljs">
21.     <my-app />
22.   </n-config-provider>
23.     />    <n-log
24.   <n-config-provider :hljs="hljs">
25.     <my-app />
26.   </n-config-provider>language="naive-log"
27.   <n-config-provider :hljs="hljs">
28.     <my-app />
29.   </n-config-provider>font-size="14"
30.   <n-config-provider :hljs="hljs">
31.     <my-app />
32.   </n-config-provider>:log="chatData"
33.   <n-config-provider :hljs="hljs">
34.     <my-app />
35.   </n-config-provider>:loading="waiting"
36.   <n-config-provider :hljs="hljs">
37.     <my-app />
38.   </n-config-provider>line-height="1.5"
39.   <n-config-provider :hljs="hljs">
40.     <my-app />
41.   </n-config-provider>rows="27.5"
42.   <n-config-provider :hljs="hljs">
43.     <my-app />
44.   </n-config-provider>
45.     />    <n-log
46.   <n-config-provider :hljs="hljs">
47.     <my-app />
48.   </n-config-provider>language="naive-log"
49.   <n-config-provider :hljs="hljs">
50.     <my-app />
51.   </n-config-provider>font-size="14"
52.   <n-config-provider :hljs="hljs">
53.     <my-app />
54.   </n-config-provider>:log="chatData"
55.   <n-config-provider :hljs="hljs">
56.     <my-app />
57.   </n-config-provider>:loading="waiting"
58.   <n-config-provider :hljs="hljs">
59.     <my-app />
60.   </n-config-provider>line-height="1.5"
61.   <n-config-provider :hljs="hljs">
62.     <my-app />
63.   </n-config-provider>rows="27.5"
64.   <n-config-provider :hljs="hljs">
65.     <my-app />
66.   </n-config-provider>
67.     />    <n-log
68.   <n-config-provider :hljs="hljs">
69.     <my-app />
70.   </n-config-provider>language="naive-log"
71.   <n-config-provider :hljs="hljs">
72.     <my-app />
73.   </n-config-provider>font-size="14"
74.   <n-config-provider :hljs="hljs">
75.     <my-app />
76.   </n-config-provider>:log="chatData"
77.   <n-config-provider :hljs="hljs">
78.     <my-app />
79.   </n-config-provider>:loading="waiting"
80.   <n-config-provider :hljs="hljs">
81.     <my-app />
82.   </n-config-provider>line-height="1.5"
83.   <n-config-provider :hljs="hljs">
84.     <my-app />
85.   </n-config-provider>rows="27.5"
86.   <n-config-provider :hljs="hljs">
87.     <my-app />
88.   </n-config-provider>
89.     />    <n-log
90.   <n-config-provider :hljs="hljs">
91.     <my-app />
92.   </n-config-provider>language="naive-log"
93.   <n-config-provider :hljs="hljs">
94.     <my-app />
95.   </n-config-provider>font-size="14"
96.   <n-config-provider :hljs="hljs">
97.     <my-app />
98.   </n-config-provider>:log="chatData"
99.   <n-config-provider :hljs="hljs">
100.     <my-app />
101.   </n-config-provider>:loading="waiting"
102.   <n-config-provider :hljs="hljs">
103.     <my-app />
104.   </n-config-provider>line-height="1.5"
105.   <n-config-provider :hljs="hljs">
106.     <my-app />
107.   </n-config-provider>rows="27.5"
108.   <n-config-provider :hljs="hljs">
109.     <my-app />
110.   </n-config-provider>
111.     />    <n-log
112.   <n-config-provider :hljs="hljs">
113.     <my-app />
114.   </n-config-provider>language="naive-log"
115.   <n-config-provider :hljs="hljs">
116.     <my-app />
117.   </n-config-provider>font-size="14"
118.   <n-config-provider :hljs="hljs">
119.     <my-app />
120.   </n-config-provider>:log="chatData"
121.   <n-config-provider :hljs="hljs">
122.     <my-app />
123.   </n-config-provider>:loading="waiting"
124.   <n-config-provider :hljs="hljs">
125.     <my-app />
126.   </n-config-provider>line-height="1.5"
127.   <n-config-provider :hljs="hljs">
128.     <my-app />
129.   </n-config-provider>rows="27.5"
130.   <n-config-provider :hljs="hljs">
131.     <my-app />
132.   </n-config-provider>
133.     />    <n-log
134.   <n-config-provider :hljs="hljs">
135.     <my-app />
136.   </n-config-provider>language="naive-log"
137.   <n-config-provider :hljs="hljs">
138.     <my-app />
139.   </n-config-provider>font-size="14"
140.   <n-config-provider :hljs="hljs">
141.     <my-app />
142.   </n-config-provider>:log="chatData"
143.   <n-config-provider :hljs="hljs">
144.     <my-app />
145.   </n-config-provider>:loading="waiting"
146.   <n-config-provider :hljs="hljs">
147.     <my-app />
148.   </n-config-provider>line-height="1.5"
149.   <n-config-provider :hljs="hljs">
150.     <my-app />
151.   </n-config-provider>rows="27.5"
152.   <n-config-provider :hljs="hljs">
153.     <my-app />
154.   </n-config-provider>
155.     />    <n-log
156.   <n-config-provider :hljs="hljs">
157.     <my-app />
158.   </n-config-provider>language="naive-log"
159.   <n-config-provider :hljs="hljs">
160.     <my-app />
161.   </n-config-provider>font-size="14"
162.   <n-config-provider :hljs="hljs">
163.     <my-app />
164.   </n-config-provider>:log="chatData"
165.   <n-config-provider :hljs="hljs">
166.     <my-app />
167.   </n-config-provider>:loading="waiting"
168.   <n-config-provider :hljs="hljs">
169.     <my-app />
170.   </n-config-provider>line-height="1.5"
171.   <n-config-provider :hljs="hljs">
172.     <my-app />
173.   </n-config-provider>rows="27.5"
174.   <n-config-provider :hljs="hljs">
175.     <my-app />
176.   </n-config-provider>
177.     />    <n-log
178.   <n-config-provider :hljs="hljs">
179.     <my-app />
180.   </n-config-provider>language="naive-log"
181.   <n-config-provider :hljs="hljs">
182.     <my-app />
183.   </n-config-provider>font-size="14"
184.   <n-config-provider :hljs="hljs">
185.     <my-app />
186.   </n-config-provider>:log="chatData"
187.   <n-config-provider :hljs="hljs">
188.     <my-app />
189.   </n-config-provider>:loading="waiting"
190.   <n-config-provider :hljs="hljs">
191.     <my-app />
192.   </n-config-provider>line-height="1.5"
193.   <n-config-provider :hljs="hljs">
194.     <my-app />
195.   </n-config-provider>rows="27.5"
196.   <n-config-provider :hljs="hljs">
197.     <my-app />
198.   </n-config-provider>
199.     />    <n-log
200.   <n-config-provider :hljs="hljs">
201.     <my-app />
202.   </n-config-provider>language="naive-log"
203.   <n-config-provider :hljs="hljs">
204.     <my-app />
205.   </n-config-provider>font-size="14"
206.   <n-config-provider :hljs="hljs">
207.     <my-app />
208.   </n-config-provider>:log="chatData"
209.   <n-config-provider :hljs="hljs">
210.     <my-app />
211.   </n-config-provider>:loading="waiting"
212.   <n-config-provider :hljs="hljs">
213.     <my-app />
214.   </n-config-provider>line-height="1.5"
215.   <n-config-provider :hljs="hljs">
216.     <my-app />
217.   </n-config-provider>rows="27.5"
218.   <n-config-provider :hljs="hljs">
219.     <my-app />
220.   </n-config-provider>
221.     />    <n-log
222.   <n-config-provider :hljs="hljs">
223.     <my-app />
224.   </n-config-provider>language="naive-log"
225.   <n-config-provider :hljs="hljs">
226.     <my-app />
227.   </n-config-provider>font-size="14"
228.   <n-config-provider :hljs="hljs">
229.     <my-app />
230.   </n-config-provider>:log="chatData"
231.   <n-config-provider :hljs="hljs">
232.     <my-app />
233.   </n-config-provider>:loading="waiting"
234.   <n-config-provider :hljs="hljs">
235.     <my-app />
236.   </n-config-provider>line-height="1.5"
237.   <n-config-provider :hljs="hljs">
238.     <my-app />
239.   </n-config-provider>rows="27.5"
240.   <n-config-provider :hljs="hljs">
241.     <my-app />
242.   </n-config-provider>
243.     />    <n-log
244.   <n-config-provider :hljs="hljs">
245.     <my-app />
246.   </n-config-provider>language="naive-log"
247.   <n-config-provider :hljs="hljs">
248.     <my-app />
249.   </n-config-provider>font-size="14"
250.   <n-config-provider :hljs="hljs">
251.     <my-app />
252.   </n-config-provider>:log="chatData"
253.   <n-config-provider :hljs="hljs">
254.     <my-app />
255.   </n-config-provider>:loading="waiting"
256.   <n-config-provider :hljs="hljs">
257.     <my-app />
258.   </n-config-provider>line-height="1.5"
259.   <n-config-provider :hljs="hljs">
260.     <my-app />
261.   </n-config-provider>rows="27.5"
262.   <n-config-provider :hljs="hljs">
263.     <my-app />
264.   </n-config-provider>
265.     />    <n-log
266.   <n-config-provider :hljs="hljs">
267.     <my-app />
268.   </n-config-provider>language="naive-log"
269.   <n-config-provider :hljs="hljs">
270.     <my-app />
271.   </n-config-provider>font-size="14"
272.   <n-config-provider :hljs="hljs">
273.     <my-app />
274.   </n-config-provider>:log="chatData"
275.   <n-config-provider :hljs="hljs">
276.     <my-app />
277.   </n-config-provider>:loading="waiting"
278.   <n-config-provider :hljs="hljs">
279.     <my-app />
280.   </n-config-provider>line-height="1.5"
281.   <n-config-provider :hljs="hljs">
282.     <my-app />
283.   </n-config-provider>rows="27.5"
284.   <n-config-provider :hljs="hljs">
285.     <my-app />
286.   </n-config-provider>
287.     />清空    <n-log
288.   <n-config-provider :hljs="hljs">
289.     <my-app />
290.   </n-config-provider>language="naive-log"
291.   <n-config-provider :hljs="hljs">
292.     <my-app />
293.   </n-config-provider>font-size="14"
294.   <n-config-provider :hljs="hljs">
295.     <my-app />
296.   </n-config-provider>:log="chatData"
297.   <n-config-provider :hljs="hljs">
298.     <my-app />
299.   </n-config-provider>:loading="waiting"
300.   <n-config-provider :hljs="hljs">
301.     <my-app />
302.   </n-config-provider>line-height="1.5"
303.   <n-config-provider :hljs="hljs">
304.     <my-app />
305.   </n-config-provider>rows="27.5"
306.   <n-config-provider :hljs="hljs">
307.     <my-app />
308.   </n-config-provider>
309.     />  设置    <n-log
310.   <n-config-provider :hljs="hljs">
311.     <my-app />
312.   </n-config-provider>language="naive-log"
313.   <n-config-provider :hljs="hljs">
314.     <my-app />
315.   </n-config-provider>font-size="14"
316.   <n-config-provider :hljs="hljs">
317.     <my-app />
318.   </n-config-provider>:log="chatData"
319.   <n-config-provider :hljs="hljs">
320.     <my-app />
321.   </n-config-provider>:loading="waiting"
322.   <n-config-provider :hljs="hljs">
323.     <my-app />
324.   </n-config-provider>line-height="1.5"
325.   <n-config-provider :hljs="hljs">
326.     <my-app />
327.   </n-config-provider>rows="27.5"
328.   <n-config-provider :hljs="hljs">
329.     <my-app />
330.   </n-config-provider>
331.     />

复制代码

​

​
末了效果如下(完备代码后续会开源)：
​

​
‍

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。