From b5dd46217e8e97f98b0c284b8f582b12d86deddc Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期四, 18 二月 2021 14:51:33 +0800
Subject: [PATCH] 2021-02-18
---
src/views/news/index.vue | 47 ++++++++++++++---------------------------------
1 files changed, 14 insertions(+), 33 deletions(-)
diff --git a/src/views/news/index.vue b/src/views/news/index.vue
index 3bac108..be14eea 100644
--- a/src/views/news/index.vue
+++ b/src/views/news/index.vue
@@ -14,9 +14,7 @@
<div class="tab-content">
<ul class="news_ul">
<li v-for="(item, index) in pages" :key="index" @click="jumpmenu(item)">
- <h3>
- <img :src="item.Image1" alt="">
- </h3>
+ <div class="news_img" :style="{backgroundImage: `url(${item.Image1})`}"></div>
<div class="news_ul_card">
<h2>
<span style="display: block;" v-text="item.Title1"></span>
@@ -145,15 +143,12 @@
padding: 0.2rem 0.3rem 0;
li {
margin-bottom: .35rem;
- h3 {
- position: relative;
- span {
- position: absolute;
- left: 0.5rem;
- bottom: 0.1rem;
- color: #fff;
- font-size: 0.3rem;
- }
+ .news_img {
+ width: 100%;
+ padding-top: 75%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
}
p {
font-size: .24rem;
@@ -265,31 +260,17 @@
li:nth-child(3n) {
margin-right: 0;
}
- h3 {
- width: 3.6rem;
- position: relative;
- overflow: hidden;
- span {
- display: inline-block;
- width: 50%;
- height: .22rem;
- position: relative;
- bottom: 0.29rem;
- right: 0;
- color: #fff;
- text-align: center;
- }
- .b_txt {
- font-size: 0.2rem;
- position: absolute;
- top: 43%;
- left: 26%;
- }
+ .news_img {
+ width: 100%;
+ padding-top: 75%;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
}
}
.news_ul_card {
- width: 3.6rem;
+ // width: 3.6rem;
height: 2.2rem;
background:rgba(243,243,243,1);
padding: 0.1rem 0.1rem 0;
--
Gitblit v1.8.0