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.calendarWeek = {daynames};
this.calendarMonth = {daynames}; this.calendarMonth = {daynames};
this.calendarTheme = { this.calendarTheme = {
'common.border': '1px solid #f4f5f5', 'common.border': '1px solid rgba(0,0,0,0)',
'month.dayname.fontSize': '14px', 'month.dayname.fontSize': '14px',
'month.dayname.borderLeft': '1px solid #f4f5f5', 'month.dayname.borderLeft': '1px solid rgba(0,0,0,0)',
'month.dayname.height': '50px', '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 = { this.calendarTemplate = {
titlePlaceholder: () => { titlePlaceholder: () => {
return this.$L("任务描述") return this.$L("任务描述")

View File

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

View File

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

View File

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

View File

@ -179,18 +179,18 @@
color: $flow-status-start-color; color: $flow-status-start-color;
} }
&.progress { &.progress {
background-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);; border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color; color: $flow-status-progress-color;
} }
&.test { &.test {
background-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);; border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color; color: $flow-status-test-color;
} }
&.end { &.end {
background-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);; border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color; color: $flow-status-end-color;
} }
} }
@ -419,18 +419,18 @@
color: $flow-status-start-color; color: $flow-status-start-color;
} }
&.progress { &.progress {
background-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);; border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color; color: $flow-status-progress-color;
} }
&.test { &.test {
background-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);; border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color; color: $flow-status-test-color;
} }
&.end { &.end {
background-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);; border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color; color: $flow-status-end-color;
} }
} }
@ -787,18 +787,18 @@
color: $flow-status-start-color; color: $flow-status-start-color;
} }
&.progress { &.progress {
background-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);; border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color; color: $flow-status-progress-color;
} }
&.test { &.test {
background-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);; border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color; color: $flow-status-test-color;
} }
&.end { &.end {
background-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);; border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color; color: $flow-status-end-color;
} }
} }
@ -1005,13 +1005,13 @@
background-color: rgba($flow-status-start-color, 0.1); background-color: rgba($flow-status-start-color, 0.1);
} }
&.progress { &.progress {
background-color: rgba($flow-status-progress-color, 0.1);; background-color: rgba($flow-status-progress-color, 0.1);
} }
&.test { &.test {
background-color: rgba($flow-status-test-color, 0.1);; background-color: rgba($flow-status-test-color, 0.1);
} }
&.end { &.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; color: $flow-status-start-color;
} }
&.progress { &.progress {
background-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);; border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color; color: $flow-status-progress-color;
} }
&.test { &.test {
background-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);; border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color; color: $flow-status-test-color;
} }
&.end { &.end {
background-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);; border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color; color: $flow-status-end-color;
} }
} }
@ -437,15 +437,15 @@
color: $flow-status-start-color; color: $flow-status-start-color;
} }
&.progress { &.progress {
background-color: rgba($flow-status-progress-color, 0.1);; background-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color; color: $flow-status-progress-color;
} }
&.test { &.test {
background-color: rgba($flow-status-test-color, 0.1);; background-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color; color: $flow-status-test-color;
} }
&.end { &.end {
background-color: rgba($flow-status-end-color, 0.1);; background-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color; color: $flow-status-end-color;
} }

View File

@ -75,18 +75,18 @@
color: $flow-status-start-color; color: $flow-status-start-color;
} }
&.progress { &.progress {
background-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);; border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color; color: $flow-status-progress-color;
} }
&.test { &.test {
background-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);; border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color; color: $flow-status-test-color;
} }
&.end { &.end {
background-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);; border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color; color: $flow-status-end-color;
} }
} }
@ -364,18 +364,18 @@
color: $flow-status-start-color; color: $flow-status-start-color;
} }
&.progress { &.progress {
background-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);; border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color; color: $flow-status-progress-color;
} }
&.test { &.test {
background-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);; border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color; color: $flow-status-test-color;
} }
&.end { &.end {
background-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);; border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color; color: $flow-status-end-color;
} }
} }

View File

@ -87,18 +87,18 @@
color: $flow-status-start-color; color: $flow-status-start-color;
} }
&.progress { &.progress {
background-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);; border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color; color: $flow-status-progress-color;
} }
&.test { &.test {
background-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);; border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color; color: $flow-status-test-color;
} }
&.end { &.end {
background-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);; border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color; color: $flow-status-end-color;
} }
} }

View File

@ -192,18 +192,18 @@
color: $flow-status-start-color; color: $flow-status-start-color;
} }
&.progress { &.progress {
background-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);; border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color; color: $flow-status-progress-color;
} }
&.test { &.test {
background-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);; border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color; color: $flow-status-test-color;
} }
&.end { &.end {
background-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);; border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color; color: $flow-status-end-color;
} }
} }

View File

@ -363,18 +363,18 @@
color: $flow-status-start-color; color: $flow-status-start-color;
} }
&.progress { &.progress {
background-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);; border-color: rgba($flow-status-progress-color, 0.1);
color: $flow-status-progress-color; color: $flow-status-progress-color;
} }
&.test { &.test {
background-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);; border-color: rgba($flow-status-test-color, 0.1);
color: $flow-status-test-color; color: $flow-status-test-color;
} }
&.end { &.end {
background-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);; border-color: rgba($flow-status-end-color, 0.1);
color: $flow-status-end-color; color: $flow-status-end-color;
} }
} }

View File

@ -300,7 +300,17 @@
margin-bottom: 6px; margin-bottom: 6px;
height: 34px; height: 34px;
line-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, &.nothing,
&.loading { &.loading {