From 60e3055504537d89983cc61a2692d7c14a3edde1 Mon Sep 17 00:00:00 2001
From: Aaron.Liu <427787340@qq.com>
Date: Wed, 18 Mar 2020 00:21:55 +0800
Subject: [PATCH] [修改] 更新单元格右侧箭头逻辑

---
 examples/views/docs/component/cell.md | 21 +++++++++++++++------
 packages/cell/index.vue               |  7 +++++--
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/examples/views/docs/component/cell.md b/examples/views/docs/component/cell.md
index 14ba935..115d37c 100644
--- a/examples/views/docs/component/cell.md
+++ b/examples/views/docs/component/cell.md
@@ -14,19 +14,28 @@
     <zui-cell title="单元格" value="内容" label="描述"></zui-cell>
     <zui-cell title="有图标" value="内容" icon="trendingup"></zui-cell>
     <zui-cell title="可点击" value="内容" label="描述" is-link>
-      <zui-icon slot="icon" name="attachmoney" size="2rem" color="red" />
+      <zui-icon slot="icon" name="attachmoney" size="2rem" color="deepskyblue" />
     </zui-cell>
     <zui-cell>
-      <div slot="title" class="aui-list-item-title aui-font-size-16">
-        开启微信通知
-        <div class="aui-list-item-text aui-font-size-12">
-          关注微信公众号，可获取运单到账信息
-        </div>
+      <div slot="title">
+        <div>开启微信通知</div>
+        <div>关注微信公众号，可获取运单到账信息</div>
       </div>
       <div slot="right">
         icon
       </div>
     </zui-cell>
+    <zui-cell is-link>
+      <zui-icon slot="icon" name="error" size="2rem" color="deeppink" />
+      <div slot="title">
+        <div class="zui-cell__title">开启微信通知</div>
+        <div class="zui-cell__label">关注微信公众号，可获取运单到账信息</div>
+      </div>
+      <div slot="right" style="text-align: right;">
+        <div style="font-size: 12px; color: grey;">2020-03-18</div>
+        <div><zui-tag size="tiny" shape="circle" type="fill" fill-color="red" font-color="#fff">2</zui-tag></div>
+      </div>
+    </zui-cell>
   </div>
 </template>
 
diff --git a/packages/cell/index.vue b/packages/cell/index.vue
index 3bb4106..97d5467 100644
--- a/packages/cell/index.vue
+++ b/packages/cell/index.vue
@@ -29,7 +29,7 @@
     <div v-if="$slots.right" class="zui-cell__right-icon">
       <slot name="right"></slot>
     </div>
-    <div v-else-if="rightIcon" class="zui-cell__right-icon"></div>
+    <zui-icon v-else-if="rightIcon && isLink" class="zui-cell__right-icon" :name="rightIcon"></zui-icon>
   </div>
 </template>
 
@@ -42,7 +42,10 @@ export default {
     value: String,
     label: String,
     isLink: Boolean,
-    rightIcon: String,
+    rightIcon: {
+      type: String,
+      default: 'enter'
+    },
   },
   computed: {
     classRender: function() {
--
libgit2 0.21.0