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

超、凢脫俗 2022-05-10 11:24 207阅读 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 条评论，207人围观）

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

相关阅读

相关 iOSUITextView富文本展示文字图片

[Demo下载地址][Demo] 要在一个UITextView中既展示图片和文字，主要代码如下： - (void)imagePickerController:(UI

曾经终败给现在/ 2023年10月17日 17:07/ 0 赞/ 87 阅读

相关文字移动展示

在前端开发中,总是会遇到文字块移动展示的需求,关于着这样的功能,我现在只知道两种方式. 第一种,给对应的div定义一个class,在样式中对class进行配置第二种,

谁借莪１个温暖的怀抱￠/ 2023年07月10日 15:47/ 0 赞/ 34 阅读

相关商品列表——图片、文字点击/悬浮切换展示

商品列表——图片、文字点击/悬浮切换展示效果图如下：（该图为原创，请勿盗用！） ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5

电玩女神/ 2023年06月12日 15:26/ 0 赞/ 61 阅读

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

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

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

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

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

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

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

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

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

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

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

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

相关 Ionic 列表（实用）

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

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

相关 display:list-item

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

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

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

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

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