ionic难点问题整理(持续更新)

612 阅读1分钟

1. iOS端长数字自动识别为电话,颜色变蓝

h5:

<p>{{data.mobilePhone}}</p>

效果图:


系统默认效果
系统默认效果

解决办法: index.html的head中加入代码👇:

<meta name="format-detection" content="telephone=no" />

处理后效果图:


处理后效果图
处理后效果图

2. ion-radio设置选中/不可用样式

设置单选框选中样式:(仅以背景颜色为例)
css:

.item-radio input:checked + .radio-content .item-content {
  background: #5cbaf0;
}

设置单选框不可用的样式:(仅以背景颜色为例)
css:

.item-radio input:disabled + .radio-content .item-content {
  background: #5cbaf0;
}

附:
ion-radio API

本文会持续更新的, 希望简友们集思广益, 一起丰富这篇文章;