github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2026-03-17 11:13:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

perf: 样式兼容

Browse Source
This commit is contained in:
kuaifan 2023-02-17 18:51:12 +08:00
parent 6c173674f0
commit b271105d1a
6 changed files with 32 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/assets/js/pages/manage/messenger.vue
View File

@ -15,14 +15,14 @@
</div> </div>
</div> </div>
<div v-if="tabActive==='dialog' && !dialogKey" class="messenger-nav"> <div v-if="tabActive==='dialog' && !dialogKey" class="messenger-nav">
<p <div
v-for="(item, key) in dialogType" v-for="(item, key) in dialogType"
:key="key" :key="key"
:class="{active:dialogActive==item.type}" :class="{active:dialogActive==item.type}"
@click="onActive(item.type)"> @click="onActive(item.type)">
<Badge class="nav-num" :overflow-count="999" :count="msgUnread(item.type)"/> <Badge class="nav-num" :overflow-count="999" :count="msgUnread(item.type)"/>
{{$L(item.name)}} <div class="nav-title">{{$L(item.name)}}</div>
</p> </div>
</div> </div>
<div v-if="$isEEUiApp && !appNotificationPermission" class="messenger-notify-permission" @click="onOpenAppSetting"> <div v-if="$isEEUiApp && !appNotificationPermission" class="messenger-notify-permission" @click="onOpenAppSetting">
{{$L('未开启通知权限')}}<i class="taskfont">&#xe733;</i> {{$L('未开启通知权限')}}<i class="taskfont">&#xe733;</i>

1
resources/assets/js/pages/manage/setting/index.vue
View File

@ -21,6 +21,7 @@
@click="toggleRoute(item.path)">{{$L(item.name)}}</li> @click="toggleRoute(item.path)">{{$L(item.name)}}</li>
<li <li
v-if="!!clientNewVersion" v-if="!!clientNewVersion"
class="flex"
:class="classNameRoute('version', true)" :class="classNameRoute('version', true)"
@click="toggleRoute('version')"> @click="toggleRoute('version')">
<AutoTip disabled>{{$L('版本')}}: {{version}}</AutoTip> <AutoTip disabled>{{$L('版本')}}: {{version}}</AutoTip>

6
resources/assets/sass/components/mobile.scss vendored
View File

@ -41,6 +41,7 @@
> li { > li {
flex: 1; flex: 1;
width: 0;
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -60,6 +61,10 @@
.tabbar-title { .tabbar-title {
font-size: 12px; font-size: 12px;
line-height: 18px; line-height: 18px;
max-width: 92%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
} }
.tabbar-badge { .tabbar-badge {
@ -135,6 +140,7 @@
.tabbar-title { .tabbar-title {
padding-top: 6px; padding-top: 6px;
font-size: 13px; font-size: 13px;
max-width: 92%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;

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

@ -279,6 +279,7 @@ body {
.adaption { .adaption {
display: flex; display: flex;
align-items: center; align-items: center;
overflow-x: auto;
.ivu-btn { .ivu-btn {
height: 38px; height: 38px;

8
resources/assets/sass/pages/page-messenger.scss vendored
View File

@ -64,7 +64,8 @@
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
padding: 2px 0 12px; padding: 2px 0 12px;
> p { > div {
max-width: 25%;
position: relative; position: relative;
line-height: 1; line-height: 1;
padding: 0 6px; padding: 0 6px;
@ -76,6 +77,11 @@
right: -8px; right: -8px;
transform: scale(0.7); transform: scale(0.7);
} }
.nav-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
&.active { &.active {
color: #555555; color: #555555;
font-weight: 500; font-weight: 500;

12
resources/assets/sass/pages/page-setting.scss vendored
View File

@ -44,8 +44,14 @@
padding: 0 20px; padding: 0 20px;
margin: 5px 0; margin: 5px 0;
position: relative; position: relative;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
&.flex {
display: flex; display: flex;
align-items: center; align-items: center;
}
.ivu-badge { .ivu-badge {
transform: scale(0.8); transform: scale(0.8);
@ -154,6 +160,12 @@
height: 34px; height: 34px;
line-height: 32px; line-height: 32px;
min-width: 94px; min-width: 94px;
> span {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
} }
} }
.setting-auto-day { .setting-auto-day {