diff --git a/blog/components/TweetImgList.vue b/blog/components/TweetImgList.vue
index 9cc36d0..bed8575 100644
--- a/blog/components/TweetImgList.vue
+++ b/blog/components/TweetImgList.vue
@@ -184,7 +184,7 @@
/>
@@ -270,7 +270,7 @@
/>
@@ -531,7 +531,7 @@ onUnmounted(() => {})
height: 100%;
}
.blog-tweet-img-list-body.cover-count-2
- .tweet-img-list-body-item-description:nth-of-type(2) {
+ .tweet-img-list-body-item-description.index-1 {
left: calc(50% + 12px);
}
.blog-tweet-img-list-body.cover-count-3 {
@@ -541,11 +541,11 @@ onUnmounted(() => {})
height: 100%;
}
.blog-tweet-img-list-body.cover-count-3
- .tweet-img-list-body-item-description:nth-of-type(2) {
+ .tweet-img-list-body-item-description.index-1 {
left: calc(50% + 12px);
}
.blog-tweet-img-list-body.cover-count-3
- .tweet-img-list-body-item-description:nth-of-type(3) {
+ .tweet-img-list-body-item-description.index-2 {
left: calc(50% + 12px);
top: calc(50% + 6px);
}
@@ -571,16 +571,16 @@ onUnmounted(() => {})
height: 100%;
}
.blog-tweet-img-list-body.cover-count-4
- .tweet-img-list-body-item-description:nth-of-type(2) {
+ .tweet-img-list-body-item-description.index-1 {
left: calc(50% + 12px);
}
.blog-tweet-img-list-body.cover-count-4
- .tweet-img-list-body-item-description:nth-of-type(3) {
+ .tweet-img-list-body-item-description.index-2 {
left: 12px;
top: calc(50% + 6px);
}
.blog-tweet-img-list-body.cover-count-4
- .tweet-img-list-body-item-description:nth-of-type(4) {
+ .tweet-img-list-body-item-description.index-3 {
left: calc(50% + 12px);
top: calc(50% + 6px);
}