|
|
@@ -2,7 +2,7 @@
|
|
|
<div class="header">
|
|
|
<div class="title">
|
|
|
<img class="logo" src="@/assets/images/common/logo.png" alt="" />
|
|
|
- <span>飞鸟智慧巡园平台</span>
|
|
|
+ <span>高州市"AI+低空"智慧农业标准化种植与溯源平台</span>
|
|
|
<img class="logo-icon" src="@/assets/images/common/logo-icon.png" alt="" />
|
|
|
</div>
|
|
|
<div class="focus-farm" v-show="!hideSwitch">
|
|
|
@@ -171,27 +171,30 @@ onUnmounted(() => {
|
|
|
position: relative;
|
|
|
|
|
|
.title {
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- font-size: 24px;
|
|
|
- letter-spacing: 2px;
|
|
|
- padding-left: 20px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- box-sizing: border-box;
|
|
|
- background: url("@/assets/images/common/header-bg.png") no-repeat center center / 100% 100%;
|
|
|
- .logo {
|
|
|
- width: 23px;
|
|
|
- height: 26px;
|
|
|
- }
|
|
|
- .logo-icon {
|
|
|
- width: 33px;
|
|
|
- height: 12px;
|
|
|
- }
|
|
|
- span {
|
|
|
- margin: 0 5px;
|
|
|
- font-family: "PangMenZhengDao";
|
|
|
- }
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ font-size: 24px;
|
|
|
+ letter-spacing: 2px;
|
|
|
+ padding-left: 20px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: url("@/assets/images/common/header-bg.png") no-repeat center center / 100% 100%;
|
|
|
+ background-size: 190% 100%;
|
|
|
+ background-position: left center;
|
|
|
+ .logo {
|
|
|
+ width: 23px;
|
|
|
+ height: 26px;
|
|
|
+ }
|
|
|
+ .logo-icon {
|
|
|
+ width: 33px;
|
|
|
+ height: 12px;
|
|
|
+ }
|
|
|
+ span {
|
|
|
+ margin: 0 5px;
|
|
|
+ cursor: pointer;
|
|
|
+ font-family: "PangMenZhengDao";
|
|
|
+ }
|
|
|
}
|
|
|
.focus-farm {
|
|
|
position: absolute;
|
