limqsh/quinn-wx
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

个人中心

Browse Source
This commit is contained in:
limqhz
2022-12-13 16:53:09 +08:00
parent 0efe64d1bb
commit c0c88244c3
39 changed files with 763 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
components/message/README.md
View File

@@ -12,7 +12,7 @@ isComponent: true
```json
"usingComponents": {
"t-message": "tdesign-miniprogram/message/message"
"t-message": "/components/message/message"
}
```
@@ -21,7 +21,7 @@ isComponent: true
若以 API 形式调用 Message，则需在页面 `page.js` 中引入组件 API：
```js
import Message from 'tdesign-miniprogram/message/index';
import Message from '/components/message/index';
```
## 代码演示
@@ -59,9 +59,9 @@ import Message from 'tdesign-miniprogram/message/index';
| duration | Number | 3000 | 消息内置计时器，计时到达时会触发 duration-end 事件。单位：毫秒。值为 0 则表示没有计时器。 | N |
| external-classes | Array | - | 样式类名，分别用于设置 组件外层、消息内容、左侧图标、操作按钮、关闭按钮等元素类名。`['t-class', 't-class-content', 't-class-icon', 't-class-action', 't-class-close-btn']` | N |
| icon | String / Boolean / Slot | true | 消息提醒前面的图标。值为 true 则根据 theme 显示对应的图标，值为 false 则不显示图标。值为 'info' 或 'bell' 则显示组件内置图标。也可以完全自定义图标节点。TS 类型：`boolean | 'info' | 'bell'` | N |
| marquee | Boolean / Object | false | 跑马灯效果。speed 指速度控制；loop 指循环播放次数，值为 -1 表示循环播放，值为 0 表示不循环播放；delay 表示延迟多久开始播放。TS 类型：`boolean | DrawMarquee`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/message/type.ts) | N |
| marquee | Boolean / Object | false | 跑马灯效果。speed 指速度控制；loop 指循环播放次数，值为 -1 表示循环播放，值为 0 表示不循环播放；delay 表示延迟多久开始播放。TS 类型：`boolean | DrawMarquee`。[详细类型定义](https://github.com/Tencent//components/tree/develop/src/message/type.ts) | N |
| offset | Array | - | 相对于 placement 的偏移量，示例：[-10, 20] 或 ['10rpx', '8rpx']。TS 类型：`Array<string | number>` | N |
| theme | String | info | 消息组件风格。可选项：info/success/warning/error。TS 类型：`MessageThemeList`。[详细类型定义](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/message/type.ts) | N |
| theme | String | info | 消息组件风格。可选项：info/success/warning/error。TS 类型：`MessageThemeList`。[详细类型定义](https://github.com/Tencent//components/tree/develop/src/message/type.ts) | N |
| visible | Boolean | false | 是否显示，隐藏时默认销毁组件 | N |
| z-index | Number | 15000 | 组件层级，样式默认为 15000 | N |

6
components/message/api.md
View File

@@ -14,7 +14,7 @@
```json
"usingComponents": {
"t-message": "tdesign-miniprogram/message/message"
"t-message": "/components/message/message"
}
```
@@ -23,7 +23,7 @@
若以 API 形式调用 Message，则需在页面 `page.js` 中引入组件 API：
```js
import Message from 'tdesign-miniprogram/message/index';
import Message from '/components/message/index';
```
## 用法
@@ -48,7 +48,7 @@ Message.info({
### `<Message>` 组件
组件路径：`tdesign-miniprogram/message/message`
组件路径：`/components/message/message`
#### Props