mirror of
https://github.com/kuaifan/dootask.git
synced 2026-03-07 18:07:05 +00:00
perf: 样式兼容
This commit is contained in:
parent
6c173674f0
commit
b271105d1a
@ -15,14 +15,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="tabActive==='dialog' && !dialogKey" class="messenger-nav">
|
||||
<p
|
||||
<div
|
||||
v-for="(item, key) in dialogType"
|
||||
:key="key"
|
||||
:class="{active:dialogActive==item.type}"
|
||||
@click="onActive(item.type)">
|
||||
<Badge class="nav-num" :overflow-count="999" :count="msgUnread(item.type)"/>
|
||||
{{$L(item.name)}}
|
||||
</p>
|
||||
<div class="nav-title">{{$L(item.name)}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="$isEEUiApp && !appNotificationPermission" class="messenger-notify-permission" @click="onOpenAppSetting">
|
||||
{{$L('未开启通知权限')}}<i class="taskfont"></i>
|
||||
|
||||
@ -21,6 +21,7 @@
|
||||
@click="toggleRoute(item.path)">{{$L(item.name)}}</li>
|
||||
<li
|
||||
v-if="!!clientNewVersion"
|
||||
class="flex"
|
||||
:class="classNameRoute('version', true)"
|
||||
@click="toggleRoute('version')">
|
||||
<AutoTip disabled>{{$L('版本')}}: {{version}}</AutoTip>
|
||||
|
||||
6
resources/assets/sass/components/mobile.scss
vendored
6
resources/assets/sass/components/mobile.scss
vendored
@ -41,6 +41,7 @@
|
||||
|
||||
> li {
|
||||
flex: 1;
|
||||
width: 0;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@ -60,6 +61,10 @@
|
||||
.tabbar-title {
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
max-width: 92%;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tabbar-badge {
|
||||
@ -135,6 +140,7 @@
|
||||
.tabbar-title {
|
||||
padding-top: 6px;
|
||||
font-size: 13px;
|
||||
max-width: 92%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
1
resources/assets/sass/pages/common.scss
vendored
1
resources/assets/sass/pages/common.scss
vendored
@ -279,6 +279,7 @@ body {
|
||||
.adaption {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
overflow-x: auto;
|
||||
|
||||
.ivu-btn {
|
||||
height: 38px;
|
||||
|
||||
@ -64,7 +64,8 @@
|
||||
align-items: center;
|
||||
justify-content: space-evenly;
|
||||
padding: 2px 0 12px;
|
||||
> p {
|
||||
> div {
|
||||
max-width: 25%;
|
||||
position: relative;
|
||||
line-height: 1;
|
||||
padding: 0 6px;
|
||||
@ -76,6 +77,11 @@
|
||||
right: -8px;
|
||||
transform: scale(0.7);
|
||||
}
|
||||
.nav-title {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
&.active {
|
||||
color: #555555;
|
||||
font-weight: 500;
|
||||
|
||||
16
resources/assets/sass/pages/page-setting.scss
vendored
16
resources/assets/sass/pages/page-setting.scss
vendored
@ -44,8 +44,14 @@
|
||||
padding: 0 20px;
|
||||
margin: 5px 0;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
|
||||
&.flex {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.ivu-badge {
|
||||
transform: scale(0.8);
|
||||
@ -154,6 +160,12 @@
|
||||
height: 34px;
|
||||
line-height: 32px;
|
||||
min-width: 94px;
|
||||
> span {
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
}
|
||||
}
|
||||
.setting-auto-day {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user