提交代码
This commit is contained in:
@@ -1,13 +1,15 @@
|
||||
<template>
|
||||
<view class="nav choose">
|
||||
<view class="nav-menu nav-menu1" @click="selectEngineering" v-if="showQianTree">
|
||||
{{
|
||||
select.engineeringName || select.projectName || select.deviceName || select.lineName
|
||||
? [select.engineeringName, select.projectName, select.deviceName, select.lineName]
|
||||
.filter((item) => item && item !== '')
|
||||
.join('>')
|
||||
: '全部工程'
|
||||
}}
|
||||
<view class="nav-text">
|
||||
{{
|
||||
select.engineeringName || select.projectName || select.deviceName || select.lineName
|
||||
? [select.engineeringName, select.projectName, select.deviceName, select.lineName]
|
||||
.filter((item) => item && item !== '')
|
||||
.join('>')
|
||||
: '全部工程'
|
||||
}}
|
||||
</view>
|
||||
|
||||
<uni-icons type="bottom" size="14"></uni-icons>
|
||||
</view>
|
||||
@@ -31,8 +33,10 @@
|
||||
@change="bindDateChange"
|
||||
v-if="showDatetime"
|
||||
>
|
||||
<view class="nav-menu"
|
||||
>{{ select.date }}
|
||||
<view class="nav-menu nav-menu1"
|
||||
><view class="nav-text">
|
||||
{{ select.date }}
|
||||
</view>
|
||||
<uni-icons type="bottom" size="14"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
@@ -50,8 +54,10 @@
|
||||
@change="yearChange"
|
||||
v-if="!showDatetime"
|
||||
>
|
||||
<view class="nav-menu"
|
||||
>{{ select.range }}
|
||||
<view class="nav-menu nav-menu1"
|
||||
><view class="nav-text">
|
||||
{{ select.range }}
|
||||
</view>
|
||||
<uni-icons type="bottom" size="14"></uni-icons>
|
||||
</view>
|
||||
</picker>
|
||||
@@ -304,13 +310,37 @@ export default {
|
||||
/deep/ .uni-date-editor {
|
||||
width: 360rpx;
|
||||
}
|
||||
.nav-menu {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
// .nav-menu1 {
|
||||
// max-width: calc(100vw - 150px);
|
||||
// overflow: hidden !important;
|
||||
// -webkit-line-clamp: 1;
|
||||
// display: -webkit-box;
|
||||
// -webkit-box-orient: vertical;
|
||||
// text-overflow: ellipsis;
|
||||
// word-break: break-all;
|
||||
// white-space: nowrap;
|
||||
// }
|
||||
.nav-menu1 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
max-width: calc(100vw - 150px);
|
||||
}
|
||||
/* 文字容器:单行溢出省略 */
|
||||
.nav-text {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
-webkit-line-clamp: 1;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
white-space: nowrap; /* 强制不换行 */
|
||||
text-overflow: ellipsis;
|
||||
word-break: break-all;
|
||||
// -webkit-line-clamp: 1;
|
||||
// display: -webkit-box;
|
||||
// -webkit-box-orient: vertical;
|
||||
// text-overflow: ellipsis;
|
||||
// word-break: break-all;
|
||||
// white-space: nowrap;
|
||||
line-height: 1;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user