iview-weapp
iview-weapp copied to clipboard
i-modal之类的含有button的可以搞个方便设置opentype的方式吗?
有些组件里面含有button的,最好能够在actions里配置button各种属性。或者干脆可以在i-modal外面做些slot,方便自定义
貌似没有相关的途径,也需要这个功能,目前暂时没有看到解决办法。
我修改了 iview 的源码,但是不一定适合所有人,修改方式非常侵入式,所以就不 PR 了。 我首先在 i-modal 中修改了如下部分:
<view class="i-modal-actions" wx:else>
<i-grid i-class="i-modal-grid" wx:if="{{ showOk || showCancel }}">
<i-grid-item i-class="i-modal-grid-item" wx:if="{{ showCancel }}">
<i-button i-class="i-modal-btn-cancel" long type="ghost" bind:click="handleClickCancel">{{ cancelText }}</i-button>
</i-grid-item>
<i-grid-item i-class="i-modal-grid-item-last" wx:if="{{ showOk }}">
<i-button i-class="i-modal-btn-ok" long type="ghost" bind:click="handleClickOk">{{ okText }}</i-button>
</i-grid-item>
<i-grid-item i-class="i-modal-grid-item-last" wx:if="{{ customOk }}">
<slot name="customok"></slot>
</i-grid-item>
</i-grid>
</view>
然后在使用时填好了相关的 slot:
<view slot="customok">
<i-button
i-class="i-modal-btn-ok"
long
type="ghost"
open-type="getUserInfo" >
点击登录
</i-button>
</view>
这样既保持了 UI 一致性,又可以使用 button 类型了。