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

QQ登录

只需一步,快速开始

查看: 1952|回复: 5

[结贴] 动态设置背景图片

[复制链接]

1

主题

5

帖子

25

积分

新手上路

Rank: 1

积分
25
QQ
发表于 2017-4-25 19:40:26 | 显示全部楼层 |阅读模式
wex5使用list列表时怎么动态设置背景图啊,希望每个背景的图片我是通过data组件中来的
发表于 2017-4-26 09:51:15 | 显示全部楼层
bind-style  属性 绑定data 字段就可以做到!
http://docs.wex5.com/wex5-ui-question-list-2102
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

1

主题

5

帖子

25

积分

新手上路

Rank: 1

积分
25
QQ
 楼主| 发表于 2017-4-26 09:58:54 | 显示全部楼层
我不清楚的地方是在哪里写重新设定背景图片的js。因为它的list并没有暴露行的生成方法在js中
回复 支持 反对

使用道具 举报

1

主题

5

帖子

25

积分

新手上路

Rank: 1

积分
25
QQ
 楼主| 发表于 2017-4-26 10:06:08 | 显示全部楼层
<div component="$UI/system/components/justep/row/row" class="x-row" xid="row11">
   <div class="x-col x-col-10" xid="col19">        <img src="" alt="" xid="image4" bind-attr-src=' val("imgUrl")' style="width:105px;" class="borderRadio10"></img>
   </div>
   <div class="x-col" xid="col20">
        <span xid="span23" bind-text='val("keyword")'><![CDATA[]]></span>
   </div>
</div>
我现在是用这种设置图片宽度的方式来呈现文字在图片的上方,但是它不会自适应
回复 支持 反对

使用道具 举报

发表于 2017-4-26 11:13:04 | 显示全部楼层
坏银 发表于 2017-4-26 10:06
我现在是用这种设置图片宽度的方式来呈现文字在图片的上方,但是它不 ...

参考:
/UI2/demo/misc/bind/index.w
写法应该是
  1. bind-style="{'backgroundImage': val("imgUrl")}"
复制代码
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

1

主题

5

帖子

25

积分

新手上路

Rank: 1

积分
25
QQ
 楼主| 发表于 2017-4-26 15:02:12 | 显示全部楼层
666.搞定了。因为我的是网络路径,按你的方式改成了
bind-style="{'backgroundImage' :  'url(' +val("imgUrl") +')'}"
可以用没问题。谢谢
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-10-1 12:53 , Processed in 0.058449 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

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