gitee/dootask
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

no message

Browse Source
This commit is contained in:
kuaifan 2021-06-10 13:38:07 +08:00
parent 5ccb3fd2d4
commit 351648990f
6 changed files with 99 additions and 74 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/assets/js/App.vue
View File

@ -151,11 +151,7 @@
}
</script>
<style>
body { overflow-x: hidden; }
</style>
<!--suppress CssUnusedSymbol -->
<style scoped>
<style lang="scss" scoped>
.child-view {
position: absolute;
width: 100%;

56
resources/assets/js/pages/manage/components/ProjectDialog.vue
View File

@ -21,62 +21,6 @@
</div>
</template>
<style lang="scss" scoped>
.project-dialog {
display: flex;
flex-direction: column;
background-color: #ffffff;
border-left: 1px solid #f4f5f5;
z-index: 1;
position: relative;
.project-dialog-wrapper {
.dialog-user {
margin-top: 36px;
padding: 0 32px;
.member-head {
display: flex;
align-items: center;
.member-title {
flex: 1;
font-size: 18px;
font-weight: 600;
> span {
padding-left: 6px;
color: #2d8cf0;
}
}
.member-view-all {
color: #999;
font-size: 13px;
cursor: pointer;
&:hover {
color: #777;
}
}
}
.member-list {
display: flex;
align-items: center;
margin-top: 14px;
overflow: auto;
> li {
position: relative;
list-style: none;
margin-right: 14px;
margin-bottom: 8px;
}
&.member-all {
display: block;
> li {
display: inline-block;
}
}
}
}
}
}
</style>
<script>
import {mapState} from "vuex";
import DialogWrapper from "./DialogWrapper";

16
resources/assets/sass/pages/_.scss vendored
View File

@ -1,10 +1,10 @@
@import "common.scss";
@import "page-calendar.scss";
@import "page-dashboard.scss";
@import "page-login.scss";
@import "page-manage.scss";
@import "page-messenger.scss";
@import "page-project.scss";
@import "page-setting.scss";
@import "common";
@import "page-calendar";
@import "page-dashboard";
@import "page-login";
@import "page-manage";
@import "page-messenger";
@import "page-project";
@import "page-setting";
@import "components/_";

31
resources/assets/sass/pages/common.scss vendored
View File

@ -6,6 +6,37 @@ body {
}
}
.child-view {
position: absolute;
width: 100%;
min-height: 100%;
transition: all .3s cubic-bezier(.55, 0, .1, 1);
}
.app-slide-no-leave-to {display: none;}
/**
* 左右模式
*/
.app-slide-left-leave-active{z-index:1;transform:translate(0,0)}
.app-slide-left-leave-to{z-index:1;transform:translate(0,0)}
.app-slide-left-enter-active{opacity:0;z-index:2;transform:translate(30%,0)}
.app-slide-left-enter-to{opacity:1;z-index:2;transform:translate(0,0)}
.app-slide-right-leave-active{opacity:1;z-index:2;transform:translate(0,0)}
.app-slide-right-leave-to{opacity:0;z-index:2;transform:translate(30%,0)}
.app-slide-right-enter-active{z-index:1;transform:translate(0,0)}
.app-slide-right-enter{z-index:1;transform:translate(0,0)}
/**
* 上下模式
*/
.app-slide-up-leave-active{z-index:1;transform:translate(0,0)}
.app-slide-up-leave-to{z-index:1;transform:translate(0,0)}
.app-slide-up-enter-active{opacity:0;z-index:2;transform:translate(0,20%)}
.app-slide-up-enter-to{opacity:1;z-index:2;transform:translate(0,0)}
.app-slide-down-leave-active{opacity:1;z-index:2;transform:translate(0,0)}
.app-slide-down-leave-to{opacity:0;z-index:2;transform:translate(0,20%)}
.app-slide-down-enter-active{z-index:1;transform:translate(0,0)}
.app-slide-down-enter{z-index:1;transform:translate(0,0)}
*[hidden="hidden"] {
display: none !important;
}

11
resources/assets/sass/pages/components/_.scss vendored
View File

@ -1,5 +1,6 @@
@import "dialog-wrapper.scss";
@import "project-list.scss";
@import "task-add.scss";
@import "task-add-simple.scss";
@import "task-priority.scss";
@import "dialog-wrapper";
@import "project-dialog";
@import "project-list";
@import "task-add";
@import "task-add-simple";
@import "task-priority";

53
resources/assets/sass/pages/components/project-dialog.scss vendored Normal file
View File

@ -0,0 +1,53 @@
.project-dialog {
display: flex;
flex-direction: column;
background-color: #ffffff;
border-left: 1px solid #f4f5f5;
z-index: 1;
position: relative;
.project-dialog-wrapper {
.dialog-user {
margin-top: 36px;
padding: 0 32px;
.member-head {
display: flex;
align-items: center;
.member-title {
flex: 1;
font-size: 18px;
font-weight: 600;
> span {
padding-left: 6px;
color: #2d8cf0;
}
}
.member-view-all {
color: #999;
font-size: 13px;
cursor: pointer;
&:hover {
color: #777;
}
}
}
.member-list {
display: flex;
align-items: center;
margin-top: 14px;
overflow: auto;
> li {
position: relative;
list-style: none;
margin-right: 14px;
margin-bottom: 8px;
}
&.member-all {
display: block;
> li {
display: inline-block;
}
}
}
}
}
}