-
+
+
+
+
+
+
@@ -84,6 +108,38 @@ const data = defineProps<{ info: obj[], title: string }>()
border-left: 15px solid #98C2F2;
margin-bottom: 20px;
+ @media screen and (max-width: 768px) {
+ overflow: hidden;
+ }
+
+ .Modeltable {
+ display: none;
+
+ @media screen and (max-width: 768px) {
+ display: block;
+ margin-top: 10rem;
+
+ :deep(.el-table) {
+ color: #355D80;
+ }
+
+ :deep(.el-table thead) {
+ color: #355D80;
+ }
+
+ :deep(.cell) {
+
+ font-family: 'Calibri';
+ }
+
+ }
+ }
+
+ @media screen and (max-width: 768px) {
+ margin: 0 15rem 0 15rem;
+ // overflow: hidden;
+ }
+
// height: 600px;
.title {
font-size: 27px;
@@ -99,19 +155,40 @@ const data = defineProps<{ info: obj[], title: string }>()
// flex-direction: column;
margin-top: 15px;
+
+
li {
margin-bottom: 25px;
+ .llrr {
+ display: flex;
+
+
+ @media screen and (max-width: 768px) {
+ flex-direction: column;
+ }
+ }
+
+ .left {
+ width: 450px;
+ }
+
+ .right {
+ width: 200px;
+
+ @media screen and (max-width: 768px) {
+ margin-top: 10rem;
+ }
+
+ }
+
.name {
color: #8AA1B6;
font-size: 12px;
position: relative;
- .name2 {
- position: absolute;
- top: 0px;
- left: 450px;
- }
+ .name2 {}
+
}
@@ -124,22 +201,23 @@ const data = defineProps<{ info: obj[], title: string }>()
margin-top: 8px;
position: relative;
font-family: "Calibri";
-
+
+
a {
color: #355D80;
}
- .info2 {
- position: absolute;
- top: 0px;
- left: 450px;
- }
+ .info2 {}
}
.table {
width: 800px;
margin-top: 20px;
+ @media screen and (max-width: 768px) {
+ display: none;
+ }
+
:deep(.el-table) {
color: #355D80;
}
@@ -149,8 +227,7 @@ const data = defineProps<{ info: obj[], title: string }>()
}
:deep(.cell) {
- // max-width: 310px;
- // color: red;
+
font-family: 'Calibri';
}
}
diff --git a/src/views/IPO/components/IpoHeader.vue b/src/views/IPO/components/IpoHeader.vue
index 9a4eb42..c4f9f0d 100644
--- a/src/views/IPO/components/IpoHeader.vue
+++ b/src/views/IPO/components/IpoHeader.vue
@@ -1,7 +1,7 @@
-
-
-
-