更新记录

1.0.3（2022-04-13） 下载此版本

样式优化

1.0.1（2022-04-13） 下载此版本

新增README.md

1.0.0（2022-04-13） 下载此版本

初始化

平台兼容性

uni-app

bluestar-Actionsheet

上拉菜单

引入

在 script 标签中引入组件

//使用HBuilderX导入插件
import Actionsheet from '@/uni_modules/bluestar-Actionsheet/components/bluestar-Actionsheet/bluestar-Actionsheet.vue'

代码演示

<template>
  <Actionsheet :show="show" :list="list" @click="bindAction" @cancel="cancel"></Actionsheet>
</template>

<script setup lang="ts">
const show: any = ref(false)
const list: any = reactive(['个人体检', '团体体检'])

//获取选中的值
const bindAction = (e: any): void => {
  console.log(list[e.index])
  show.value = false
}

//关闭遮罩层
const cancel = (): void => {
  show.value = false
}
</script>

API

Props

Events

作者