perf: 样式兼容

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

View File

@ -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">&#xe733;</i>

View File

@ -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>

View File

@ -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;

View File

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

View File

@ -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;

View File

@ -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 {