zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:会话测试

This commit is contained in:
shijing 2025-04-07 16:10:02 +08:00
parent c9497ba140
commit fd237101b0
1 changed files with 37 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
src/views/home/chatTest.vue
View File

@ -1,45 +1,48 @@
<template>
<el-card style="width: 99%;height: 99%;border-radius: 0.375rem;margin: 0.5vh auto 0;box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);">
<el-card style="padding:0;width: 99%;height: 99%;border-radius: 0.375rem;margin: 0.5vh auto 0;box-shadow: 0 4px 6px -1px rgba(0, 0, 0 ,.1), 0 2px 4px -2px rgba(0, 0, 0 ,.1);">
<el-container>
<el-side style=" max-width: 260px;width: 260px;border-right: 1px solid #ddd;box-sizing: border-box;">
<div style="min-width: 260px;overflow: auto;flex-grow: 1;flex-shrink: 0;box-sizing: border-box;height: 100%;transition: opacity .3s var(--n-bezier);max-width: 100%;">
<div style="display: flex;flex-direction: column;height: 100%;">
<main>
</main>
<footer style="border-top-width: 1px;padding: 1rem;overflow: hidden;justify-content: space-between;align-items: center;min-width: 0px;display: flex;">
<div style="overflow: hidden;flex-shrink: 0;flex: 1 1 0%;">
<div style="overflow: hidden;align-items: center;display: flex;">
<img style="width: 2.5rem;height: 2.5rem;border-radius: 50%;margin-right: 1rem;" src="img/icon_nbyg.png" alt="">
<div></div>
</div>
<el-container>
<el-main style="padding:0 6px 0 0;">
<div style="display: flex;flex-direction: column;height: 100%;">
<el-button type="line" style="margin: 1rem;">新建聊天</el-button>
<div class="new_chat new_chat_text">
<div class="false_img" style="border:1px solid rgb(75, 158, 95);border-radius:20% 20% 0 20%;color:rgb(75,158,95);">...</div>
<div style="flex:8;color:rgb(75,158,95);">前端有哪些性能优化？</div>
</div>
<div></div>
</footer>
</div>
</div>
<div class="new_chat" style="padding: 1rem;">新建聊天</div>
<div class="new_chat new_chat_text">
<div class="false_img" style="border:1px solid lightgray;border-radius:20%;color:green;">...</div>
<div style="flex:8;color:green;">前端有哪些性能优化？</div>
</div>
</div>
</el-main>
<el-footer>
<div style="align-items: center;display: flex;">
<img style="width: 2.5rem;height: 2.5rem;border-radius: 50%;margin-right: 1rem;" src="img/icon_nbyg.png" alt="">
<div style="font-weight: 700;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"> {{ userName }}</div>
</div>
</el-footer>
</el-container>
</el-side>
<el-main>
<div class="right_layout_son">
<div class="right_layout_myselfChat">
<div id="datatime" style="flex:2;font-size:13px;color:lightgray"></div>
<div style="flex:1">
<div class="flase_img_son" style="width:40px;height:40px;"></div>
<el-container>
<el-main>
<div class="right_layout_son">
<div class="right_layout_myselfChat">
<div id="datatime" style="flex:2;font-size:13px;color:lightgray"></div>
<div style="flex:1">
<div class="flase_img_son" style="width:40px;height:40px;"></div>
</div>
</div>
<div class="myself_chat">
前端有哪些性能优化？
</div>
</div>
<div class="myself_chat">
前端有哪些性能优化？
</div>
</el-main>
<el-footer>
<div class="right_layout_son_ipt">
<input class="ipt" type="text" placeholder="来说点什么吧...">
<button class="btn">发送</button>
</div>
</div>
</el-footer>
</el-container>
</el-main>
</el-container>
</el-card>
@ -51,10 +54,12 @@ export default {
components: {},
data() {
return {
userName: "",
};
},
mounted() {
window.onScanResult = this.onScanResult;
var userInfo = this.$TOOL.data.get("USER_INFO");
this.userName = userInfo.username;
},
methods: {
@ -107,7 +112,7 @@ export default {
}
.new_chat_text {
border: 1px solid green;
border: 1px solid rgb(75,158,95);
display: flex;
}