项目场景:展会管理系统,通过弹出层的方式切换展会项目,效果如下:
弹出部分代码:
注意点:层级要设高一点,可能会其他元素遮挡出不来
<view style="z-index: 999">
<up-popup
:show="controller.show_select_exhid"
@close="controller.show_select_exhid=false"
@open="controller.show_select_exhid=true"
mode="right"
>
<view style="padding: 10%;width: 450rpx;">
<text>请设置展会:</text>
<up-radio-group
v-model="radiovalue1"
placement="column"
@change="groupChange"
>
<up-radio
:customStyle="{marginBottom: '8px'}"
v-for="(item, index) in data.exh_list"
:key="index"
:label="item.exhsName"
:name="item.exhsName"
@change="set_exhid(item)"
>
</up-radio>
</up-radio-group>
</view>
</up-popup>
</view>