city-casereport/miniprogram_npm/tdesign-miniprogram/action-sheet
2023-12-06 14:22:42 +08:00
..
template 户籍信息录入 2023-12-06 14:22:42 +08:00
action-sheet.d.ts 户籍信息录入 2023-12-06 14:22:42 +08:00
action-sheet.js 户籍信息录入 2023-12-06 14:22:42 +08:00
action-sheet.json 户籍信息录入 2023-12-06 14:22:42 +08:00
action-sheet.wxml 户籍信息录入 2023-12-06 14:22:42 +08:00
action-sheet.wxs 户籍信息录入 2023-12-06 14:22:42 +08:00
action-sheet.wxss 户籍信息录入 2023-12-06 14:22:42 +08:00
index.d.ts 户籍信息录入 2023-12-06 14:22:42 +08:00
index.js 户籍信息录入 2023-12-06 14:22:42 +08:00
props.d.ts 户籍信息录入 2023-12-06 14:22:42 +08:00
props.js 户籍信息录入 2023-12-06 14:22:42 +08:00
README.en-US.md 户籍信息录入 2023-12-06 14:22:42 +08:00
README.md 户籍信息录入 2023-12-06 14:22:42 +08:00
show.d.ts 户籍信息录入 2023-12-06 14:22:42 +08:00
show.js 户籍信息录入 2023-12-06 14:22:42 +08:00
type.d.ts 户籍信息录入 2023-12-06 14:22:42 +08:00
type.js 户籍信息录入 2023-12-06 14:22:42 +08:00

:: BASE_DOC ::

API

ActionSheet Props

name type default description required
align String center 0.29.0。optionscenter/left N
cancel-text String - - N
count Number 8 - N
description String - 0.29.0 N
items Array - required。TypescriptArray<string | ActionSheetItem> interface ActionSheetItem {label: string; color?: string; disabled?: boolean }see more ts definition Y
show-cancel Boolean true - N
show-overlay Boolean true - N
theme String list optionslist/grid N
visible Boolean false required Y
default-visible Boolean undefined required。uncontrolled property Y

ActionSheet Events

name params description
cancel - -
close (trigger: TriggerSource) see more ts definition
type TriggerSource = 'overlay' | 'command' | 'select'
selected (selected: ActionSheetItem | string, index: number) -

CSS Variables

The component provides the following CSS variables, which can be used to customize styles.

Name Default Value Description
--td-action-sheet-border-color @gray-color-1 -
--td-action-sheet-border-radius @radius-extra-large -
--td-action-sheet-cancel-color @font-gray-1 -
--td-action-sheet-cancel-height 96rpx -
--td-action-sheet-color @font-gray-1 -
--td-action-sheet-description-color @font-gray-3 -
--td-action-sheet-list-item-disabled-color @font-gray-4 -
--td-action-sheet-list-item-height 112rpx -
--td-action-sheet-text-align center -