ionic list item 图片文字展示（实用）

超、凢脫俗 2022-05-10 11:24 139阅读 0赞

原文出处：[https://blog.csdn.net/hbiao68/article/details/52683339\#][https_blog.csdn.net_hbiao68_article_details_52683339]

**显示小图片**

<ul class="list">
        <li class="item item-avatar">
            <img src="public/img/appliance_wash.png" 
                class=" img_responsive"         
                style="width: 70px; height: auto;">
            <h2>山水庭院</h2>
            <p class="font_10">雨花区井湾路618号（环保学院附近）</p>
        </li>
    </ul>

备注：item item-avatar 样式。

![adef5947-9d95-3489-911b-c363e2e5203e.png][]

**显示大图片**

<div class="list">
        <a class="item item-thumbnail-left" href="#">
            <img src="{
       {item.img}}">
            <h2>{
       {item.goods_name}}</h2>
            <p>￥{
       {item.shop_price}}</p>
            <p>购买人:黄飞鸿</p>
            <p>提出比例：27%</p>
        </a>
    </div>

备注：item item-thumbnail-left 样式。

![0668f206-fcd5-3644-a859-05a86efad8a4.png][]

[https_blog.csdn.net_hbiao68_article_details_52683339]: https://blog.csdn.net/hbiao68/article/details/52683339#
[adef5947-9d95-3489-911b-c363e2e5203e.png]: /images/20220510/eb524558f0dc4b5f9eb8fa24574f626a.png
[0668f206-fcd5-3644-a859-05a86efad8a4.png]: /images/20220510/2ae8cefd06b34e5188043236460b433f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，139人围观）

还没有评论，来说两句吧...

相关阅读

相关根据背景图片计算文字颜色（实用、赞）

原文出处: [https://www.it1352.com/533401.html][https_www.it1352.com_533401.html] 延伸阅读： 1

系统管理员/ 2022年12月05日 00:54/ 0 赞/ 166 阅读

相关 android 简单实现 recycleview，adapter 展示item，点击展示详情

android 简单实现 recycleview，adapter 展示item Intent传递参数，需要进行本地的实例化； ![在这里插入图片描述][2021052

我就是我/ 2022年10月16日 07:55/ 0 赞/ 128 阅读

相关 Toast显示文字、图片、文字+图片

1、显示文字： Toast.makeText(this, "文字显示", Toast.LENGTH_LONG).show(); 2、显示图片： Toast

素颜马尾好姑娘i/ 2022年05月29日 03:22/ 0 赞/ 259 阅读

相关 css文字溢出打点展示、背景图片

1.单行文本 white-space：nowrap；空白部分不换行 overflow：hidden；溢出部分隐藏 text-overflow：ellipsis；文字溢

Love The Way You Lie/ 2022年05月13日 10:00/ 0 赞/ 247 阅读

相关 ionic list item 图片文字展示（实用）

原文出处：[https://blog.csdn.net/hbiao68/article/details/52683339\][https_blog.csdn.net_hbiao

超、凢脫俗/ 2022年05月10日 11:24/ 0 赞/ 140 阅读

相关 Ionic 列表（实用）

原文出处：[https://blog.csdn.net/qq\_20448859/article/details/52254822][https_blog.csdn.net_q

ゝ一世哀愁。/ 2022年05月10日 11:06/ 0 赞/ 245 阅读

相关 Ionic打包apk文章收藏（实用）

1、IONIC3 打包安卓apk详细过程（大量图文）（主要，完整，详细） [https://blog.csdn.net/qq\_20264891/article/deta

待我称王封你为后i/ 2022年01月10日 13:47/ 0 赞/ 334 阅读

相关 RecyclerView的横向展示、item滑动居中

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2NzZG5f

ゞ浴缸里的玫瑰/ 2021年09月07日 09:48/ 0 赞/ 970 阅读

相关 display:list-item

`display:list-item`为元素内容生成一个块型盒，随后再生成一个列表型的行内盒。其效果就和`ul`中出现项目列表符号一样。通俗地说就是会在内容前面自动加上黑点，而

àì夳堔傛蜴生んèń/ 2021年07月04日 12:15/ 0 赞/ 259 阅读

相关实现文字图片生成，文字图片旋转及文字图片扭曲（python版）

旋转和扭曲主要用到仿射变换及透视变换，直接上代码： conding:utf-8 import cv2 import numpy as np ...

朱雀/ 2020年10月17日 18:27/ 0 赞/ 1553 阅读