Files
HuajisheTools/HuajisheCheckChaoXing/miniprogram_npm/tdesign-miniprogram/cell/README.en-US.md
2025-10-01 10:01:52 +08:00

3.9 KiB
Raw Blame History

:: BASE_DOC ::

API

Cell Props

name type default description required
style Object - CSS(Cascading Style Sheets) N
custom-style Object - CSS(Cascading Style Sheets)used to set style on virtual component N
align String middle options: top/middle/bottom N
arrow Boolean / Object false - N
bordered Boolean true - N
description String / Slot - see more ts definition N
hover Boolean - - N
image String / Slot - see more ts definition N
jump-type String navigateTo options: switchTab/reLaunch/redirectTo/navigateTo N
left-icon String / Object / Slot - see more ts definition N
note String / Slot - see more ts definition N
required Boolean false - N
right-icon String / Object / Slot - see more ts definition N
title String / Slot - see more ts definition N
url String - - N

Cell Events

name params description
click - see more ts definition

Cell External Classes

className Description
t-class -
t-class-center -
t-class-description -
t-class-hover -
t-class-image -
t-class-left -
t-class-left-icon -
t-class-note -
t-class-right -
t-class-right-icon -
t-class-title -

CellGroup Props

name type default description required
style Object - CSS(Cascading Style Sheets) N
custom-style Object - CSS(Cascading Style Sheets)used to set style on virtual component N
bordered Boolean false - N
theme String default options: default/card N
title String - - N

CellGroup External Classes

className Description
t-class -
t-class-title -

CSS Variables

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

Name Default Value Description
--td-cell-group-border-color @component-stroke -
--td-cell-group-title-bg-color @bg-color-secondarycontainer -
--td-cell-group-title-color @text-color-placeholder -
--td-cell-group-title-font-size 28rpx -
--td-cell-group-title-line-height 90rpx -
--td-cell-group-title-padding-left 32rpx -
--td-cell-bg-color @bg-color-container -
--td-cell-border-color @component-stroke -
--td-cell-border-left-space @cell-horizontal-padding -
--td-cell-border-right-space 0 -
--td-cell-border-width 1px -
--td-cell-description-color @text-color-secondary -
--td-cell-description-font-size @font-size-base -
--td-cell-description-line-height 44rpx -
--td-cell-height auto -
--td-cell-horizontal-padding 32rpx -
--td-cell-hover-color @bg-color-secondarycontainer -
--td-cell-image-height 96rpx -
--td-cell-image-width 96rpx -
--td-cell-left-icon-color @brand-color -
--td-cell-left-icon-font-size 48rpx -
--td-cell-line-height 48rpx -
--td-cell-note-color @text-color-placeholder -
--td-cell-note-font-size @font-size-m -
--td-cell-required-color @error-color -
--td-cell-required-font-size @font-size-m -
--td-cell-right-icon-color @text-color-placeholder -
--td-cell-right-icon-font-size 48rpx -
--td-cell-title-color @text-color-primary -
--td-cell-title-font-size @font-size-m -
--td-cell-vertical-padding 32rpx -