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 26 additions and 25 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,45 +354,45 @@ const afterRead = async (res) => { ...@@ -353,45 +354,45 @@ 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 {
......