|
@@ -7,24 +7,26 @@
|
|
<view class="cu-chat">
|
|
<view class="cu-chat">
|
|
<block v-for="(x,i) in msgList" :key="i">
|
|
<block v-for="(x,i) in msgList" :key="i">
|
|
<!-- 用户消息 -->
|
|
<!-- 用户消息 -->
|
|
- <view v-if="x.my && x.type === 'msg'" class="cu-item self" :class="[i === 0 ? 'first' : '', i === 1 ? 'sec' : '']">
|
|
|
|
|
|
+ <view v-if="x.my && x.type === 'msg'" class="cu-item self"
|
|
|
|
+ :class="[i === 0 ? 'first' : '', i === 1 ? 'sec' : '']">
|
|
<view class="main">
|
|
<view class="main">
|
|
- <view class="content bg-cyan shadow" @click="x.msg && $squni.copy(x.msg)">
|
|
|
|
|
|
+ <view class="content bg-cyan shadow"><!-- @click="x.msg && $squni.copy(x.msg)" -->
|
|
<text>{{ x.msg }}</text>
|
|
<text>{{ x.msg }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<image class="cu-avatar round" src="/static/logo-100.png">
|
|
<image class="cu-avatar round" src="/static/logo-100.png">
|
|
- <view v-if="i === 0" class="date">{{ x.date }}</view>
|
|
|
|
|
|
+ <view v-if="i === 0" class="date">{{ x.date }}</view>
|
|
</view>
|
|
</view>
|
|
<!-- AI消息 -->
|
|
<!-- AI消息 -->
|
|
- <view v-if="!x.my && x.type === 'msg'" class="cu-item" :class="[i === 0 ? 'first' : '', i === 1 ? 'sec' : '']">
|
|
|
|
|
|
+ <view v-if="!x.my && x.type === 'msg'" class="cu-item"
|
|
|
|
+ :class="[i === 0 ? 'first' : '', i === 1 ? 'sec' : '']">
|
|
<image class="cu-avatar round chat-avatar" src="/static/robot.png">
|
|
<image class="cu-avatar round chat-avatar" src="/static/robot.png">
|
|
- <view class="main">
|
|
|
|
- <view class="content shadow" @click="x.msg && $squni.copy(x.msg)">
|
|
|
|
- <text>{{ x.msg }}</text>
|
|
|
|
|
|
+ <view class="main">
|
|
|
|
+ <view class="content shadow"><!-- @click="x.msg && $squni.copy(x.msg)" -->
|
|
|
|
+ <text>{{ x.msg }}</text>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
- </view>
|
|
|
|
- <view v-if="i === 0" class="date">{{ x.date }}</view>
|
|
|
|
|
|
+ <view v-if="i === 0" class="date">{{ x.date }}</view>
|
|
</view>
|
|
</view>
|
|
<view v-if="x.type === 'error'" class="cu-info">
|
|
<view v-if="x.type === 'error'" class="cu-info">
|
|
<text class="cuIcon-roundclosefill text-red "></text> {{ x.msg }}
|
|
<text class="cuIcon-roundclosefill text-red "></text> {{ x.msg }}
|
|
@@ -55,16 +57,22 @@
|
|
page {
|
|
page {
|
|
padding-bottom: 200upx;
|
|
padding-bottom: 200upx;
|
|
}
|
|
}
|
|
|
|
+
|
|
.cu-item:not(.first) {
|
|
.cu-item:not(.first) {
|
|
padding-bottom: 0upx;
|
|
padding-bottom: 0upx;
|
|
}
|
|
}
|
|
|
|
+
|
|
.cu-item.sec {
|
|
.cu-item.sec {
|
|
padding-top: 0upx;
|
|
padding-top: 0upx;
|
|
}
|
|
}
|
|
|
|
+
|
|
.main .content {
|
|
.main .content {
|
|
word-wrap: break-word;
|
|
word-wrap: break-word;
|
|
|
|
+ cursor: text;
|
|
|
|
+ user-select: text;
|
|
}
|
|
}
|
|
|
|
+
|
|
.cu-chat .cu-item>.main {
|
|
.cu-chat .cu-item>.main {
|
|
max-width: calc(100% - 160upx);
|
|
max-width: calc(100% - 160upx);
|
|
}
|
|
}
|
|
-</style>
|
|
|
|
|
|
+</style>
|