起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 1578|回复: 3

[处理中4] 我list里面的image组件里图片适配问题

[复制链接]

165

主题

411

帖子

743

积分

高级会员

Rank: 4

积分
743
QQ
发表于 2016-11-18 16:05:47 | 显示全部楼层 |阅读模式
它会随着不同屏幕比例变形 而不保留原比例。怎么设置保留原比例

1

主题

6163

帖子

2095

积分

金牌会员

Rank: 6Rank: 6

积分
2095
QQ
发表于 2016-11-18 16:12:20 | 显示全部楼层
一般情况下  我们是用一个bootstrap的row做布局  然后定义col的比例  再把image的width:100%;
回复 支持 反对

使用道具 举报

165

主题

411

帖子

743

积分

高级会员

Rank: 4

积分
743
QQ
 楼主| 发表于 2016-11-18 16:56:04 | 显示全部楼层
   <div component="$UI/system/components/justep/list/list" class="x-list x-productList"
            xid="list1" data="data" disablePullToRefresh="false" disableInfiniteLoad="false"
            limit="4" bind-visible="false">
            <div component="$UI/system/components/bootstrap/row/row" class="row x-grid-menu6 x-list-template x-min-height"
              xid="row1" componentname="$UI/system/components/bootstrap/row/row(bootstrap)"
              id="undefined_row1">
              <div class="col col-xs-6" xid="col1" componentname="$UI/system/components/bootstrap/row/row(bootstrap)#col"
                id="undefined_col1" style="height:100%;margin-bottom:20px;padding-left:5px;padding-right:5px">
                <div xid="div4">
                  <img bind-attr-src="$model.getImageUrl(val('imgSrc'))" class="x-img2" xid="image1"></img><div component="$UI/system/components/justep/output/output" class="x-output center-block text-center x-flex h4" xid="output" bind-ref="ref('title')" style="margin-top:0px;"></div><div xid="div5" bind-visible="false" style="text-align:center;">
                    <span bind-text="data.ref('number')" class="pull-right"
                      xid="span2"/>  
                    <span xid="span3" bind-text="ref('title')"><![CDATA[]]></span>  
                    <span bind-text="data.ref('price')" class="text-yellow"
                      xid="span4"/>
                  </div>
                </div>
              </div>
            </div>
          </div>
QQ图片20161118165525.png

为啥右边会有白边

回复 支持 反对

使用道具 举报

1

主题

6163

帖子

2095

积分

金牌会员

Rank: 6Rank: 6

积分
2095
QQ
发表于 2016-11-18 17:53:57 | 显示全部楼层
建议审查元素看一下  
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2025-7-16 06:29 , Processed in 0.057287 second(s), 26 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表