Commit 60e3055504537d89983cc61a2692d7c14a3edde1
1 parent
18a16fc9
Exists in
master
[修改] 更新单元格右侧箭头逻辑
Showing
2 changed files
with
20 additions
and
8 deletions
Show diff stats
examples/views/docs/component/cell.md
| @@ -14,19 +14,28 @@ | @@ -14,19 +14,28 @@ | ||
| 14 | <zui-cell title="单元格" value="内容" label="描述"></zui-cell> | 14 | <zui-cell title="单元格" value="内容" label="描述"></zui-cell> |
| 15 | <zui-cell title="有图标" value="内容" icon="trendingup"></zui-cell> | 15 | <zui-cell title="有图标" value="内容" icon="trendingup"></zui-cell> |
| 16 | <zui-cell title="可点击" value="内容" label="描述" is-link> | 16 | <zui-cell title="可点击" value="内容" label="描述" is-link> |
| 17 | - <zui-icon slot="icon" name="attachmoney" size="2rem" color="red" /> | 17 | + <zui-icon slot="icon" name="attachmoney" size="2rem" color="deepskyblue" /> |
| 18 | </zui-cell> | 18 | </zui-cell> |
| 19 | <zui-cell> | 19 | <zui-cell> |
| 20 | - <div slot="title" class="aui-list-item-title aui-font-size-16"> | ||
| 21 | - 开启微信通知 | ||
| 22 | - <div class="aui-list-item-text aui-font-size-12"> | ||
| 23 | - 关注微信公众号，可获取运单到账信息 | ||
| 24 | - </div> | 20 | + <div slot="title"> |
| 21 | + <div>开启微信通知</div> | ||
| 22 | + <div>关注微信公众号，可获取运单到账信息</div> | ||
| 25 | </div> | 23 | </div> |
| 26 | <div slot="right"> | 24 | <div slot="right"> |
| 27 | icon | 25 | icon |
| 28 | </div> | 26 | </div> |
| 29 | </zui-cell> | 27 | </zui-cell> |
| 28 | + <zui-cell is-link> | ||
| 29 | + <zui-icon slot="icon" name="error" size="2rem" color="deeppink" /> | ||
| 30 | + <div slot="title"> | ||
| 31 | + <div class="zui-cell__title">开启微信通知</div> | ||
| 32 | + <div class="zui-cell__label">关注微信公众号，可获取运单到账信息</div> | ||
| 33 | + </div> | ||
| 34 | + <div slot="right" style="text-align: right;"> | ||
| 35 | + <div style="font-size: 12px; color: grey;">2020-03-18</div> | ||
| 36 | + <div><zui-tag size="tiny" shape="circle" type="fill" fill-color="red" font-color="#fff">2</zui-tag></div> | ||
| 37 | + </div> | ||
| 38 | + </zui-cell> | ||
| 30 | </div> | 39 | </div> |
| 31 | </template> | 40 | </template> |
| 32 | 41 |
packages/cell/index.vue
| @@ -29,7 +29,7 @@ | @@ -29,7 +29,7 @@ | ||
| 29 | <div v-if="$slots.right" class="zui-cell__right-icon"> | 29 | <div v-if="$slots.right" class="zui-cell__right-icon"> |
| 30 | <slot name="right"></slot> | 30 | <slot name="right"></slot> |
| 31 | </div> | 31 | </div> |
| 32 | - <div v-else-if="rightIcon" class="zui-cell__right-icon"></div> | 32 | + <zui-icon v-else-if="rightIcon && isLink" class="zui-cell__right-icon" :name="rightIcon"></zui-icon> |
| 33 | </div> | 33 | </div> |
| 34 | </template> | 34 | </template> |
| 35 | 35 | ||
| @@ -42,7 +42,10 @@ export default { | @@ -42,7 +42,10 @@ export default { | ||
| 42 | value: String, | 42 | value: String, |
| 43 | label: String, | 43 | label: String, |
| 44 | isLink: Boolean, | 44 | isLink: Boolean, |
| 45 | - rightIcon: String, | 45 | + rightIcon: { |
| 46 | + type: String, | ||
| 47 | + default: 'enter' | ||
| 48 | + }, | ||
| 46 | }, | 49 | }, |
| 47 | computed: { | 50 | computed: { |
| 48 | classRender: function() { | 51 | classRender: function() { |