From dff9fb32c1bac52d378a6d196f670b92610c01d3 Mon Sep 17 00:00:00 2001
From: ZZJ <zzjdsg2300@163.com>
Date: 星期四, 16 十二月 2021 17:21:49 +0800
Subject: [PATCH] 自适应2
---
src/pages/vindicate/views/sysInfo.vue | 22 ++++++++++++++--------
1 files changed, 14 insertions(+), 8 deletions(-)
diff --git a/src/pages/vindicate/views/sysInfo.vue b/src/pages/vindicate/views/sysInfo.vue
index 38ac399..88d08e5 100644
--- a/src/pages/vindicate/views/sysInfo.vue
+++ b/src/pages/vindicate/views/sysInfo.vue
@@ -4,10 +4,10 @@
<div class="sys-right">
<div class="auto">
<div class="title-bg">
- <div class="title">SmartAIOS</div>
+ <div class="title">Smart AIOS</div>
<div class="desc">Copyright 漏 璐濇�濈鎶�鏈湁闄愬叕鍙�</div>
</div>
- <div class="bar">
+ <div class="bar" style="background-color: #F2F2F7;">
<div class="name">鐗堟湰锛�</div>
<div class="desc">
{{
@@ -31,8 +31,8 @@
</div>
</div>
<div class="bar">
- <div class="name">璇锋眰鐮侊細</div>
- <div class="desc" style="font-size: 12px">{{ q }}</div>
+ <div class="name" style="min-width: 65px;">璇锋眰鐮侊細</div>
+ <div class="desc code" style="font-size: 12px">{{ q }}</div>
</div>
<div class="bar">
<div class="name">浜у搧瀵嗛挜锛�</div>
@@ -42,7 +42,7 @@
</div>
<div class="bar">
<div class="name">鍒版湡鏃堕棿锛�</div>
- <div class="desc">{{ expireTime }}</div>
+ <div class="desc" style="font-size: 16px">{{ expireTime }}</div>
</div>
</div>
</div>
@@ -185,9 +185,15 @@
};
</script>
<style lang="scss">
+div{
+ color: #333;
+}
+
.v-sys-info {
width: 100%;
- background-color: #F2F2F7;
+ background-color: #FBFAFF;
+ border-top: 4px solid #f2f2f7;
+ border-left: 4px solid #f2f2f7;
.el-dialog__header {
padding: 15px 20px 10px;
text-align: left;
@@ -330,8 +336,8 @@
.desc {
font-size: 16px;
font-weight: 700;
- margin-left: 20px;
- max-width: 600px;
+ margin-left: 30px;
+ max-width: 568px;
/* overflow: hidden; */
/* text-overflow: ellipsis; */
/* white-space: nowrap; */
--
Gitblit v1.8.0