26 lines
1.1 KiB
Plaintext
26 lines
1.1 KiB
Plaintext
|
<import-sjs from="./index.sjs" name="{isComputing,getPlacement}" />
|
||
|
|
<view class="ant-popover {{className ? className : ''}}" style="{{style || ''}}">
|
||
|
|
<view onTap="onVisibleChange">
|
||
|
|
<slot />
|
||
|
|
</view>
|
||
|
|
<view class="ant-popover-container"
|
||
|
|
a:if="{{!destroyOnClose || mixin.value}}"
|
||
|
|
hidden="{{!mixin.value}}">
|
||
|
|
<!-- 蒙层 -->
|
||
|
|
<mask
|
||
|
|
show="{{showMask&&!isComputing(placement, adjustedPlacement, autoAdjustOverflow)}}"
|
||
|
|
className="ant-popover-mask {{maskClassName || ''}}"
|
||
|
|
style="z-index:99;{{maskStyle || ''}}"
|
||
|
|
onMaskTap="onVisibleChange"/>
|
||
|
|
<view
|
||
|
|
id="ant-popover-content-{{$id}}"
|
||
|
|
class="ant-popover-content ant-popover-{{getPlacement(placement, adjustedPlacement, autoAdjustOverflow)}}"
|
||
|
|
style="{{ isComputing(placement, adjustedPlacement, autoAdjustOverflow) ? 'opacity:0' : '' }}">
|
||
|
|
<view class="ant-popover-arrow" style="{{color?`border-bottom-color:${color}` : ''}}"></view>
|
||
|
|
<view class="ant-popover-inner {{contentClassName || ''}}" style="{{color?`background:${color}`:''}};{{contentStyle || ''}}">
|
||
|
|
<slot name="content">{{content}}</slot>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|