浏览代码

chore(trendarrow): taro demo use icons-vue

eiinu 3 年之前
父节点
当前提交
21bd6e2021
共有 1 个文件被更改,包括 6 次插入3 次删除
  1. 6 3
      src/sites/mobile-taro/vue/src/exhibition/pages/trendarrow/index.vue

+ 6 - 3
src/sites/mobile-taro/vue/src/exhibition/pages/trendarrow/index.vue

@@ -44,17 +44,20 @@
     </nut-cell>
     <view class="title">自定义图标</view>
     <nut-cell>
-      <nut-trend-arrow :rate="10.2365" :up-icon-name="'success'" />
-      <nut-trend-arrow :rate="-10.2365" :down-icon-name="'failure'" />
       <nut-trend-arrow :rate="10.2365">
-        <nut-icon name="heart-fill" color="#fa2c19" size="12px"></nut-icon>
+        <template #upIcon><Success color="blue" width="18" height="18" /></template>
+      </nut-trend-arrow>
+      <nut-trend-arrow :rate="-10.2365">
+        <template #downIcon><Failure color="red" /></template>
       </nut-trend-arrow>
     </nut-cell>
   </div>
 </template>
 <script lang="ts">
 import { defineComponent } from 'vue';
+import { Success, Failure } from '@nutui/icons-vue-taro';
 export default defineComponent({
+  components: { Success, Failure },
   props: {},
   setup() {
     return {};