iview-weapp icon indicating copy to clipboard operation
iview-weapp copied to clipboard

i-modal之类的含有button的可以搞个方便设置opentype的方式吗?

Open maimake opened this issue 6 years ago • 2 comments

有些组件里面含有button的,最好能够在actions里配置button各种属性。或者干脆可以在i-modal外面做些slot,方便自定义

maimake avatar Jul 21 '18 16:07 maimake

貌似没有相关的途径,也需要这个功能,目前暂时没有看到解决办法。

croath avatar Sep 12 '19 03:09 croath

我修改了 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 类型了。

croath avatar Sep 23 '19 18:09 croath