怎样动态设置button的icon

forrlx

想实现一个指示灯功能,分别用红 黄 绿表示,使用button设置不同的icon实现.
但代码实现时遇到的问题:
iron图片放在$UI/app/img目录下:
            var tmp =         "file:///android_asset/www" + require.toUrl("./img/greenlanmp2020.png");

             this.comp('buttonLanmp').set({
                     "icon" :img:'tmp'',             });

在 "icon" :  这里怎样才能把"file:///android_asset/www" + require.toUrl("./img/greenlanmp2020.png");的值传进去呢?
-----------------------------------------------
后来又尝试设置3个button,动态设置button的可见和不可见,貌似button不能动态设置visible.

闰土

你审查元素看一下，这个button的icon 其实就是一个class 属性，你只要的控制这个class属性，动态修改这个就可以了 ，你可以先把需要icon图标的class名称记下来

forrlx

闰土 发表于 2016-9-19 09:50
你审查元素看一下，这个button的icon 其实就是一个class 属性，你只要的控制这个class属性，动态修改这个就 ...

本地网页运行都没问题,打包为 app后就找不到图片了
使用 require.toUrl("./img/greenlanmp2020.png
或者  "file:///android_asset/www" + require.toUrl("./img/greenlanmp2020.png");
都不行

少翊

forrlx 发表于 2016-9-21 16:43
本地网页运行都没问题,打包为 app后就找不到图片了
使用 require.toUrl("./img/greenlanmp2020.png
或者  ...

icon跟image是两个概念
你把图片给图标，本来就不行

闰土

不是，你是要在button上放图片，还是要放那些图标？

forrlx

闰土 发表于 2016-9-21 17:31
不是，你是要在button上放图片，还是要放那些图标？

放图片,前面描述错了.
在weX5开发工具中设置正常,打包后手机上运行也正常.
在真机上运行,动态修改:
$UI/APP/imp/xxx.png  ---  显示一个X号。
require.toUrl("./img/greenlanmp2020.png")    ----显示一个X号
"file:///android_asset/www" + require.toUrl("./img/greenlanmp2020.png");  ------什么都不显示，button最小化了。

闰土

你在F12开发者工具中dom树看一下，他那个图片的位置，你应该是没找到具体放图片的位置，

forrlx

暂时用button的 disabled 来操作了。 disabled红色，enabled 绿色，先这样用吧