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 | 14 | <zui-cell title="单元格" value="内容" label="描述"></zui-cell> |
| 15 | 15 | <zui-cell title="有图标" value="内容" icon="trendingup"></zui-cell> |
| 16 | 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 | 18 | </zui-cell> |
| 19 | 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 | 23 | </div> |
| 26 | 24 | <div slot="right"> |
| 27 | 25 | icon |
| 28 | 26 | </div> |
| 29 | 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 | 39 | </div> |
| 31 | 40 | </template> |
| 32 | 41 | ... | ... |
packages/cell/index.vue
| ... | ... | @@ -29,7 +29,7 @@ |
| 29 | 29 | <div v-if="$slots.right" class="zui-cell__right-icon"> |
| 30 | 30 | <slot name="right"></slot> |
| 31 | 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 | 33 | </div> |
| 34 | 34 | </template> |
| 35 | 35 | |
| ... | ... | @@ -42,7 +42,10 @@ export default { |
| 42 | 42 | value: String, |
| 43 | 43 | label: String, |
| 44 | 44 | isLink: Boolean, |
| 45 | - rightIcon: String, | |
| 45 | + rightIcon: { | |
| 46 | + type: String, | |
| 47 | + default: 'enter' | |
| 48 | + }, | |
| 46 | 49 | }, |
| 47 | 50 | computed: { |
| 48 | 51 | classRender: function() { | ... | ... |