<block a:if="{{visibleSync}}"><view class="u-drawer data-v-17becaea" style="{{$root.s0}}" hover-stop-propagation="{{true}}"><u-mask vue-id="3fddd99c-1" duration="{{duration}}" custom-style="{{maskCustomStyle}}" maskClickAble="{{maskCloseAble}}" z-index="{{uZindex-2}}" show="{{showDrawer&&mask}}" data-event-opts="{{[['^click',[['maskClick']]]]}}" onClick="__e" class="data-v-17becaea" onVueInit="__l"></u-mask><view data-event-opts="{{[['tap',[['modeCenterClose',['$0'],['mode']],['',['$event']]]],['touchMove',[['',['$event']]]]]}}" class="{{(((((('u-drawer-content')+' '+'data-v-17becaea')+' '+(safeAreaInsetBottom?'safe-area-inset-bottom':''))+' '+('u-drawer-'+mode))+' '+(showDrawer?'u-drawer-content-visible':''))+' '+(zoom&&mode=='center'?'u-animation-zoom':''))}}" style="{{$root.s1}}" catchTap="__e" catchTouchMove="__e"><block a:if="{{mode=='center'}}"><view data-event-opts="{{[['tap',[['',['$event']]]],['touchMove',[['',['$event']]]]]}}" class="u-mode-center-box data-v-17becaea" style="{{$root.s2}}" catchTap="__e" catchTouchMove="__e"><block a:if="{{closeable}}"><u-icon class="{{((('u-close')+' '+'data-v-17becaea')+' '+('u-close--'+closeIconPos))}}" vue-id="3fddd99c-2" name="{{closeIcon}}" color="{{closeIconColor}}" size="{{closeIconSize}}" data-event-opts="{{[['^click',[['close']]]]}}" onClick="__e" onVueInit="__l"></u-icon></block><scroll-view class="u-drawer__scroll-view data-v-17becaea" scroll-y="true"><slot></slot></scroll-view></view></block><block a:else><scroll-view class="u-drawer__scroll-view data-v-17becaea" scroll-y="true"><slot></slot></scroll-view></block><view data-event-opts="{{[['tap',[['close',['$event']]]]]}}" class="{{((('u-close')+' '+'data-v-17becaea')+' '+('u-close--'+closeIconPos))}}" onTap="__e"><block a:if="{{mode!='center'&&closeable}}"><u-icon vue-id="3fddd99c-3" name="{{closeIcon}}" color="{{closeIconColor}}" size="{{closeIconSize}}" class="data-v-17becaea" onVueInit="__l"></u-icon></block></view></view></view></block>