wxc-rate

    自定义颜色

    2.   <wxc-rate value="4" color="#ff45a1" active-color="#ff45a1"></wxc-rate>
    3. </template>
    5. <script>
    6. export default {
    7.   config: {
    8.     usingComponents: {
    9.       'wxc-rate': '@minui/wxc-rate'
    10.   },
    11.   data: { },
    12.   methods: { }
    13. }
    14. </script>
    16. <style>
    17. </style>

    设置个数

    评分 rate - 图2

    基础用法

    1. <template>
    2.   <wxc-rate bind:rate="onClick"></wxc-rate>
    3. </template>
    5. <script>
    6. export default {
    7.   config: {
    8.     usingComponents: {
    9.     }
    10.   },
    11.   data: { },
    12.   /** note: 在 wxp 文件或者页面文件中请去掉 methods 包装 */
    13.   methods: {
    14.       onClick(e) {
    15.           console.log(e.detail.value);
    16.       }
    17.   }
    18. }
    19. </script>
    21. <style>
    22. </style>

    只读

    评分 rate - 图4

    自定义大小

    <template>
  <wxc-rate value="4" size="28" padding="10" color="#ff45a1" active-color="#ff45a1"></wxc-rate>
</template>

<script>
export default {
  config: {
    usingComponents: {
      'wxc-rate': '@minui/wxc-rate'
    }
  },
  data: { },
  methods: { }
}
</script>

<style>
</style>

    设置默认值

    评分 rate - 图6

    Rate

    v1.0.1（2018-6-5）

    • 补充文档，增加 rate 点击事件说明

    v1.0.0（2018-4-23）

    • 初始版本