前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序 iview i-input-number 在 i-class 修改样式不行

小程序 iview i-input-number 在 i-class 修改样式不行

原创
作者头像
用户7957495
修改2021-11-03 17:49:51
9150
修改2021-11-03 17:49:51
举报
文章被收录于专栏:林间风雨林间风雨

```bash

<i-input-number i-class="inputNum" value="{{ numberVal.numOne }}" min="0" max="100" bindchange="handleNumOne" />

```

**inputNum 不能用自己子级的class名称,据说是微信的bug

.inputNum .i-input-number-text 这样不行**

```bash

.inputNum input {

height: 84rpx;

width: 260rpx;

font-size: 60epx;

line-height: 84rpx;

border: unset;

border-top: 1rpx solid #ddd;

border-bottom: 1rpx solid #ddd;

}

.inputNum view {

height: 88rpx!important;

line-height: 78rpx!important;

min-width: 80rpx!important;

font-size: 60rpx!important;

}

```

修改效果:

![在这里插入图片描述](https://img-blog.csdnimg.cn/31eabfda501c4df0a11b32d404b3b0e5.png)

原来效果:

![在这里插入图片描述](https://img-blog.csdnimg.cn/f70d952e41b44159a214a3723973798f.png)

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档