更新记录

1.0.1（2025-01-07） 下载此版本

更新readme

1.0.0（2025-01-06） 下载此版本

完成骰子样式和动作

平台兼容性

3D 骰子组件 README

组件介绍

threed-dice 是一个用于显示 3D 骰子的 Vue 组件，支持自定义大小、随机旋转角度以及是否滚动等属性。该组件可以用于游戏、抽奖等场景。

属性说明

使用示例

<template>
  <view>
    <threed-dice
      :value="currentValue"
      :size="diceSize"
      :randomY="randomDegree"
      :rolling="isRolling"
    ></threed-dice>
  </view>
</template>

<script setup>
import { ref } from "vue";
import threedDice from "./path/to/threed-dice.vue";

const currentValue = ref(4); // 设置初始点数
const diceSize = ref(120); // 设置骰子大小
const randomDegree = ref(10); // 设置随机旋转角度
const isRolling = ref(true); // 设置是否滚动
</script>

预览图和演示地址

注意事项

• value属性应确保在 1 到 6 之间。
• size属性决定了骰子的大小，请根据页面布局合理设置。
• randomY属性用于增强视觉效果，建议不要设置过大以免影响用户体验。
• rolling属性配合 CSS 动画使用，可实现骰子滚动的效果。