首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >带条纹导轨的信用卡类型图像4

带条纹导轨的信用卡类型图像4
EN

Stack Overflow用户
提问于 2016-02-17 04:57:01
回答 1查看 341关注 0票数 0

我一直在搜索Stripes文档,以快速解决当前订阅用户显示信用卡徽标的问题。

<%= current_user.card_type %>显示信用卡名称,但我无法将徽标添加到它所在的位置。您是否有一种我可以采用的方法,该方法不会导致实例方法失败?

我在Tyler的帮助下创建的HTML Helper方法

代码语言:javascript
复制
  def stripe_card_img(card_type)
    case current_user.card_type
      when 'Visa'
        content_tag(:span,'', class: 'fa fa-cc-visa fa-2x', style: 'color: #1a1f71;')
      when 'American Express'
        content_tag(:span, '', class: 'fa-cc-amex fa-2x', style: 'color: #355EB7;')
      when 'Discover'
        content_tag(:span, '', class: 'fa-cc-discover fa-2x', style: 'color: orange')
      when 'JCB'
        content_tag(:span, '', class: 'fa-cc-jcb fa-2x', style: 'green')
      when 'Diners Club'
        content_tag(:span, '', class: 'fa-cc-diners-club fa-2x', style: '#87CEFA')
    end
  end
EN

回答 1

Stack Overflow用户

发布于 2016-02-17 05:25:13

它是冗长的,但它是有效的。使用很棒的字体:

代码语言:javascript
复制
<% if current_user.card_type == 'Visa' %><span class="fa fa-cc-visa"></span><% end %>
<% if current_user.card_type == 'American Express' %><span class="fa fa-cc-amex"></span><% end %>
<% if current_user.card_type == 'MasterCard' %><span class="fa fa-cc-mastercard"></span><% end %>
<% if current_user.card_type == 'Discover' %><span class="fa fa-cc-discover"></span><% end %>
<% if current_user.card_type == 'JCB' %><span class="fa fa-cc-jcb"></span><% end %>
<% if current_user.card_type == 'Diners Club' %><span class="fa fa-cc-diners-club"></span><% end %>

案例

代码语言:javascript
复制
<% case current_user.card_type 
   when 'Visa' %><span class="fa fa-cc-visa"></span>
<% when 'American Express' %><span class="fa fa-cc-amex"></span>
<% when 'MasterCard' %><span class="fa fa-cc-discover"></span>
...
<% end %>

辅助对象

代码语言:javascript
复制
def stripe_name(card_type)
  [...INSERT CASE/CONDITIONAL...]
end 

<%= stripe_name(current_user.card_type) %>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35442821

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档