-
Notifications
You must be signed in to change notification settings - Fork 277
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #675 from CodingOnStar/Docs/cell
docs(cell): replace the demo code of cell
- Loading branch information
Showing
11 changed files
with
79 additions
and
93 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
Page({ | ||
data: {}, | ||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,8 @@ | ||
{ | ||
"component": true, | ||
"usingComponents": { | ||
"t-switch": "tdesign-miniprogram/switch/switch", | ||
"t-cell": "tdesign-miniprogram/cell/cell", | ||
"t-badge": "tdesign-miniprogram/badge/badge" | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,16 @@ | ||
<view class="demo-section__wrapper"> | ||
<t-cell title="单行标题" hover /> | ||
<t-cell title="单行标题" required /> | ||
<t-cell title="单行标题" hover note="辅助信息" /> | ||
<t-cell title="单行标题" hover arrow /> | ||
<t-cell title="单行标题" hover note="辅助信息" arrow /> | ||
<t-cell title="单行标题" hover arrow> | ||
<t-badge count="{{16}}" slot="note" /> | ||
</t-cell> | ||
<t-cell title="单行标题"> | ||
<t-switch defaultValue="{{false}}" slot="note" /> | ||
</t-cell> | ||
<t-cell title="单行标题" hover> | ||
<t-icon name="app" slot="left-icon" /> | ||
</t-cell> | ||
</view> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
.demo-section__wrapper { | ||
margin: 32rpx 0; | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,6 +1,8 @@ | ||
{ | ||
"navigationBarTitleText": "cell 单元格", | ||
"usingComponents": { | ||
"t-demo": "../../components/demo-block/index" | ||
"t-demo": "../../components/demo-block/index", | ||
"base": "./base", | ||
"multiple": "./multiple" | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,3 @@ | ||
Page({ | ||
data: {}, | ||
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,7 @@ | ||
{ | ||
"component": true, | ||
"usingComponents": { | ||
"t-icon": "tdesign-miniprogram/icon/icon", | ||
"t-cell": "tdesign-miniprogram/cell/cell" | ||
} | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,18 @@ | ||
<view class="demo-section__wrapper"> | ||
<t-cell title="多行标题" description="一段很长很长的内容文字" /> | ||
<t-cell title="多行带图标" description="说明文字" note="辅助信息" arrow t-class-left="t-class-left"> | ||
<t-icon name="app" slot="left-icon" /> | ||
</t-cell> | ||
<t-cell title="多行带头像" arrow description="一段很长很长很长的内容文字"> | ||
<view class="avatar" slot="left-icon"> | ||
<open-data type="userAvatarUrl" /> | ||
</view> | ||
</t-cell> | ||
<t-cell title="多行带图片" description="一段很长很长的内容文字" align="top" image="xxx.svg" /> | ||
<t-cell title="多行标题" description="一段很长很长的内容文字,长文本自动换行,该选项的描述是一段很长的内容" /> | ||
<t-cell | ||
title="多行标题,高度不定,长文本自动换行,该选项的描述是一段很长的内容" | ||
description="一段很长很长的内容文字,长文本自动换行,该选项的描述是一段很长的内容" | ||
bordered="{{false}}" | ||
/> | ||
</view> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,14 @@ | ||
.demo-section__wrapper { | ||
margin: 32rpx 0; | ||
} | ||
|
||
.t-class-left { | ||
align-self: flex-start; | ||
} | ||
|
||
.avatar { | ||
width: 96rpx; | ||
height: 96rpx; | ||
border-radius: 50%; | ||
overflow: hidden; | ||
} |