no message

This commit is contained in:
kuaifan 2022-05-31 15:41:47 +08:00
parent 1f8198b36b
commit d47a514b09
11 changed files with 106 additions and 66 deletions

View File

@ -209,11 +209,19 @@ export default {
this.calendarWeek = {daynames};
this.calendarMonth = {daynames};
this.calendarTheme = {
'common.border': '1px solid #f4f5f5',
'common.border': '1px solid rgba(0,0,0,0)',
'month.dayname.fontSize': '14px',
'month.dayname.borderLeft': '1px solid #f4f5f5',
'month.dayname.borderLeft': '1px solid rgba(0,0,0,0)',
'month.dayname.height': '50px',
}
if (this.$isDesktop) {
this.calendarTheme = {
'common.border': '1px solid #f4f5f5',
'month.dayname.fontSize': '14px',
'month.dayname.borderLeft': '1px solid #f4f5f5',
'month.dayname.height': '50px',
}
}
this.calendarTemplate = {
titlePlaceholder: () => {
return this.$L("任务描述")

View File

@ -278,8 +278,12 @@ export default {
boxClass() {
const array = [];
if (this.recordState === 'ing' && this.recordDuration > 0) {
array.push('record-ing');
if (this.recordState === 'ing') {
if (this.recordDuration === 0) {
array.push('record-ing');
} else {
array.push('record-progress');
}
}
if (this.mentionMode) {
array.push(this.mentionMode);

View File

@ -6,6 +6,21 @@
width: 100%;
&.record-ing {
.chat-input-wrapper {
.chat-toolbar {
> li {
&.chat-send {
&:before {
transition: all 1s ease;
transform: translate(-50%, -50%) scale(2);
}
}
}
}
}
}
&.record-progress {
.chat-input-wrapper {
.ql-container {
opacity: 0;
@ -14,7 +29,8 @@
> li {
&.chat-send {
&:before {
transform: translate(-50%, -50%) scale(1.5);
transition: all 0.3s ease;
transform: translate(-50%, -50%) scale(2.5);
}
}
&.chat-record-recwave {
@ -139,6 +155,7 @@
left: 50%;
z-index: 3;
transform: translate(-50%, -50%) scale(1);
transition: all 0.3s ease;
color: #ffffff;
}
}

View File

@ -7,6 +7,7 @@
display: flex;
flex-direction: column;
background-color: #ffffff;
overflow: hidden;
z-index: 1;
.vue-recycle-scroller.direction-vertical:not(.page-mode) {

View File

@ -179,18 +179,18 @@
color: $flow-status-start-color;
}
&.progress {
background-color: rgba($flow-status-progress-color, 0.1);;
border-color: rgba($flow-status-progress-color, 0.1);;
background-color: rgba($flow-status-progress-color, 0.1);
border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color;
}
&.test {
background-color: rgba($flow-status-test-color, 0.1);;
border-color: rgba($flow-status-test-color, 0.1);;
background-color: rgba($flow-status-test-color, 0.1);
border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color;
}
&.end {
background-color: rgba($flow-status-end-color, 0.1);;
border-color: rgba($flow-status-end-color, 0.1);;
background-color: rgba($flow-status-end-color, 0.1);
border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color;
}
}
@ -419,18 +419,18 @@
color: $flow-status-start-color;
}
&.progress {
background-color: rgba($flow-status-progress-color, 0.1);;
border-color: rgba($flow-status-progress-color, 0.1);;
background-color: rgba($flow-status-progress-color, 0.1);
border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color;
}
&.test {
background-color: rgba($flow-status-test-color, 0.1);;
border-color: rgba($flow-status-test-color, 0.1);;
background-color: rgba($flow-status-test-color, 0.1);
border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color;
}
&.end {
background-color: rgba($flow-status-end-color, 0.1);;
border-color: rgba($flow-status-end-color, 0.1);;
background-color: rgba($flow-status-end-color, 0.1);
border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color;
}
}
@ -787,18 +787,18 @@
color: $flow-status-start-color;
}
&.progress {
background-color: rgba($flow-status-progress-color, 0.1);;
border-color: rgba($flow-status-progress-color, 0.1);;
background-color: rgba($flow-status-progress-color, 0.1);
border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color;
}
&.test {
background-color: rgba($flow-status-test-color, 0.1);;
border-color: rgba($flow-status-test-color, 0.1);;
background-color: rgba($flow-status-test-color, 0.1);
border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color;
}
&.end {
background-color: rgba($flow-status-end-color, 0.1);;
border-color: rgba($flow-status-end-color, 0.1);;
background-color: rgba($flow-status-end-color, 0.1);
border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color;
}
}
@ -1005,13 +1005,13 @@
background-color: rgba($flow-status-start-color, 0.1);
}
&.progress {
background-color: rgba($flow-status-progress-color, 0.1);;
background-color: rgba($flow-status-progress-color, 0.1);
}
&.test {
background-color: rgba($flow-status-test-color, 0.1);;
background-color: rgba($flow-status-test-color, 0.1);
}
&.end {
background-color: rgba($flow-status-end-color, 0.1);;
background-color: rgba($flow-status-end-color, 0.1);
}
}
}

View File

@ -70,18 +70,18 @@
color: $flow-status-start-color;
}
&.progress {
background-color: rgba($flow-status-progress-color, 0.1);;
border-color: rgba($flow-status-progress-color, 0.1);;
background-color: rgba($flow-status-progress-color, 0.1);
border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color;
}
&.test {
background-color: rgba($flow-status-test-color, 0.1);;
border-color: rgba($flow-status-test-color, 0.1);;
background-color: rgba($flow-status-test-color, 0.1);
border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color;
}
&.end {
background-color: rgba($flow-status-end-color, 0.1);;
border-color: rgba($flow-status-end-color, 0.1);;
background-color: rgba($flow-status-end-color, 0.1);
border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color;
}
}
@ -437,15 +437,15 @@
color: $flow-status-start-color;
}
&.progress {
background-color: rgba($flow-status-progress-color, 0.1);;
background-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color;
}
&.test {
background-color: rgba($flow-status-test-color, 0.1);;
background-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color;
}
&.end {
background-color: rgba($flow-status-end-color, 0.1);;
background-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color;
}

View File

@ -75,18 +75,18 @@
color: $flow-status-start-color;
}
&.progress {
background-color: rgba($flow-status-progress-color, 0.1);;
border-color: rgba($flow-status-progress-color, 0.1);;
background-color: rgba($flow-status-progress-color, 0.1);
border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color;
}
&.test {
background-color: rgba($flow-status-test-color, 0.1);;
border-color: rgba($flow-status-test-color, 0.1);;
background-color: rgba($flow-status-test-color, 0.1);
border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color;
}
&.end {
background-color: rgba($flow-status-end-color, 0.1);;
border-color: rgba($flow-status-end-color, 0.1);;
background-color: rgba($flow-status-end-color, 0.1);
border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color;
}
}
@ -364,18 +364,18 @@
color: $flow-status-start-color;
}
&.progress {
background-color: rgba($flow-status-progress-color, 0.1);;
border-color: rgba($flow-status-progress-color, 0.1);;
background-color: rgba($flow-status-progress-color, 0.1);
border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color;
}
&.test {
background-color: rgba($flow-status-test-color, 0.1);;
border-color: rgba($flow-status-test-color, 0.1);;
background-color: rgba($flow-status-test-color, 0.1);
border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color;
}
&.end {
background-color: rgba($flow-status-end-color, 0.1);;
border-color: rgba($flow-status-end-color, 0.1);;
background-color: rgba($flow-status-end-color, 0.1);
border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color;
}
}

View File

@ -87,18 +87,18 @@
color: $flow-status-start-color;
}
&.progress {
background-color: rgba($flow-status-progress-color, 0.1);;
border-color: rgba($flow-status-progress-color, 0.1);;
background-color: rgba($flow-status-progress-color, 0.1);
border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color;
}
&.test {
background-color: rgba($flow-status-test-color, 0.1);;
border-color: rgba($flow-status-test-color, 0.1);;
background-color: rgba($flow-status-test-color, 0.1);
border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color;
}
&.end {
background-color: rgba($flow-status-end-color, 0.1);;
border-color: rgba($flow-status-end-color, 0.1);;
background-color: rgba($flow-status-end-color, 0.1);
border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color;
}
}

View File

@ -192,18 +192,18 @@
color: $flow-status-start-color;
}
&.progress {
background-color: rgba($flow-status-progress-color, 0.1);;
border-color: rgba($flow-status-progress-color, 0.1);;
background-color: rgba($flow-status-progress-color, 0.1);
border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color;
}
&.test {
background-color: rgba($flow-status-test-color, 0.1);;
border-color: rgba($flow-status-test-color, 0.1);;
background-color: rgba($flow-status-test-color, 0.1);
border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color;
}
&.end {
background-color: rgba($flow-status-end-color, 0.1);;
border-color: rgba($flow-status-end-color, 0.1);;
background-color: rgba($flow-status-end-color, 0.1);
border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color;
}
}

View File

@ -363,18 +363,18 @@
color: $flow-status-start-color;
}
&.progress {
background-color: rgba($flow-status-progress-color, 0.1);;
border-color: rgba($flow-status-progress-color, 0.1);;
background-color: rgba($flow-status-progress-color, 0.1);
border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color;
}
&.test {
background-color: rgba($flow-status-test-color, 0.1);;
border-color: rgba($flow-status-test-color, 0.1);;
background-color: rgba($flow-status-test-color, 0.1);
border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color;
}
&.end {
background-color: rgba($flow-status-end-color, 0.1);;
border-color: rgba($flow-status-end-color, 0.1);;
background-color: rgba($flow-status-end-color, 0.1);
border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color;
}
}

View File

@ -300,7 +300,17 @@
margin-bottom: 6px;
height: 34px;
line-height: 34px;
border-bottom: 1px solid #efefef;
position: relative;
&:after {
content: "";
position: absolute;
bottom: 0;
right: 0;
left: 0;
height: 1px;
background-color: #f2f2f2;
transform: scaleY(0.5);
}
}
&.nothing,
&.loading {