dm-wechat-mini/components/modalView/index.wxml
2025-03-13 16:02:18 +08:00

27 lines
1.5 KiB
Plaintext

<page-container model:show="{{_show}}" wx:if="{{show}}" position="center"
class="custom-modal-view" bind:afterleave="afterLeave"
custom-style="background-color:transparent;left:27px;width:calc(100vw - 54px);height:200px;{{dynamicsStyle}}">
<view class="custom-modal-view-overlay" wx:if="{{!overlayClose}}"></view>
<view class="modal-view-main" id="modalViewMain">
<view class="title {{titleTextCenter?'center':''}}">
<view class="text">{{titleText}}</view>
<view class="close-btn-area">
<view class="close-btn" bind:tap="cancelButtonTap" wx:if="{{showCloseButton}}"></view>
</view>
</view>
<input wx:if="{{editable&&useInput}}" model:value="{{content}}" cursor-spacing="140px"
focus="{{show&&autoFocus}}" class="content-input"
placeholder="{{contentPlaceholder}}"/>
<textarea class="content-textarea {{contentMessage?'error':''}}" model:value="{{content}}" row="3" wx:elif="{{editable}}" focus="{{show&&autoFocus}}"
placeholder="{{contentPlaceholder}}" focus="{{contentFocus}}" animation="{{contentAnimation}}" cursor-spacing="200rpx"></textarea>
<view class="content-text" wx:elif="{{content}}">{{content}}</view>
<slot/>
<view class="btns" wx:if="{{isShowCancel||isShowOk}}">
<button class="cmv-button cancel" plain wx:if="{{isShowCancel}}" bind:tap="cancelButtonTap">{{cancelButtonText}}</button>
<button class="cmv-button confirm" wx:if="{{isShowOk}}" type="primary" bind:tap="okButtonTap">{{okButtonText}}</button>
</view>
</view>
</page-container>