白色主题

This commit is contained in:
2023-02-12 19:04:01 +08:00
parent d736a5912f
commit 57ab6fbb49
411 changed files with 1752 additions and 5304 deletions

View File

@@ -61,10 +61,10 @@ isComponent: true
-- | -- | -- | -- | --
actions | Array / Slot | - | 操作栏。TS 类型:`Array<ButtonProps>`[Button API Documents](./button?tab=api)。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dialog/type.ts) | N
button-layout | String | horizontal | 多按钮排列方式。可选项horizontal/vertical | N
cancel-btn | String / Object / Slot | - | 取消按钮,可自定义。值为 null 则不显示取消按钮。值类型为字符串,则表示自定义按钮文本,值类型为 Object 则表示透传 Button 组件属性。使用 TNode 自定义按钮时,需自行控制取消事件。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dialog/type.ts) | N
cancel-btn | String / Object / Slot | - | 取消按钮,可自定义。值为 null 则不显示取消按钮。值类型为字符串,则表示自定义按钮文本,值类型为 Object 则表示透传 Button 组件属性。使用 Slot 自定义按钮时,需自行控制取消事件。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/dialog/type.ts) | N
close-btn | Boolean / Object | false | `0.31.0`。是否展示关闭按钮,值为 `true` 显示默认关闭按钮;值为 `false` 则不显示关闭按钮;使用 Object 时透传至图标组件 | N
close-on-overlay-click | Boolean | undefined | 点击蒙层时是否触发关闭事件 | N
confirm-btn | String / Object / Slot | - | 确认按钮。值为 null 则不显示确认按钮。值类型为字符串,则表示自定义按钮文本,值类型为 Object 则表示透传 Button 组件属性。使用 TNode 自定义按钮时,需自行控制确认事件 | N
confirm-btn | String / Object / Slot | - | 确认按钮。值为 null 则不显示确认按钮。值类型为字符串,则表示自定义按钮文本,值类型为 Object 则表示透传 Button 组件属性。使用 Slot 自定义按钮时,需自行控制确认事件 | N
content | String / Slot | - | 内容 | N
custom-style | String | - | `0.25.0`。自定义组件样式 | N
external-classes | Array | - | 组件类名,分别用于设置 组件外层元素、组件内容部分、确认按钮、取消按钮 等元素类名。`['t-class', 't-class-content', 't-class-confirm', 't-class-cancel']` | N

View File

@@ -5,8 +5,8 @@
<t-popup
name="dialog"
custom-style="{{ customStyle }}"
class="{{classPrefix}}__wrapper"
style="{{ style }}"
t-class="{{classPrefix}}__wrapper"
visible="{{visible}}"
showOverlay="{{showOverlay}}"
closeOnOverlayClick="{{closeOnOverlayClick}}"

View File

@@ -85,7 +85,7 @@
width: 100%;
}
.t-dialog__footer--full {
padding: 48rpx 0 0;
padding: 64rpx 0 0;
}
.t-dialog-button {
border-radius: 0 !important;
@@ -108,7 +108,7 @@
}
.t-dialog__button--text {
flex: 1;
--td-button-default-height: 112rpx;
--td-button-medium-height: 112rpx;
border-radius: 0;
}
.t-dialog__button--text:before {
@@ -125,15 +125,3 @@
height: 200%;
border-radius: 0;
}
.t-dialog input {
height: var(--td-dialog-input-height, 96rpx);
padding: 0 24rpx;
text-align: left;
margin-top: 32rpx;
border-radius: var(--td-dialog-input-raidus, 8rpx);
background-color: var(--td-dialog-input-bg-color, var(--td-gray-color-1, #f3f3f3));
}
.t-dialog .placeholder {
color: var(--td-dialog-input-placeholder-color, var(--td-font-gray-3, rgba(0, 0, 0, 0.4)));
line-height: var(--td-dialog-input-height, 96rpx);
}

View File

@@ -23,7 +23,7 @@ const props = {
content: {
type: String,
},
customStyle: {
style: {
type: String,
value: '',
},

View File

@@ -28,7 +28,7 @@ export interface TdDialogProps {
type: StringConstructor;
value?: string;
};
customStyle?: {
style?: {
type: StringConstructor;
value?: string;
};