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 @@

240

-

多层网格

+
+ +

第一网格

+ +

240

-

第一网格

+
+ +

第二网格

+ +

240

-

微网格

+
+ +

微网格

+ +
@@ -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 @@