button如何设置icon为自定义的png图片

zijian

尝试用image模式但是不生效

liangyongfei

使用button 方法可以吗？
http://docs.wex5.com/wex5-ui-question-list-2053/

zijian

我用的是buttonGroup，想在切换按钮的时候改变图片颜色，现在已经准备好了两个图标。
不过“icon设置为字体选择的样式，表示的是，分别在button 激活和不激活起作用,激活和不激活状态下显示不同的颜色！”这句话该如何理解呢？
下面是我的html
<div component="$UI/system/components/justep/button/buttonGroup" class="btn-group x-card btn-group-justified"
        tabbed="true" xid="buttonGroup1">
        <a component="$UI/system/components/justep/button/button" class="btn btn-default btn-icon-top "
          label="实例" xid="button5" target="content2" icon="imgUI/test/images/2.png|$UI/test/images/7.png">
          <i xid="i5"/>  
          <img src="$UI/test/images/2.png" xid="image4"></img><span xid="span11" class="layout-content-size">实例</span>
        </a>

zijian

icon="img：$UI/test/images/2.png|$UI/test/images/7.png">

liangyongfei

zijian 发表于 2018-3-2 11:28
icon="img：$UI/test/images/2.png|$UI/test/images/7.png">

意思就是   buttonGroup 多个button 只能有一个是激活状态 ，其他都是不激活的！

如果换成图片 ，就不能通过激活 或者 不激活的状态  切换了  ，需要自己写代码，切换两种图标表示

因为它默认表示的是启用 和  禁用的状态  ，就是 bind-disable控制的！

zijian

能通过“icon设置为字体选择的样式”来操作自定义的两张图片吗？

liangyongfei

zijian 发表于 2018-3-2 13:28
能通过“icon设置为字体选择的样式”来操作自定义的两张图片吗？

icon 样式的动态设置可以参考
http://docs.wex5.com/wex5-ui-question-list-2223/

图片 就需要自己写代码控制的
样式 激活后自动变化的
图片的切换，这里案例你没看吗？
http://bbs.wex5.com/forum.php?mo ... 3&pid=165185506

zijian

多谢大神问题已解决，可以结贴了