You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
2.1 KiB
31 lines
2.1 KiB
<!--components/bubble-popup.wxml-->
|
|
<view class="{{['',(flexEnd)?'tui-flex-end':'']}}">
|
|
<view class="{{['tui-popup-list ',(show)?'tui-popup-show':'',(show&&position!='relative')?'tui-z_index':'']}}"
|
|
style="{{'width:'+(width)+';'+('background-color:'+(backgroundColor)+';')+('border-radius:'+(radius)+';')+('color:'+(color)+';')+('position:'+(position)+';')+('left:'+(left)+';')+('right:'+(right)+';')+('bottom:'+(bottom)+';')+('top:'+(top)+';')+('transform:'+('translate('+translateX+','+translateY+')')+';')}}">
|
|
<block wx:if="{{direction=='top'}}">
|
|
<view class="tui-triangle "
|
|
style="{{'border-width:'+(borderWidth)+';'+('border-color:'+('transparent transparent '+backgroundColor+' transparent')+';')+('left:'+(triangleLeft)+';')+('right:'+(triangleRight)+';')+('top:'+(triangleTop)+';')+('bottom:'+(triangleBottom)+';')}}">
|
|
</view>
|
|
</block>
|
|
<block wx:if="{{direction=='bottom'}}">
|
|
<view class="tui-triangle "
|
|
style="{{'border-width:'+(borderWidth)+';'+('border-color:'+(backgroundColor+' transparent transparent transparent')+';')+('left:'+(triangleLeft)+';')+('right:'+(triangleRight)+';')+('top:'+(triangleTop)+';')+('bottom:'+(triangleBottom)+';')}}">
|
|
</view>
|
|
</block>
|
|
<block wx:if="{{direction=='left'}}">
|
|
<view class="tui-triangle "
|
|
style="{{'border-width:'+(borderWidth)+';'+('border-color:'+('transparent '+backgroundColor+' transparent transparent')+';')+('left:'+(triangleLeft)+';')+('right:'+(triangleRight)+';')+('top:'+(triangleTop)+';')+('bottom:'+(triangleBottom)+';')}}">
|
|
</view>
|
|
</block>
|
|
<block wx:if="{{direction=='right'}}">
|
|
<view class="tui-triangle "
|
|
style="{{'border-width:'+(borderWidth)+';'+('border-color:'+('transparent transparent transparent '+backgroundColor)+';')+('left:'+(triangleLeft)+';')+('right:'+(triangleRight)+';')+('top:'+(triangleTop)+';')+('bottom:'+(triangleBottom)+';')}}">
|
|
</view>
|
|
</block>
|
|
<slot></slot>
|
|
</view>
|
|
<block wx:if="{{mask}}">
|
|
<view class="{{['tui-popup-mask ',(show)?'tui-popup-show':'']}}" style="{{'background-color:'+(maskBgColor)+';'}}"
|
|
catchtouchmove="handleClose" bindtap="handleClose"></view>
|
|
</block>
|
|
</view>
|