github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-12 03:01:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 样式调优

Browse Source
This commit is contained in:
weifashi 2023-12-04 11:28:14 +08:00
parent 22050b7488
commit bc250ad4b8
4 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/assets/js/pages/manage.vue
View File

@ -6,7 +6,7 @@
trigger="click" trigger="click"
@on-click="settingRoute" @on-click="settingRoute"
@on-visible-change="menuVisibleChange" @on-visible-change="menuVisibleChange"
transfer> >
<div :class="['manage-box-title', visibleMenu ? 'menu-visible' : '']"> <div :class="['manage-box-title', visibleMenu ? 'menu-visible' : '']">
<div class="manage-box-avatar"> <div class="manage-box-avatar">
<UserAvatar :userid="userId" :size="48" tooltipDisabled/> <UserAvatar :userid="userId" :size="48" tooltipDisabled/>

2
resources/assets/js/pages/manage/components/DialogItem.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div :class="classArray"> <div :class="classArray" :data-dialog-id="source.id">
<div v-if="source.type === 'tag'" class="dialog-tag" @click="onViewTag"> <div v-if="source.type === 'tag'" class="dialog-tag" @click="onViewTag">
<div class="tag-user"><UserAvatar :userid="source.userid" :tooltipDisabled="source.userid == userId" :show-name="true" :show-icon="false"/></div> <div class="tag-user"><UserAvatar :userid="source.userid" :tooltipDisabled="source.userid == userId" :show-name="true" :show-icon="false"/></div>
{{$L(source.msg.action === 'remove' ? '取消标注' : '标注了')}} {{$L(source.msg.action === 'remove' ? '取消标注' : '标注了')}}

10
resources/assets/js/pages/manage/components/DialogWrapper.vue
View File

@ -1027,7 +1027,7 @@ export default {
this.inputFocus() this.inputFocus()
} }
// //
setTimeout(()=>this.msgRead(),100) setTimeout(()=>this.msgRead(),500)
} }
this.$store.dispatch('closeDialog', old_id) this.$store.dispatch('closeDialog', old_id)
this.getUserApproveStatus(); this.getUserApproveStatus();
@ -2229,10 +2229,12 @@ export default {
return; return;
} }
this.$nextTick(()=>{ this.$nextTick(()=>{
this.$refs.scroller.activeEvent(this.$refs.scroller.$el) if(!this.$refs.scroller.$el.querySelector('div.active')){
this.$refs.scroller.activeEvent(this.$refs.scroller.$el)
}
this.$nextTick(()=>{ this.$nextTick(()=>{
this.$refs.scroller.$el.querySelectorAll('div.active .dialog-view')?.forEach(element => { this.$refs.scroller.$el.querySelectorAll('div.active .dialog-item')?.forEach(element => {
const mid = Number(element.getAttribute('data-id') || 0) || 0; const mid = Number(element.getAttribute('data-dialog-id') || 0) || 0;
if(mid){ if(mid){
const source = this.allMsgs.find(msg =>{return msg.id == mid}) const source = this.allMsgs.find(msg =>{return msg.id == mid})
if(source){ if(source){

5
resources/assets/sass/pages/page-manage.scss vendored
View File

@ -260,9 +260,9 @@
color: #999999; color: #999999;
.taskfont{ .taskfont{
font-size: 22px; font-size: 22px;
padding: 8px; padding: 4px;
cursor: pointer; cursor: pointer;
border-radius: 8px; border-radius: 4px;
&:hover{ &:hover{
background-color: #ffffff; background-color: #ffffff;
color: #8FCE78; color: #8FCE78;
@ -313,6 +313,7 @@
width: 86%; width: 86%;
} }
.ivu-select-dropdown { .ivu-select-dropdown {
min-width: 180px;
padding: 7px 0; padding: 7px 0;
.ivu-dropdown-item { .ivu-dropdown-item {
padding: 9px 16px; padding: 9px 16px;