forked from gzzfw/frontEnd/gzDyh

dminyi
2024-08-09 a2a5220469a3e1f8bc216f47c887ca4c941920b0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<demo-block title="基础用法">
  <van-rate
    custom-class="rate-position"
    model:value="{{ value1 }}"
  />
</demo-block>
 
<demo-block title="自定义图标">
  <van-rate
    custom-class="rate-position"
    icon="like"
    void-icon="like-o"
    model:value="{{ value2 }}"
  />
</demo-block>
 
<demo-block title="自定义样式">
  <van-rate
    custom-class="rate-position"
    model:value="{{ value3 }}"
    size="{{ 25 }}"
    color="#ffd21e"
    void-icon="star"
    void-color="#eee"
  />
</demo-block>
 
<demo-block title="半星">
  <van-rate
    custom-class="rate-position"
    model:value="{{ value4 }}"
    allow-half
    void-icon="star"
    void-color="#eee"
  />
</demo-block>
 
<demo-block title="自定义数量">
  <van-rate
    custom-class="rate-position"
    model:value="{{ value5 }}"
    count="{{ 6 }}"
  />
</demo-block>
 
<demo-block title="禁用状态">
  <van-rate
    custom-class="rate-position"
    value="{{ value6 }}"
    disabled
  />
</demo-block>
 
<demo-block title="只读状态">
  <van-rate
    custom-class="rate-position"
    value="{{ value6 }}"
    readonly
  />
</demo-block>
 
<demo-block title="监听 change 事件">
  <van-rate
    custom-class="rate-position"
    value="{{ value8 }}"
    bind:change="onChange"
  />
</demo-block>
 
<van-toast id="van-toast" />