diff --git a/project/dv/apps/components/PdGrid.vue b/project/dv/apps/components/PdGrid.vue
index 1e9d7397..ae9204b1 100644
--- a/project/dv/apps/components/PdGrid.vue
+++ b/project/dv/apps/components/PdGrid.vue
@@ -9,15 +9,27 @@
@@ -84,7 +96,13 @@
text-align: center;
background: url(https://cdn.cunwuyun.cn/dvcp/dv/pddv/grid-title-sbg.png) no-repeat center;
background-size: 100% 100%;
+ cursor: pointer;
transform: translateX(-50%);
+ transition: opacity ease 0.3s;
+
+ &:hover {
+ opacity: 0.8;
+ }
h2 {
color: #FFFFFF;
@@ -98,7 +116,7 @@
.pdgrid-title {
position: absolute;
- top: 220px;
+ top: 200px;
left: 50%;
width: 640px;
height: 80px;
@@ -158,14 +176,45 @@
}
p {
- font-size: 18px;
+ max-width: 164px;
+ margin-top: 4px;
+ padding: 0 16px;
+ font-size: 16px;
color: #FFFFFF;
text-shadow: 0px 0px 13px rgb(59 182 255 / 80%);
background: #fff;
-webkit-background-clip: text;
font-weight: 600;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
-webkit-text-fill-color: transparent;
}
+
+ .bottom {
+ display: flex;
+ align-items: center;
+
+ i {
+ width: 0px;
+ height: 0px;
+ border: 6px solid transparent;
+ border-top-color: transparent;
+ border-bottom-color: transparent;
+ border-left-color: transparent;
+ border-right-color: #FFCB42;
+
+ &.right {
+ width: 0px;
+ height: 0px;
+ border: 6px solid transparent;
+ border-top-color: transparent;
+ border-bottom-color: transparent;
+ border-left-color: #FFCB42;
+ border-right-color: transparent;
+ }
+ }
+ }
}
}
diff --git a/project/sass/apps/Announce/AppAnnounce/components/Phone.vue b/project/sass/apps/Announce/AppAnnounce/components/Phone.vue
index defec07f..6eb38384 100644
--- a/project/sass/apps/Announce/AppAnnounce/components/Phone.vue
+++ b/project/sass/apps/Announce/AppAnnounce/components/Phone.vue
@@ -36,8 +36,8 @@
{{ item.linkTitle }}
-
{{ item.linkDesc }}
-
![]()
+
{{ item.linkDesc }}
+