mirror of
https://github.com/kuaifan/dootask.git
synced 2026-03-08 02:17:04 +00:00
no message
This commit is contained in:
parent
1f8198b36b
commit
d47a514b09
@ -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("任务描述")
|
||||||
|
|||||||
@ -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);
|
||||||
|
|||||||
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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) {
|
||||||
|
|||||||
@ -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);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
12
resources/assets/sass/pages/page-dashboard.scss
vendored
12
resources/assets/sass/pages/page-dashboard.scss
vendored
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
12
resources/assets/sass/pages/page-manage.scss
vendored
12
resources/assets/sass/pages/page-manage.scss
vendored
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
12
resources/assets/sass/pages/page-messenger.scss
vendored
12
resources/assets/sass/pages/page-messenger.scss
vendored
@ -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 {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user