mp-actionSheet 设置高度不管用
时间: 2023-12-22 10:02:27 浏览: 197
如果您在mp-actionSheet中设置高度无效,可能是因为mp-actionSheet组件自带了一些默认的样式,导致您设置的高度被覆盖了。为了解决这个问题,您可以尝试以下方法:
1. 使用!important关键字覆盖默认样式
在样式中使用!important关键字可以覆盖默认样式,例如:
```css
.action-sheet-body {
height: 200px!important;
overflow-y: scroll!important;
}
```
2. 在mp-actionSheet组件中使用class属性
在mp-actionSheet组件上添加class属性,并在样式中定义该类的样式,例如:
```html
<mp-actionSheet show="{{showActionSheet}}" class="my-action-sheet" bind:cancel="onCancel">
<view class="action-sheet-body">
<view wx:for="{{actions}}" wx:key="index" class="action-sheet-item" bindtap="onSelect">{{item.name}}</view>
</view>
</mp-actionSheet>
```
```css
.my-action-sheet .action-sheet-body {
height: 200px;
overflow-y: scroll;
}
```
通过上述方法,您应该可以成功设置mp-actionSheet的高度。
阅读全文