diff --git a/project/dv/apps/components/PdGrid.vue b/project/dv/apps/components/PdGrid.vue index 1e9d7397..b077d2f2 100644 --- a/project/dv/apps/components/PdGrid.vue +++ b/project/dv/apps/components/PdGrid.vue @@ -9,15 +9,27 @@

240

-

多层网格

+
+ +

第一网格

+ +

240

-

第一网格

+
+ +

第二网格

+ +

240

-

微网格

+
+ +

微网格

+ +
@@ -158,14 +170,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; + } + } + } } }