|
|
@@ -1,6 +1,6 @@
|
|
|
<template>
|
|
|
<div class="gpt-box">
|
|
|
- <div class="dialogue-all">
|
|
|
+ <div class="dialogue-all dialogueone" style="overflow-y: auto;">
|
|
|
<div v-for="(item,index) in dialogueArr" :key="index" class="dialogue-box">
|
|
|
<div class="user-dialogue">{{ item.userdialogue }}</div>
|
|
|
<!-- <div class="gpt-dialogue">{{ item.GPTdialogue }}</div> -->
|
|
|
@@ -10,13 +10,13 @@
|
|
|
:showCursor="true"
|
|
|
:cursorChar="'_'"
|
|
|
:startDelay="300"
|
|
|
- :typeSpeed="100"
|
|
|
+ :typeSpeed="50"
|
|
|
>
|
|
|
<span class="typing"></span>
|
|
|
</vue-typed-js>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="dialogue-all">
|
|
|
+ <div class="dialogue-all" >
|
|
|
<el-input
|
|
|
type="textarea"
|
|
|
placeholder="请输入内容"
|
|
|
@@ -111,6 +111,27 @@ export default {
|
|
|
.dialogue-all .el-button{
|
|
|
height: 54px;
|
|
|
}
|
|
|
+
|
|
|
+ /*滚动条样式*/
|
|
|
+ .dialogueone::-webkit-scrollbar {
|
|
|
+ width: 4px;
|
|
|
+ /*height: 4px;*/
|
|
|
+ }
|
|
|
+ .dialogueone::-webkit-scrollbar-thumb {
|
|
|
+ border-radius: 10px;
|
|
|
+ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
|
|
+ background: rgba(0,0,0,0.2);
|
|
|
+ }
|
|
|
+ .dialogueone::-webkit-scrollbar-track {
|
|
|
+ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
|
|
|
+ border-radius: 0;
|
|
|
+ background: rgba(0,0,0,0.1);
|
|
|
+
|
|
|
+ }
|
|
|
+ .dialogueone .typed-element{
|
|
|
+ display: inline-block;
|
|
|
+ text-align: justify;
|
|
|
+ }
|
|
|
</style>
|
|
|
|
|
|
|
