更新记录

1.1（2023-11-02）

注意使用声明为： <action-sheet alignment="left" :showSheetView="showSheetView" :displayCheckedIcon="true" :optionsList="deseaseList" titleKey="name" iconKey="cover" @ed="ed">

@ed="ed"

不知道为啥markdown上传后，事件声明被改为@ed?

1.0（2023-10-31）

组件实现

平台兼容性

使用教程

<template>
    <view>
        <action-sheet alignment="left" :showSheetView="showSheetView" :displayCheckedIcon="true" :optionsList="deseaseList" titleKey="name" iconKey="cover" @ed="ed"></action-sheet>
    </view>
</template>

<script>
    import actionSheet from '@/components/zxp-uniActionSheet.vue'

    export default
    {
        data() {
            return {
                deseaseList: [],
                showSheetView:false
            };
        },
        components:{
            actionSheet
        },
        methods:{
            ed(row){
                /*这里必须将值置为false，否则无法唤起下一次的弹框显示*/
                this.showSheetView = false
            }
        }
    }
</script>

prop说明

//行数据标题
titleKey: {
    type: String,
    default: ""
},
//行数据图标
iconKey: {
    type: String,
    default: ""
},
//默认选中某项
defaultIndex: {
    type: Number,
    default: 0
},
//弹出页面标题
sheetTitle: {
    type: String,
    default: "请选择"
},
//内容对方方式，默认居中，可选为；left,right,center
alignment: {
    type: String,
    default: "center"
},
//是否显示选中checkmark
displayCheckedIcon: {
    type: Boolean,
    default: false
},