又修改了下:
<view class="icon"></view>
.icon{
width: 24rpx;
height: 24rpx;
color: #475EFD;
position: relative;
/* border: solid 1px blue; 添加边框可以看到加号的位置在哪里*/
}
.icon::before{
content: '';
position: absolute;
left: 50%;
top: 50%;
width: 100%;
transform: translate(-50%,-50%);
border-top: 10rpx solid;
}
.icon::after{
content: '';
position: absolute;
left: 50%;
top: 50%;
height: 100%;
transform: translate(-50%,-50%);
border-left: 10rpx solid;
}