剧本编制 会话样式调整

src/views/newMap/jointTrainingNew/chatView/chatContent.vue

@@ -145,7 +145,7 @@ export default {
 <style lang="scss" scoped>
 .chatcontentIn{
     height: 100%;
-    width: 380px;
+    width: 360px;
     display: inline-block;
     overflow: auto;
     padding-bottom: 20px;
@@ -178,7 +178,7 @@ export default {
     font-size: 20px;
     vertical-align: top;
 }
-.textRight{text-align: right;width: 100%;}
+.textRight{text-align: right;}
 .userMessage{}
 .messageText{line-height: 20px;}
 .chatContentInClass{
@@ -186,6 +186,10 @@ export default {
     width: 100%;
 }
 
+.rightUser .userBubble{
+    float:right;
+}
+
 // 谷歌、safari、qq浏览器、360浏览器滚动条样式
 // 定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸
 .chatcontentIn::-webkit-scrollbar {