inleft
2022-08-02 70097d968795fcc872095c42f7b7bba618baaaf9
commit | author | age
9bcb19 1 # Trend 趋势标记
I 2
3 趋势符号,标记上升和下降趋势。通常用绿色代表“好”,红色代表“不好”,股票涨跌场景除外。
4
5
6
7 引用方式:
8
9 ```javascript
10 import Trend from '@/components/Trend'
11
12 export default {
13     components: {
14         Trend
15     }
16 }
17 ```
18
19
20
21 ## 代码演示  [demo](https://pro.loacg.com/test/home)
22
23 ```html
24 <trend flag="up">5%</trend>
25 ```
26
27 ```html
28 <trend flag="up">
29     <span slot="term">工资</span>
30     5%
31 </trend>
32 ```
33
34 ```html
35 <trend flag="up" term="工资">5%</trend>
36 ```
37
38
39 ## API
40
41 | 参数      | 说明                                      | 类型         | 默认值 |
42 |----------|------------------------------------------|-------------|-------|
43 | flag | 上升下降标识:`up|down` | string | - |
44 | reverseColor | 颜色反转 | Boolean | false |
45