-
+ > -->
-
+
@@ -206,6 +206,7 @@ const previewImage = (index) => {
font-size: 0.37rem;
color: #333;
line-height: 1.8;
+ overflow: hidden;
p {
text-indent: 2em;
@@ -234,10 +235,13 @@ const previewImage = (index) => {
}
img {
- max-width: 100%;
- height: auto;
+ max-width: 100% !important;
+ width: auto !important;
+ height: auto !important;
border-radius: 0.15rem;
margin: 0.2rem 0;
+ display: block;
+ object-fit: contain;
}
a {
@@ -271,7 +275,8 @@ const previewImage = (index) => {
margin-top: 0.2rem;
border-radius: 0.15rem;
overflow: hidden;
- background: #f5f5f5;
+ background: #fbfdff;
+ position: relative;
}
.detail-iframe {
@@ -279,4 +284,28 @@ const previewImage = (index) => {
height: 500px;
background: #fff;
}
+
+.copy-link-btn {
+ position: absolute;
+ bottom: 0.3rem;
+ right: 0.3rem;
+ display: flex;
+ align-items: center;
+ gap: 0.1rem;
+ padding: 0.15rem 0.3rem;
+ background: rgba(0, 0, 0, 0.6);
+ color: #fff;
+ font-size: 0.28rem;
+ border-radius: 0.2rem;
+ cursor: pointer;
+ z-index: 10;
+
+ :deep(.van-icon) {
+ color: #fff;
+ }
+
+ &:active {
+ background: rgba(0, 0, 0, 0.8);
+ }
+}