Hooke / fxPark

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
c73fb5fc 1 parent d3442608

fix 海报文字清晰度调整

Inline Side-by-side
Showing 1 changed file with 17 additions and 16 deletions
...@@ -17,7 +17,8 @@ ...@@ -17,7 +17,8 @@
17 </div> 17 </div>
18 </div> --> 18 </div> -->
19 <div v-if="tree_data?.name" class="poster-img-boxer"> 19 <div v-if="tree_data?.name" class="poster-img-boxer">
20 - <div :class="'poster-img' + tree_data?.revision" :style="{ backgroundImage: `url(https://cdn.ipadbiz.cn/xfPark/post/public/title/${tree_data?.revision}.png)` }"></div> 20 + <div :class="'poster-img' + tree_data?.revision">
21 + <img :src="'https://cdn.ipadbiz.cn/xfPark/post/public/title/'+ tree_data?.revision + '.png'"></div>
21 </div> 22 </div>
22 <div style="position: relative;"> 23 <div style="position: relative;">
23 <img :src="imgSrc"> 24 <img :src="imgSrc">
...@@ -353,47 +354,47 @@ const afterRead = async (res) => { ...@@ -353,47 +354,47 @@ const afterRead = async (res) => {
353 left: 2rem; 354 left: 2rem;
354 .poster-img1 { 355 .poster-img1 {
355 position: relative; 356 position: relative;
356 - background-repeat: no-repeat; 357 + img {
357 - background-size: contain;
358 width: 4.5rem; 358 width: 4.5rem;
359 height: 6rem; 359 height: 6rem;
360 } 360 }
361 + }
361 .poster-img2 { 362 .poster-img2 {
362 position: relative; 363 position: relative;
363 - background-repeat: no-repeat; 364 + img {
364 - background-size: contain;
365 width: 4.5rem; 365 width: 4.5rem;
366 height: 6rem; 366 height: 6rem;
367 } 367 }
368 + }
368 .poster-img3 { 369 .poster-img3 {
369 position: relative; 370 position: relative;
370 - background-repeat: no-repeat; 371 + img {
371 - background-size: contain;
372 width: 4.5rem; 372 width: 4.5rem;
373 height: 6rem; 373 height: 6rem;
374 } 374 }
375 + }
375 .poster-img4 { 376 .poster-img4 {
376 position: relative; 377 position: relative;
377 - background-repeat: no-repeat; 378 + img {
378 - background-size: contain; 379 + width: 4.5rem;
379 - width: 6rem;
380 height: 9rem; 380 height: 9rem;
381 } 381 }
382 + }
382 .poster-img5 { 383 .poster-img5 {
383 position: relative; 384 position: relative;
384 - background-repeat: no-repeat; 385 + img {
385 - background-size: contain; 386 + width: 4.5rem;
386 - width: 8rem; 387 + height: 12rem;
387 - height: 13rem; 388 + }
388 } 389 }
389 .poster-img6 { 390 .poster-img6 {
390 position: relative; 391 position: relative;
391 - background-repeat: no-repeat; 392 + img {
392 - background-size: contain;
393 width: 4.5rem; 393 width: 4.5rem;
394 height: 6rem; 394 height: 6rem;
395 } 395 }
396 } 396 }
397 + }
397 img { 398 img {
398 width: 100%; 399 width: 100%;
399 height: 70vh; 400 height: 70vh;
......