alanhe421 / CodeTracker

:tada:a Wakatime client
http://1991421.cn/about
6 stars 0 forks source link

去除ion-item中的箭头 #11

Closed alanhe421 closed 7 years ago

alanhe421 commented 7 years ago

当我们添加ion-item时,会发现,右侧会有箭头图标展示,如何去掉这个呢

alanhe421 commented 7 years ago

在www/build/main.css中查找样式定义会发现如下代码块

.item-ios[detail-push] .item-inner,
button.item-ios:not([detail-none]) .item-inner,
a.item-ios:not([detail-none]) .item-inner {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2020'><path%20d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z'%20fill='%23c8c7cc'/></svg>");
  padding-right: 32px;
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px 14px;
}

所以只要我们添加detail-none到item上即可。