|
@@ -104,7 +104,10 @@ onUnmounted(() => {
|
|
</ul>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="header-right flex items-center justify-end pr-[18px]">
|
|
<div class="header-right flex items-center justify-end pr-[18px]">
|
|
- <div class="select-factory"></div>
|
|
|
|
|
|
+ <div class="select-factory">
|
|
|
|
+ <span>LibraAi污水厂</span>
|
|
|
|
+ <span></span>
|
|
|
|
+ </div>
|
|
<TheUserAvatar></TheUserAvatar>
|
|
<TheUserAvatar></TheUserAvatar>
|
|
<editPassword></editPassword>
|
|
<editPassword></editPassword>
|
|
</div>
|
|
</div>
|
|
@@ -235,12 +238,28 @@ $primary-bg-color: #040d1c;
|
|
|
|
|
|
.header-right {
|
|
.header-right {
|
|
.select-factory {
|
|
.select-factory {
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: center;
|
|
|
|
+ justify-content: space-between;
|
|
width: 114px;
|
|
width: 114px;
|
|
height: 34px;
|
|
height: 34px;
|
|
|
|
+ padding: 10px;
|
|
margin-right: 16px;
|
|
margin-right: 16px;
|
|
- background: url(@/assets/images/screenViewBlack/bg-select.png) center center no-repeat;
|
|
|
|
- background-size: 100% 100%;
|
|
|
|
|
|
+ background:
|
|
|
|
+ url("@/assets/images/screenViewBlack/bg-arrow-left.svg") left bottom no-repeat,
|
|
|
|
+ url("@/assets/images/screenViewBlack/bg-select.svg") center center no-repeat,
|
|
|
|
+ url("@/assets/images/screenViewBlack/bg-arrow-right.svg") right bottom no-repeat;
|
|
|
|
+ background-size: 7px 7px, contain, 7px 7px;
|
|
|
|
+ color: #fff;
|
|
|
|
+ font-size: 12px;
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
|
+
|
|
|
|
+ & span:nth-child(2) {
|
|
|
|
+ display: block;
|
|
|
|
+ width: 13px;
|
|
|
|
+ height: 12px;
|
|
|
|
+ background: url("@/assets/images/screenViewBlack/bg-arrow-down.svg") center center no-repeat;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|