- 
+
+
-
上架数
-
- {{ devUpNum || 0 }}
-
- 台
+ {{ devUpNum || 0 }}
+ 台
+ 上架数
-
入驻数
-
-
- {{ devNum || 0 }}
-
- 台
+
+ {{ devNum || 0 }}
+ 台
-
+ 入驻数
+
-
保养数
-
- {{ devQcWaningNum || 0 }}
-
- 条
+ {{ devQcWaningNum || 0 }}
+ 条
+ 保养数
- 
+
+
-
- {{ rentTotalNum || 0 }}
-
- 台
+ {{ rentTotalNum || 0 }}
+ 台
累计数
-
- {{ devLeasingNum || 0 }}
-
- 台
+ {{ devLeasingNum || 0 }}
+ 台
在租数
{{ devRepairingNum || 0 }}
- 台
+ 台
退租数
@@ -98,48 +88,42 @@
- 
+
+
-
- {{ leaseNum || 0 }}
-
- 项
+ {{ leaseNum || 0 }}
+ 项
需求总数
-
- {{ demandUnitNum || 0 }}
-
- 个
+ {{ demandUnitNum || 0 }}
+ 个
需求单位
-
- {{ maTypeCountFromLease || 0 }}
-
- 类
+ {{ maTypeCountFromLease || 0 }}
+ 类
需求总类
@@ -313,7 +297,7 @@ export default {
.item {
height: 30%;
- background: url('../../../../assets/img/screen/center1_1.png') no-repeat;
+ /* background: url('../../../../assets/img/screen/center1_1.png') no-repeat; */
background-size: 100% 100%;
.item-title {
@@ -351,13 +335,21 @@ export default {
}
.xxxx {
- font-family: DS-TITle;
- font-size: 26px;
+ /* font-family: DS-TITle;
+ font-size: 36px;
// font-weight: bold;
- letter-spacing: 3px;
+ letter-spacing: 3px; */
+ font-family: DIN;
+ font-weight: bold;
+ font-size: 39px;
+ text-shadow: 5px 11px 30px rgba(111,149,192,0.18);
+ text-stroke: 1px #FFFFFF;
+ text-align: center;
+ font-style: normal;
+ text-transform: none;
}
.yyyy {
- padding-bottom: 10px;
+ /* padding-bottom: 10px; */
}
.zzzz {
transform: translateX(10px);
@@ -380,7 +372,7 @@ export default {
}
}
-.info-box_1 div:last-child {
+/* .info-box_1 div:last-child {
background: url('../../../../assets/img/screen/center1_2.png') no-repeat;
background-size: 100% 100%;
}
@@ -393,7 +385,7 @@ export default {
transform: scale(1.2);
background: url('../../../../assets/img/screen/center1_4.png') no-repeat;
background-size: 100% 100%;
-}
+} */
.info-box_2 div:first-child {
transform: translateY(40px);
diff --git a/src/views/screen/shareScreen/components/left-one-model-new.vue b/src/views/screen/shareScreen/components/left-one-model-new.vue
index 680b9f49..52c4a5c9 100644
--- a/src/views/screen/shareScreen/components/left-one-model-new.vue
+++ b/src/views/screen/shareScreen/components/left-one-model-new.vue
@@ -8,7 +8,7 @@
- 
+
+
{{ idle80 || 0 }}
台
@@ -18,7 +18,7 @@
-
+
+
{{ idle3080 || 0 }}
台
@@ -28,7 +28,7 @@
-
+
+
{{ idle30 || 0 }}
台
@@ -86,7 +86,7 @@ export default {
flex-direction: column;
height: 100%;
width: 100%;
- background: url('../../../../assets/img/screen/bg_1.png') no-repeat;
+ /* background: url('../../../../assets/img/screen/bg_1.png') no-repeat; */
background-size: 100% 100%;
box-sizing: border-box;
@@ -133,9 +133,17 @@ export default {
}
.value {
- font-family: DS-TITle;
+ /* font-family: DS-TITle;
font-size: 30px;
- color: #7fe4cc;
+ color: #7fe4cc; */
+ font-family: DIN;
+ font-weight: bold;
+ font-size: 30px;
+ text-shadow: 5px 11px 30px rgba(111,149,192,0.18);
+ text-stroke: 1px #FFFFFF;
+ text-align: center;
+ font-style: normal;
+ text-transform: none;
}
.unit {
diff --git a/src/views/screen/shareScreen/components/left-two-model-new.vue b/src/views/screen/shareScreen/components/left-two-model-new.vue
index 1a994baa..b148e5f3 100644
--- a/src/views/screen/shareScreen/components/left-two-model-new.vue
+++ b/src/views/screen/shareScreen/components/left-two-model-new.vue
@@ -156,15 +156,24 @@ export default {
}
.value {
- font-family: DS-TITle;
+ /* font-family: DS-TITle;
font-size: 30px;
- color: #7fe4cc;
+ color: #7fe4cc; */
+ font-family: DIN;
+ font-weight: bold;
+ font-size: 30px;
+ text-shadow: 5px 11px 30px rgba(111,149,192,0.18);
+ text-stroke: 1px #FFFFFF;
+ text-align: center;
+ font-style: normal;
+ text-transform: none;
.unit {
font-size: 14px;
}
}
.percentage {
+ font-family: DIN;
font-size: 16px;
color: #00b9c7;
margin-top: 5px;
diff --git a/src/views/screen/shareScreen/components/right-three-model-new.vue b/src/views/screen/shareScreen/components/right-three-model-new.vue
index 0ad9f252..973fb362 100644
--- a/src/views/screen/shareScreen/components/right-three-model-new.vue
+++ b/src/views/screen/shareScreen/components/right-three-model-new.vue
@@ -279,16 +279,24 @@ export default {
display: flex;
margin-bottom: 10px;
button {
+ width: 100px;
+ height: 30px;
padding: 5px 10px;
margin-right: 5px;
- background-color: #09403f;
+ /* background-color: #09403f; */
+ background: transparent;
color: #fff;
border: none;
cursor: pointer;
- border-radius: 20px;
+ /* border-radius: 20px; */
+ background-image: url('../../../../assets/img/screen/tab.png');
+ background-size: 100% 100%;
&.active {
- background-color: #00b9c7;
- border-radius: 20px;
+ height: 30px;
+ /* background-color: #00b9c7; */
+ /* border-radius: 20px; */
+ background-image: url('../../../../assets/img/screen/tab-active.png');
+ background-size: 100% 100%;
}
}
}
diff --git a/src/views/screen/shareScreen/index.vue b/src/views/screen/shareScreen/index.vue
index 78049f68..dc506b84 100644
--- a/src/views/screen/shareScreen/index.vue
+++ b/src/views/screen/shareScreen/index.vue
@@ -1,6 +1,6 @@
-
安徽机械化装备共享平台
+ 机械化施工装备管理(共享)平台
@@ -71,10 +71,14 @@ export default {
font-family: 'DS-TITLE';
src: url('../../../assets/font-family/DS-Digital/DS-TITle.ttf');
}
+@font-face {
+ font-family: 'DIN';
+ src: url('../../../assets/font-family/DIN/DIN-Medium.otf');
+}
.screen-container {
width: 100vw;
height: 100vh;
- background: url('../../../assets/img/screen/bg.png') no-repeat;
+ background: url('../../../assets/img/screen/bg-gif.gif') no-repeat;
background-size: 100% 100%;
font-size: 16px;
position: relative;
@@ -84,7 +88,7 @@ export default {
top: 1%;
left: 50%;
color: #fff;
- font-size: 30px;
+ font-size: 40px;
// font-weight: bold;
transform: translateX(-50%);
letter-spacing: 3px;