首页 > 其他分享 >图片列表

图片列表

时间:2024-02-28 11:44:21浏览次数:25  
标签:flex 0px height width 列表 font 347px 图片

 

  <template v-for="(item, index) in (NewsData?NewsData.slice(0, 3):NewsData)" :key="index">                 <div class="newlistitem" @click="newsDetails(item.id)">                     <img :src="item.newsImg"/>                     <div class="newlistitemTitle">{{item.tilte}}</div>
                </div>
            </template>     .newlistitem{                 &:hover{                     box-shadow: 0px 4px 12px 0px rgba(12, 68, 204, 0.5);                 }                 cursor: pointer;
                width: 347px;                 height: 334px;                 display: flex;                 flex-direction: column;                 box-shadow: 0px 0px 20px 0px rgba(39, 103, 188, 0.10);                 img{                     width: 347px;                     height: 334px;
                }                 .newlistitemTitle{                     display: flex;                     width: 347px;                     height: 85px;                     padding: 10px 20px 6px 20px;                     justify-content: center;                     align-items: center;                     color: #000;                     color: #1E1E1E;                     font-size: 14px;                     font-style: normal;                     font-weight: 700;                     line-height: 140%; /* 19.6px */                 }
            }

标签:flex,0px,height,width,列表,font,347px,图片
From: https://www.cnblogs.com/linxiaogang1122/p/18039261

相关文章

  • item图片左右结构1
     <divclass="item"@click="deill(item)"><divclass="img"><img:src="item.image"></div><divclass......
  • editormd等文件引用第三方图片地址CSDN等出现403问题
    问题描述最近在自己开发的站点引用CSDN文章图片时,网络请求提示403,效果如下:问题原因首先,http请求体的header中有一个referrer字段,用来表示发起http请求的源地址信息,这个referrer信息是可以省略但是不可修改的,就是说你只能设置是否带上这个referrer信息,不能定制referrer里面的......
  • Vue学习笔记18--列表渲染
    总结: <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>列表渲染</title>&l......
  • python中的列表和元组有什么区别
    python中的列表和元组有什么区别在Python中,列表(List)和元组(Tuple)都是用来存储一组有序元素的数据结构,它们之间有几个重要的区别:可变性:列表是可变的(Mutable),意味着你可以改变列表中的元素,包括添加、删除、修改元素。元组是不可变的(Immutable),一旦创建后就无法修改。你不能在元组中......
  • Java中使用Graphics2D实现图片添加文字/图片水印
    场景java实现给图片添加水印实现步骤:获取原图片对象信息(本地图片或网络图片)添加水印(设置水印颜色、字体、坐标等)处理输出目标图片。注:博客:https://blog.csdn.net/badao_liumang_qizhi实现1、新建工具类 importorg.apache.commons.lang3.StringUtils;importjavax.im......
  • 【opencv】两种cpp读取图片作为
    #include<fstream>//ifstream,ifstream::inusingnamespacestd;intmain(){ //1.打开图片文件 //评论区的@霍鑫网络帮忙发现一个隐藏的bug,在此表示感谢,已经修正 ifstreamis("test.jpg",ifstream::in|ios::binary); //2.计算图片长度 is.seekg(0,is.end);......
  • 爬取彼岸图库中的图片数据
    fromlxmlimportetreeimportrequestsimportos#爬取彼岸图库中的图片数据if__name__=='__main__':#爬取到页面源码数据url='https://pic.netbian.com/4kmeinv/'headers={'User-Agent':'Mozilla/5.0(WindowsNT10.0;W......
  • SpringBoot/Java中OCR实现,集成Tess4J实现图片文字识别
    场景TesseractTesseract是一个开源的光学字符识别(OCR)引擎,它可以将图像中的文字转换为计算机可读的文本。支持多种语言和书面语言,并且可以在命令行中执行。它是一个流行的开源OCR工具,可以在许多不同的操作系统上运行。https://github.com/tesseract-ocr/tesseractTess4JTess4......
  • 利用java代码将多张图片合成一张图片
     利用java代码将多张图片合成一张图片 效果展示:   工具类1importcn.hutool.core.collection.CollUtil;2importcn.hutool.core.convert.Convert;3importlombok.extern.slf4j.Slf4j;4importorg.apache.http.util.Asserts;56importjavax......
  • PDFUtils (解析PDF 中的文本 和 图片 PDF 转 HTML HTML 转 PDF)
    引入pdfbox依赖<dependency><groupId>org.apache.pdfbox</groupId><artifactId>pdfbox</artifactId><version>2.0.19</version></dependency>packagecom.icil.swif......