mirror of
https://github.com/kuaifan/dootask.git
synced 2026-03-07 18:07:05 +00:00
no message
This commit is contained in:
kuaifan
parent
1693d08d09
commit
3a74fc6d4e
65
public/css/loading.css
vendored
Normal file
65
public/css/loading.css
vendored
Normal file
@ -0,0 +1,65 @@
|
||||
.app-view-loading {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 99999;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.app-view-loading > div {
|
||||
text-align: center;
|
||||
}
|
||||
.app-view-loading > div > div {
|
||||
color: #ccc;
|
||||
margin: 0;
|
||||
font: 11px verdana;
|
||||
line-height: 16px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.app-view-loading > div > span {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
margin: 2px;
|
||||
background: #007DB6;
|
||||
border-radius: 8px;
|
||||
animation: app-view-loadanim 1s infinite alternate;
|
||||
}
|
||||
.app-view-loading > div > span:nth-of-type(2) {
|
||||
background: #008FB2;
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
.app-view-loading > div > span:nth-of-type(3) {
|
||||
background: #009B9E;
|
||||
animation-delay: 0.4s;
|
||||
}
|
||||
.app-view-loading > div > span:nth-of-type(4) {
|
||||
background: #00A77D;
|
||||
animation-delay: 0.6s;
|
||||
}
|
||||
.app-view-loading > div > span:nth-of-type(5) {
|
||||
background: #00B247;
|
||||
animation-delay: 0.8s;
|
||||
}
|
||||
.app-view-loading > div > span:nth-of-type(6) {
|
||||
background: #5AB027;
|
||||
animation-delay: 1.0s;
|
||||
}
|
||||
.app-view-loading > div > span:nth-of-type(7) {
|
||||
background: #A0B61E;
|
||||
animation-delay: 1.2s;
|
||||
}
|
||||
@keyframes app-view-loadanim {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@ -50,10 +50,10 @@
|
||||
</div>
|
||||
</ETooltip>
|
||||
<ETooltip placement="top" :content="$L('居中')">
|
||||
<div @click="execCommand('camera', 600)"><i class="ft icon"></i></div>
|
||||
<div @click="execCommand('goCenter')"><i class="ft icon"></i></div>
|
||||
</ETooltip>
|
||||
<ETooltip placement="top" :content="$L('移动')">
|
||||
<div @click="[execCommand('hand'),isHand=!isHand]"><i class="ft icon" :class="{active:isHand}"></i></div>
|
||||
<div @click="onHand"><i class="ft icon" :class="{active:isHand}"></i></div>
|
||||
</ETooltip>
|
||||
</div>
|
||||
<div class="minder-content">
|
||||
@ -218,8 +218,10 @@
|
||||
data() {
|
||||
return {
|
||||
loadIng: true,
|
||||
isHand: false,
|
||||
isHand: this.readOnly,
|
||||
zoom: 100,
|
||||
|
||||
backup: null
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
@ -233,24 +235,53 @@
|
||||
if (data.app !== 'minder') {
|
||||
return
|
||||
}
|
||||
if (data.action === 'ready') {
|
||||
this.loadIng = false
|
||||
this.rendData()
|
||||
switch (data.action) {
|
||||
case 'ready':
|
||||
this.loadIng = false
|
||||
this.rendData()
|
||||
break;
|
||||
|
||||
case 'content':
|
||||
this.backup = JSON.stringify(data.content)
|
||||
this.$emit('input', data.content);
|
||||
break;
|
||||
}
|
||||
},
|
||||
|
||||
execCommand(var1, var2) {
|
||||
|
||||
onHand() {
|
||||
if (this.readOnly) {
|
||||
this.execCommand('removeAllSelected')
|
||||
return
|
||||
}
|
||||
this.execCommand('Hand')
|
||||
this.isHand = !this.isHand
|
||||
},
|
||||
|
||||
exportHandle(n, filename) {
|
||||
filename = filename || (this.value.root.data.text || this.$L('无标题'));
|
||||
execCommand(command, value) {
|
||||
this.$refs.frame.postMessage({
|
||||
app: 'minder',
|
||||
action: 'command',
|
||||
command,
|
||||
value
|
||||
})
|
||||
},
|
||||
|
||||
exportHandle(type, filename) {
|
||||
this.$refs.frame.postMessage({
|
||||
app: 'minder',
|
||||
action: 'export',
|
||||
type,
|
||||
name: filename || (this.value.root.data.text || this.$L('无标题'))
|
||||
})
|
||||
},
|
||||
|
||||
rendData() {
|
||||
if (this.loadIng) {
|
||||
return
|
||||
}
|
||||
if (this.backup === JSON.stringify(this.value)) {
|
||||
return
|
||||
}
|
||||
this.$refs.frame.postMessage({
|
||||
app: 'minder',
|
||||
action: 'setContent',
|
||||
|
||||
@ -485,10 +485,10 @@ export default {
|
||||
});
|
||||
},
|
||||
|
||||
exportMenu(act) {
|
||||
exportMenu(type) {
|
||||
switch (this.file.type) {
|
||||
case 'mind':
|
||||
this.$refs.myMind.exportHandle(act == 'pdf' ? 1 : 0, this.file.name);
|
||||
this.$refs.myMind.exportHandle(type, this.file.name);
|
||||
break;
|
||||
}
|
||||
},
|
||||
|
||||
@ -159,10 +159,10 @@ export default {
|
||||
})
|
||||
},
|
||||
|
||||
exportMenu(act) {
|
||||
exportMenu(type) {
|
||||
switch (this.file.type) {
|
||||
case 'mind':
|
||||
this.$refs.myMind.exportHandle(act == 'pdf' ? 1 : 0, this.file.name);
|
||||
this.$refs.myMind.exportHandle(type, this.file.name);
|
||||
break;
|
||||
}
|
||||
},
|
||||
|
||||
1
resources/assets/sass/app.scss
vendored
1
resources/assets/sass/app.scss
vendored
@ -3,7 +3,6 @@
|
||||
@import "element";
|
||||
@import "fonts-ft";
|
||||
@import "taskfont";
|
||||
@import "loading";
|
||||
@import "scrollbar";
|
||||
@import "components/_";
|
||||
@import "pages/_";
|
||||
|
||||
75
resources/assets/sass/loading.scss
vendored
75
resources/assets/sass/loading.scss
vendored
@ -1,75 +0,0 @@
|
||||
.app-view-loading {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 99999;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
> div {
|
||||
text-align: center;
|
||||
|
||||
> div {
|
||||
color: #ccc;
|
||||
margin: 0;
|
||||
font: 11px verdana;
|
||||
line-height: 16px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
> span {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
margin: 2px;
|
||||
background: #007DB6;
|
||||
border-radius: 8px;
|
||||
animation: app-view-loadanim 1s infinite alternate;
|
||||
|
||||
&:nth-of-type(2) {
|
||||
background: #008FB2;
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
|
||||
&:nth-of-type(3) {
|
||||
background: #009B9E;
|
||||
animation-delay: 0.4s;
|
||||
}
|
||||
|
||||
&:nth-of-type(4) {
|
||||
background: #00A77D;
|
||||
animation-delay: 0.6s;
|
||||
}
|
||||
|
||||
&:nth-of-type(5) {
|
||||
background: #00B247;
|
||||
animation-delay: 0.8s;
|
||||
}
|
||||
|
||||
&:nth-of-type(6) {
|
||||
background: #5AB027;
|
||||
animation-delay: 1.0s;
|
||||
}
|
||||
|
||||
&:nth-of-type(7) {
|
||||
background: #A0B61E;
|
||||
animation-delay: 1.2s;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes app-view-loadanim {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
65
resources/assets/statics/public/css/loading.css
vendored
Normal file
65
resources/assets/statics/public/css/loading.css
vendored
Normal file
@ -0,0 +1,65 @@
|
||||
.app-view-loading {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
z-index: 99999;
|
||||
background-color: rgba(255, 255, 255, 0.7);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.app-view-loading > div {
|
||||
text-align: center;
|
||||
}
|
||||
.app-view-loading > div > div {
|
||||
color: #ccc;
|
||||
margin: 0;
|
||||
font: 11px verdana;
|
||||
line-height: 16px;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
.app-view-loading > div > span {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
margin: 2px;
|
||||
background: #007DB6;
|
||||
border-radius: 8px;
|
||||
animation: app-view-loadanim 1s infinite alternate;
|
||||
}
|
||||
.app-view-loading > div > span:nth-of-type(2) {
|
||||
background: #008FB2;
|
||||
animation-delay: 0.2s;
|
||||
}
|
||||
.app-view-loading > div > span:nth-of-type(3) {
|
||||
background: #009B9E;
|
||||
animation-delay: 0.4s;
|
||||
}
|
||||
.app-view-loading > div > span:nth-of-type(4) {
|
||||
background: #00A77D;
|
||||
animation-delay: 0.6s;
|
||||
}
|
||||
.app-view-loading > div > span:nth-of-type(5) {
|
||||
background: #00B247;
|
||||
animation-delay: 0.8s;
|
||||
}
|
||||
.app-view-loading > div > span:nth-of-type(6) {
|
||||
background: #5AB027;
|
||||
animation-delay: 1.0s;
|
||||
}
|
||||
.app-view-loading > div > span:nth-of-type(7) {
|
||||
background: #A0B61E;
|
||||
animation-delay: 1.2s;
|
||||
}
|
||||
@keyframes app-view-loadanim {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
@ -12,6 +12,7 @@
|
||||
<title>{{ config('app.name', 'WebPage') }}</title>
|
||||
<link rel="shortcut icon" href="{{ asset_main('favicon.ico') }}">
|
||||
<link rel="stylesheet" type="text/css" href="{{ asset_main('css/iview.css') }}">
|
||||
<link rel="stylesheet" type="text/css" href="{{ asset_main('css/loading.css') }}">
|
||||
<script src="{{ asset_main('js/scroll-into-view.min.js') }}"></script>
|
||||
<script>
|
||||
window.csrfToken = { csrfToken : "{{ csrf_token() }}" };
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user