6 Star 14 Fork 5

顽强的兜兜君 / Vue大转盘抽奖

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

vue-luck-draw

基于手机端的大转盘抽奖

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

输入图片说明

引用

以组件的方式引入。
抽中指定商品通过后台返回,在组件里面的OnRotate()
从服务器获取用户真实的获奖信息(对应的获奖序号)
<template>
  <div id="app">
    <v-luck-draw :rewardNames="rewardNames" @OnClick="OnLuck" ref="luckDraw"></v-luck-draw>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      rewardNames: ["mp3", "iphone8", "谢谢参与", "iphoneX", "ipad mini4"]
    };
  },
  mounted() {},
  methods: {
    //点击旋转按钮后,子组件返回的抽中的奖品名称
    OnLuck(data) {
      alert(data);
    }
  },
  components: {
    //按自己的需求,也可以不用异步加载
    //异步加载组件
    "v-luck-draw": () => import("./components/luck-draw/luck-draw.vue")
  }
};
</script>

<style>

</style>

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

空文件

简介

基于手机端的Vue大转盘抽奖 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/doudoujun2017/vue_big_turntable_lottery.git
git@gitee.com:doudoujun2017/vue_big_turntable_lottery.git
doudoujun2017
vue_big_turntable_lottery
Vue大转盘抽奖
master

搜索帮助

14c37bed 8189591 565d56ea 8189591