Home Explore Help
Sign In
YZM
/
wardrobe
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: e7ea571fa6
Branches Tags
wardrobe
/
unpackage
/
dist
/
dev
/
mp-weixin
/
tm-vuetify
/
components
/
tm-dropDownMenu
/
tm-dropDownMenu.wxml

tm-dropDownMenu.wxml 12 KB
History Raw

1 
  1. <view class="relative data-v-3f603c52"><view class="tm-dropDownMenu absolute fulled data-v-3f603c52" style="{{'z-index:'+(101)+';'}}"><view class="{{['tm-dropDownMenu-bar','data-v-3f603c52',!black_tmeme&&bgColor!='white'?bgColor:black_tmeme&&bgColor=='white'?'grey-darken-4':bgColor,black_tmeme?'':'shadow-'+bgColor+'-'+shadow,black_tmeme?'bk':'']}}"><tm-row vue-id="29acda0f-1" align="center" justify="center" class="data-v-3f603c52" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{formartData}}" wx:for-item="item" wx:for-index="index" wx:key="index"><tm-col vue-id="{{('29acda0f-2-'+index)+','+('29acda0f-1')}}" color="none" justify="center" align="middle" width="{{itemLength+'%'}}" data-event-opts="{{[['^click',[['changeIndex',[index]]]]]}}" bind:click="__e" class="data-v-3f603c52" bind:__l="__l" vue-slots="{{['default']}}"><view class="flex-center data-v-3f603c52" style="{{'height:'+(height+'rpx')+';'+('line-height:'+(height+'rpx')+';')}}"><text class="{{['','pr-10','data-v-3f603c52',activeIndex==index?'text-'+activeColor:'text-'+unColor]}}" style="{{'font-size:'+(fontSize+'rpx')+';'}}">{{item.title}}</text><block wx:if="{{index!=0}}"><tm-icons style="line-height:0;" vue-id="{{('29acda0f-3-'+index)+','+('29acda0f-2-'+index)}}" dense="{{true}}" color="{{item.shang?activeColor:unColor}}" size="24" name="{{item.shang?'icon-sort-up':'icon-sort-down'}}" class="data-v-3f603c52" bind:__l="__l"></tm-icons></block></view></tm-col></block></tm-row></view><block wx:if="{{formartData[activeIndex]}}"><view class="{{['tm-dropDownMenu-body','py-24','','data-v-3f603c52',black_tmeme?'grey-darken-5 bk':'white','shadow-'+shadow]}}"><block wx:if="{{formartData[activeIndex]['children']}}"><view style="{{'max-height:'+(maxHeight+'rpx')+';'+('overflow-y:'+('auto')+';')}}" class="data-v-3f603c52"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-3f603c52"><block wx:if="{{item.$orig['children']&&rendIdx>=index}}"><block class="data-v-3f603c52"><block wx:if="{{item.$orig['title']}}"><view class="pa-24 text-size-s text-weight-b optAniopt data-v-3f603c52">{{item.$orig.title}}</view></block><view class="optAniopt data-v-3f603c52"><block wx:if="{{item.$orig.model=='checkbox'}}"><block class="data-v-3f603c52"><tm-groupcheckbox vue-id="{{'29acda0f-4-'+index}}" class="data-v-3f603c52" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{item.$orig.children}}" wx:for-item="item2" wx:for-index="index2" wx:key="index2"><block class="data-v-3f603c52"><tm-checkbox bind:input="__e" vue-id="{{('29acda0f-5-'+index+'-'+index2)+','+('29acda0f-4-'+index)}}" disabled="{{item2['disabled']||item.$orig['disabled']?true:false}}" dense="{{true}}" value="{{item2.checked}}" data-event-opts="{{[['^input',[['__set_model',['$0','checked','$event',[]],[[['formartData.'+activeIndex+'.children','',index],['children','',index2]]]]]]]}}" class="data-v-3f603c52" bind:__l="__l" vue-slots="{{['default']}}"><view class="{{['px-10','data-v-3f603c52',item2['disabled']||item.$orig['disabled']?'opacity-6':'']}}"><tm-button style="width:auto;" vue-id="{{('29acda0f-6-'+index+'-'+index2)+','+('29acda0f-5-'+index+'-'+index2)}}" fllowTheme="{{false}}" black="{{black_tmeme}}" theme="{{item2.checked?color:black_tmeme?'grey-darken-3':'grey-lighten-2'}}" font-color="{{item2.checked?color:'grey'}}" dense="{{true}}" font-size="24" height="{{64}}" item-class="mx-14 my-10" plan="{{true}}" block="{{true}}" icon="icon-check-circle" shadow="{{2}}" round="{{2}}" class="data-v-3f603c52" bind:__l="__l" vue-slots="{{['default']}}">{{''+item2.title+''}}</tm-button></view></tm-checkbox></block></block></tm-groupcheckbox></block></block><block wx:if="{{item.$orig.model=='radio'}}"><block class="data-v-3f603c52"><tm-groupradio vue-id="{{'29acda0f-7-'+index}}" class="data-v-3f603c52" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{item.$orig.children}}" wx:for-item="item2" wx:for-index="index2" wx:key="index2"><block class="data-v-3f603c52"><tm-radio bind:input="__e" vue-id="{{('29acda0f-8-'+index+'-'+index2)+','+('29acda0f-7-'+index)}}" disabled="{{item2['disabled']||item.$orig['disabled']?true:false}}" dense="{{true}}" value="{{item2.checked}}" data-event-opts="{{[['^input',[['__set_model',['$0','checked','$event',[]],[[['formartData.'+activeIndex+'.children','',index],['children','',index2]]]]]]]}}" class="data-v-3f603c52" bind:__l="__l" vue-slots="{{['default']}}"><view class="{{['px-10','data-v-3f603c52',item2['disabled']||item.$orig['disabled']?'opacity-6':'']}}"><tm-button style="width:auto;" vue-id="{{('29acda0f-9-'+index+'-'+index2)+','+('29acda0f-8-'+index+'-'+index2)}}" fllowTheme="{{false}}" black="{{black_tmeme}}" theme="{{item2.checked?color:black_tmeme?'grey-darken-3':'grey-lighten-2'}}" font-color="{{item2.checked?color:'grey'}}" dense="{{true}}" font-size="24" height="{{64}}" item-class="mx-14 my-10" plan="{{true}}" block="{{true}}" icon="icon-check-circle" shadow="{{2}}" round="{{2}}" class="data-v-3f603c52" bind:__l="__l" vue-slots="{{['default']}}">{{''+item2.title+''}}</tm-button></view></tm-radio></block></block></tm-groupradio></block></block><block wx:if="{{item.$orig.model=='list'}}"><block class="data-v-3f603c52"><tm-groupradio vue-id="{{'29acda0f-10-'+index}}" class="data-v-3f603c52" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{item.$orig.children}}" wx:for-item="item2" wx:for-index="index2" wx:key="index2"><block class="data-v-3f603c52"><tm-radio bind:input="__e" vue-id="{{('29acda0f-11-'+index+'-'+index2)+','+('29acda0f-10-'+index)}}" inline="{{false}}" disabled="{{item2['disabled']||item.$orig['disabled']?true:false}}" dense="{{true}}" value="{{item2.checked}}" data-event-opts="{{[['^input',[['__set_model',['$0','checked','$event',[]],[[['formartData.'+activeIndex+'.children','',index],['children','',index2]]]]]]]}}" class="data-v-3f603c52" bind:__l="__l" vue-slots="{{['default']}}"><view class="fulled data-v-3f603c52"><tm-listitem vue-id="{{('29acda0f-12-'+index+'-'+index2)+','+('29acda0f-11-'+index+'-'+index2)}}" disabled="{{item2['disabled']||item.$orig['disabled']?true:false}}" title-color="{{item2.checked?color:'grey-darken-3'}}" rightIconColor="{{item2.checked?color:'grey-lighten-3'}}" margin="{{[24,12]}}" title="{{item2.title}}" fontSize="28" shadow="{{0}}" borderBottom="{{true}}" rightIconSize="{{30}}" rightIcon="{{item2.checked?'icon-check-circle':''}}" class="data-v-3f603c52" bind:__l="__l"></tm-listitem></view></tm-radio></block></block></tm-groupradio></block></block><block wx:if="{{item.$orig.model=='listCheckbox'}}"><block class="data-v-3f603c52"><tm-groupcheckbox vue-id="{{'29acda0f-13-'+index}}" class="data-v-3f603c52" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{item.$orig.children}}" wx:for-item="item2" wx:for-index="index2" wx:key="index2"><block class="data-v-3f603c52"><tm-checkbox bind:input="__e" vue-id="{{('29acda0f-14-'+index+'-'+index2)+','+('29acda0f-13-'+index)}}" inline="{{false}}" disabled="{{item2['disabled']||item.$orig['disabled']?true:false}}" dense="{{true}}" value="{{item2.checked}}" data-event-opts="{{[['^input',[['__set_model',['$0','checked','$event',[]],[[['formartData.'+activeIndex+'.children','',index],['children','',index2]]]]]]]}}" class="data-v-3f603c52" bind:__l="__l" vue-slots="{{['default']}}"><view class="fulled data-v-3f603c52"><tm-listitem vue-id="{{('29acda0f-15-'+index+'-'+index2)+','+('29acda0f-14-'+index+'-'+index2)}}" disabled="{{item2['disabled']||item.$orig['disabled']?true:false}}" title-color="{{item2.checked?color:'grey-darken-3'}}" rightIconColor="{{item2.checked?color:'grey-lighten-3'}}" margin="{{[24,12]}}" title="{{item2.title}}" fontSize="28" shadow="{{0}}" borderBottom="{{true}}" rightIconSize="{{30}}" rightIcon="{{item2.checked?'icon-check-circle':''}}" class="data-v-3f603c52" bind:__l="__l"></tm-listitem></view></tm-checkbox></block></block></tm-groupcheckbox></block></block></view></block></block><block wx:else><block class="data-v-3f603c52"><block wx:if="{{item.$orig.model=='input'&&rendIdx>=index}}"><block class="data-v-3f603c52"><block wx:if="{{item.$orig['title']}}"><view class="pa-24 text-size-s text-weight-b optAniopt data-v-3f603c52">{{item.$orig.title}}</view></block><tm-input vue-id="{{'29acda0f-16-'+index}}" fllowTheme="{{fllowTheme}}" border-color="grey-lighten-1" disabled="{{item.m0}}" black="{{black_tmeme}}" color="{{color}}" border-bottom="{{false}}" input-type="{{item.$orig.type||'text'}}" value="{{item.$orig.value}}" data-event-opts="{{[['^updateValue',[['__set_sync',['$0','value','$event'],[[['formartData.'+activeIndex+'.children','',index,'']]]]]]]}}" bind:updateValue="__e" class="data-v-3f603c52" bind:__l="__l"></tm-input></block></block><block wx:if="{{item.$orig.model=='slider'&&rendIdx>=index}}"><block class="data-v-3f603c52"><block wx:if="{{item.$orig['title']}}"><view class="pa-24 text-size-s text-weight-b optAniopt data-v-3f603c52">{{''+item.$orig.title+''}}<text class="{{['px-24','','data-v-3f603c52','text-'+color]}}">{{''+(item.$orig.value?item.$orig.value:'未设置')+(item.$orig.value?item.$orig['suffix']?item.$orig.suffix:'':'')+''}}</text></view></block><view class="px-42 py-24 optAniopt data-v-3f603c52"><tm-slider bind:input="__e" vue-id="{{'29acda0f-17-'+index}}" fllowTheme="{{fllowTheme}}" disabled="{{item.m1}}" black="{{black_tmeme}}" color="{{color}}" max="{{item.$orig.max?item.$orig.max:100}}" value="{{item.$orig.value}}" data-event-opts="{{[['^input',[['__set_model',['$0','value','$event',[]],[[['formartData.'+activeIndex+'.children','',index]]]]]]]}}" class="data-v-3f603c52" bind:__l="__l" vue-slots="{{['tips']}}"><view slot="tips">{{''+item.$orig.value+''}}</view></tm-slider></view></block></block><block wx:if="{{item.$orig.model=='pickers'&&rendIdx>=index}}"><block class="data-v-3f603c52"><block wx:if="{{item.$orig['title']}}"><view class="pa-24 text-size-s text-weight-b optAniopt data-v-3f603c52">{{''+item.$orig.title+''}}</view></block><view class="optAniopt data-v-3f603c52"><tm-pickers vue-id="{{'29acda0f-18-'+index}}" default-value="{{item.$orig.value}}" rang-key="title" btn-color="{{color}}" list="{{item.$orig.data}}" data-event-opts="{{[['^updateDefaultValue',[['__set_sync',['$0','value','$event'],[[['formartData.'+activeIndex+'.children','',index,'']]]]]],['^updateDefaultValue',[['__set_sync',['$0','value','$event'],[[['formartData.'+activeIndex+'.children','',index,'']]]]]]]}}" bind:updateDefaultValue="__e" class="data-v-3f603c52" bind:__l="__l" vue-slots="{{['default']}}"><tm-input vue-id="{{('29acda0f-19-'+index)+','+('29acda0f-18-'+index)}}" value="{{item.m2}}" prefixp-icon="icon-calendaralt-fill" disabled="{{true}}" placeholder="{{item.$orig['placeholder']?item.$orig['placeholder']:'请选择'}}" suffix-icon="icon-sort-down" class="data-v-3f603c52" bind:__l="__l"></tm-input></tm-pickers></view></block></block></block></block></block></block></view></block><view class="flex-between px-32 pt-32 data-v-3f603c52"><tm-button style="width:48%;" vue-id="29acda0f-20" fllowTheme="{{fllowTheme}}" theme="{{color}}" block="{{true}}" height="80" data-event-opts="{{[['^click',[['getData']]]]}}" bind:click="__e" class="data-v-3f603c52" bind:__l="__l" vue-slots="{{['default']}}">确认</tm-button><tm-button style="width:48%;" vue-id="29acda0f-21" fllowTheme="{{fllowTheme}}" black="{{black_tmeme}}" block="{{true}}" theme="{{color}}" font-color="{{color}}" text="{{true}}" shadow="0" height="80" data-event-opts="{{[['^click',[['resetinit']]]]}}" bind:click="__e" class="data-v-3f603c52" bind:__l="__l" vue-slots="{{['default']}}">重置</tm-button></view></view></block></view><block wx:if="{{activeIndex>-1}}"><view data-event-opts="{{[['tap',[['e0',['$event']]]]]}}" class="fixed fulled data-v-3f603c52" style="{{'height:'+(height_bg+'px')+';'+('top:'+(vtop+'px')+';')+('width:'+(barwidth)+';')+('background:'+('rgba(0,0,0,0.33)')+';')+('z-index:'+(100)+';')}}" bindtap="__e"></view></block></view>
    2.