Comments (9)
代码和插件版本贴一下
from lucky-canvas.
插件版本 "vue-luck-draw": "^3.3.1",
`
<div class="myPrizeBtn" @click="goMyprize">
<div class="campRuleBtn" @click="goCampRule">
<script> import headComponents from '../components/headComponents' export default { components: { headComponents, }, data () { return { blocks: [ { padding: '10px', background: '#ffc27a' }, { padding: '10px', background: '#ff4a4c' }, { padding: '0px', background: '#fff' } ] } }, methods:{ // 跳转中奖记录页 goMyprize(){ this.$router.push({name:"myPrizeRecord"}) }, // 跳转规则页 goCampRule(){ this.$router.push({name:"campRule"}) }, // 跳转问题反馈页 goProblem(){ this.$router.push({name:"problemFeedback"}) }, } } </script> <style lang="less" scoped> .content{ width: 100%; min-height: 14.5rem; background: #fb4c72; .main{ width: 100%; height: 10.46rem; background-image: url("../image/hzIndexBg.png"); background-size: 100%; background-repeat: no-repeat; display: flex; flex-direction: column; align-items: center; .wheel{ margin-top: 3.04rem; width: 6.3rem; height: 6.3rem; } .questionBtn{ width:0.52rem; height: 1.82rem; background-image: url("../image/sideBtn.png"); background-size: 100%; background-repeat: no-repeat; position: absolute; right: 0; top:2.02rem } } .btnRow{ width: 100%; height: 0.78rem; margin-top: 0.2rem; display: flex; justify-content: center; .myPrizeBtn{ width: 2.6rem; height: 0.78rem; background-image: url("../image/myPrizeBtn.png"); background-size: 100%; background-repeat: no-repeat; margin-right: 0.5rem; } .campRuleBtn{ width: 2.6rem; height: 0.78rem; background-image: url("../image/campRuleBtn.png"); background-size: 100%; background-repeat: no-repeat; } } } </style>`
from lucky-canvas.
我没有看到你有在插件内使用rem
属性啊?
from lucky-canvas.
<template> <div class="content"> <headComponents></headComponents> <div class="main"> <div class="wheel"> <LuckyWheel width="6.3rem" height="6.3rem" :blocks="blocks" /> </div> <div class="questionBtn" @click="goProblem"> </div> </div> <div class="btnRow"> <div class="myPrizeBtn" @click="goMyprize"></div> <div class="campRuleBtn" @click="goCampRule"></div> </div> </div> </template>
from lucky-canvas.
好的, 我去看一下源码, 稍等
from lucky-canvas.
嗯呢 辛苦了
from lucky-canvas.
可以问个问题吗。vue2的全局组件,怎么在vue3中注册。
from lucky-canvas.
可以问个问题吗。vue2的全局组件,怎么在vue3中注册。
// vue2.x
import LuckDraw from 'vue-luck-draw'
Vue.use(LuckDraw)
// vue3.x
import LuckDraw from 'vue-luck-draw/vue3'
createApp(App).use(LuckDraw).mount('#app')
from lucky-canvas.
好的 我试一下
from lucky-canvas.
Related Issues (20)
- 老虎机在IOS中有性能问题,会导致页面不停的加载刷新
- 奖品背景图是否支持动图 HOT 4
- 浏览器缩小到最小转盘自动向右偏移并缺失一部分
- 微信小程序 九宫格旋转的时候怎么添加商品边框颜色 和仿抖音九宫格抽奖差不多,加了shadow,0px 0px 6px red,颜色会虚化,怎么不虚化呢,实线
- canvas层级太高,弹窗被遮挡
- 需要支持uniapp 打包app使用哪个版本的?之前找到过一个老版本的,现在找不到了,麻烦帮忙提供一下,谢谢
- uniapp版什么时候支持app端,旧版uni-luck-draw在app端卡顿严重
- 我希望刚开始的时候转盘就是旋转状态,这个有方法吗,我尝试用css写,但是因为中间指针是配置的,一整个canvas,指针也跟着动,不太好
- 转盘背景
- 可以优化下 effect 执行两次的解决方案
- 完整示例代码啥时候上线呀 HOT 1
- 通过html2canvas将大转盘生成图片,内容不显示
- 原生微信小程序老虎机基础例子prizes中的数据全部不展示,切无报错
- 网络图片无法显示 HOT 4
- 如何增加一个停止按钮
- uni 版本,使用lucky-canvas ,需再次下载其他
- uniapp 使用大转盘编译到 微信小程序,点击抽奖按钮,转盘不懂转动,但是开始抽奖函数调用了,结束的时候也回调了
- 大转盘在真机上点击的时候背景图片和奖品图片消失了 HOT 4
- 在谷歌浏览器切换网页标签后再回来,转盘内容都没了
- 老虎机
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lucky-canvas.