宽简单,可以给这个组件外面套一层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 不再支持深度选择器。
所以酌情选择吧。