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)
- 有没有交流群,建个交流群更方便
- 微信小程序请教 HOT 1
- 扇形奖品图比较模糊,优化建议
- 老虎机旋转过程中突然加速 HOT 1
- Vue gutter不生效
- 大转盘点击抽奖后背景图片消失 HOT 3
- react,老虎机用图片没显示
- 建议!可以给 buttons 添加 点击动画吗?
- 项目安装依赖不成功 HOT 1
- range属性用法不太明白 HOT 5
- 作者你好,@lucky-canvas/vue 不支持按需引入吗?
- 运行环境为Taro v3.6.8,报错
- 九宫格uniapp小程序体验版真机报错 HOT 1
- 怎样让 `LuckyWheel` 组件的 prizes 文字径向显示而非换行 HOT 2
- @lucky-canvas/react 版本0.1.13不支持2k和4k屏中背景图片满屏铺吗?
- 希望uni-app 的版本支持下自定义转盘的rpxCalcMaxDeviceWidth HOT 1
- vue升级2.7的时候此组件不能用了,会报@vue/composition-api 2.7警告 HOT 1
- TypeError: Failed to execute 'putImageData' on 'CanvasRenderingContext2D' HOT 4
- 老虎机奖品图片有高度限制
- 在swiper中,effect(切换效果)设置为‘fade’,点击大转盘开始按钮,事件不会触发 HOT 2
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.