From 7633cfbb1d9d75b316a004b69f7f9feea4233934 Mon Sep 17 00:00:00 2001
From: odc.xiaohui <xiaohui@Q1>
Date: 星期三, 28 二月 2024 16:42:21 +0800
Subject: [PATCH] 大屏左侧
---
src/views/header.vue | 58 ++++++++++++++++++++++++++++++++++++++++++----------------
1 files changed, 42 insertions(+), 16 deletions(-)
diff --git a/src/views/header.vue b/src/views/header.vue
index 50c5858..16ed804 100644
--- a/src/views/header.vue
+++ b/src/views/header.vue
@@ -24,28 +24,31 @@
<template>
<div class="d-flex jc-center title_wrap">
- <div class="zuojuxing"></div>
- <div class="youjuxing"></div>
- <div class="guang"></div>
+ <div class="zuojuxing-new">
+ 鎮ㄥソ锛屾杩庢潵鍒�<span style="color:#E4D68B;">閬撳畨鍔炲競鍩熸不鐞嗘暟鎹�</span>澶у睆锛�
+ </div>
+<!-- <div class="zuojuxing"></div>-->
+<!-- <div class="youjuxing"></div>-->
+<!-- <div class="guang"></div>-->
<div class="d-flex jc-center">
<div class="title">
- <span class="title-text">浜掕仈缃戣澶囧彲瑙嗗寲骞冲彴</span>
+ <span class="title-text">閬撳畨鍔炲競鍩熸不鐞嗘暟鎹ぇ灞�</span>
</div>
</div>
- <div class="timers">
- {{ dateData.dateYear }} {{ dateData.dateWeek }} {{ dateData.dateDay }}
+<!-- <div class="timers">-->
+<!-- {{ dateData.dateYear }} {{ dateData.dateWeek }} {{ dateData.dateDay }}-->
- <div class="setting_icon" @click="setSettingShow(true)">
- <img src="@/assets/img/headers/setting.png" alt="璁剧疆">
- </div>
- </div>
+<!-- <div class="setting_icon" @click="setSettingShow(true)">-->
+<!-- <img src="@/assets/img/headers/setting.png" alt="璁剧疆">-->
+<!-- </div>-->
+<!-- </div>-->
</div>
</template>
<style scoped lang="scss">
.title_wrap {
- height: 60px;
- background-image: url("../assets/img/top.png");
+ height: 116px;
+ background-image: url("../assets/img/top1.png");
background-size: cover;
background-position: center center;
position: relative;
@@ -68,7 +71,28 @@
height: 6px;
background-image: url("../assets/img/headers/juxing1.png");
}
+ .zuojuxing-new::before{
+ background-image: url(../assets/img/top3.png);
+ content: "";
+ width: 20px;
+ height: 20px;
+ //background-image: url(./bubble.png);
+ background-size: contain;
+ margin: -2px 10px;
+ //background: url("../assets/img/top3.png") no-repeat;
+ }
+ .zuojuxing-new{
+ display: flex;
+ align-items: center;
+ margin-top: 13px;
+ position: absolute;
+ top: -2px;
+ width: auto;
+ height: 20px;
+ left: 0.2%;
+ line-height: 50px;
+ }
.zuojuxing {
left: 11%;
}
@@ -108,15 +132,17 @@
line-height: 46px;
.title-text {
+ font-style: italic;
+ //text-shadow: 0px 2px 10px rgba(0,0,0,0.5);
+ //font-family: 200-SSBoYaTi;
font-size: 38px;
font-weight: 900;
letter-spacing: 6px;
width: 100%;
background: linear-gradient(
- 92deg,
- #0072ff 0%,
- #00eaff 48.8525390625%,
- #01aaff 100%
+ 180deg,
+ #fff 0%,
+ #407BB6 100%
);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
--
Gitblit v1.8.0