如何在uniapp框架中自己的页面中修改uni-easyinput或其它的扩展组件的宽高。

宽简单,可以给这个组件外面套一层view,给view设置宽去挤压uni-easyinput的宽度。

<view class="..">

        <uni-easyinput class="...">哈哈哈</uni-easyinput>

</view> 

高的话,先在组件源码中找到控制当前组件显示宽高的样式类名,然后在自己当前页面设置其演示即可,注意使用/deep/,比如uni-easyinput组件里控制显示的样式是uni-easyinput__content-input

所以,我的代码应该这样写:

我页面上的组件宽高就生效了。目前我是在微信开发工具上测的,希望能帮到你。

补充:

::v-deep 是Vue.js框架中的一种特定用法,用于处理深度作用选择器(deep selectors)。这是Vue.js在处理Scoped CSS时提供的一种选择器,允许你在某些情况下穿透子组件的作用域。

在Vue.js 2.x版本中,::v-deep/deep/ 的别名,两者可以互换使用。但是,在Vue.js 3.x 版本中,::v-deep 被移除,因为 Vue.js 3.x 不再支持深度选择器。

所以酌情选择吧。

  • 4
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值