UNPKG

lotteries

Version:

抽奖插件,内含宫格、转盘、刮刮乐、抽奖

1 lines 5.31 kB
.prize-grid[data-v-5d6bbadc]{width:100%;height:100%;overflow:hidden;border-radius:15px;background:linear-gradient(-53deg,#ed5d6b,#fe8959 23%,#ff6049 69%,#fdab67)}.prize-grid__wrapper[data-v-5d6bbadc]{display:grid;width:100%;height:100%;background:#d1431f;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.prize-grid__item-wrap--active .prize-grid__item[data-v-5d6bbadc]{background:radial-gradient(circle,#fff 0,#ffe6c3 100%)}.prize-grid__item-wrap--disabled[data-v-5d6bbadc]{filter:grayscale(100%)}.prize-grid__item[data-v-5d6bbadc]{width:100%;height:100%;overflow:hidden;background-color:#fff}.prize-grid__button-wrap[data-v-5d6bbadc]{overflow:hidden}@-webkit-keyframes rotate-infinite-data-v-941f37fe{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes rotate-infinite-data-v-941f37fe{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@-webkit-keyframes lights-flashing-data-v-941f37fe{0%{background:#fff;box-shadow:0 0 5px 0 #fff}to{background:#ffde2b;box-shadow:0 0 5px 0 #ffde2b}}@keyframes lights-flashing-data-v-941f37fe{0%{background:#fff;box-shadow:0 0 5px 0 #fff}to{background:#ffde2b;box-shadow:0 0 5px 0 #ffde2b}}.prize-wheel[data-v-941f37fe]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%;height:0;padding-top:100%;position:relative}.prize-wheel__lights[data-v-941f37fe]{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:transparent}.prize-wheel__lights>span[data-v-941f37fe]{position:absolute;top:0;left:0;right:0;margin:0 auto;width:10px;height:100%;border-radius:50%;transform-origin:center center}.prize-wheel__lights>span[data-v-941f37fe]:before{content:"";position:absolute;top:4px;left:0;right:0;margin:0 auto;width:10px;height:10px;border-radius:50%}.prize-wheel__lights>span[data-v-941f37fe]:nth-of-type(2n):before{background:#fff;-webkit-animation:lights-flashing-data-v-941f37fe 1s linear infinite;animation:lights-flashing-data-v-941f37fe 1s linear infinite}.prize-wheel__lights>span[data-v-941f37fe]:nth-of-type(odd):before{background:#d7a945;animation:lights-flashing-data-v-941f37fe 1s linear infinite reverse}.prize-wheel__main[data-v-941f37fe]{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%}.prize-wheel__wrapper[data-v-941f37fe]{width:100%;height:100%;border-radius:50%;background-color:#fa3e3f;box-shadow:0 0 5px 2px #ed3a3a,0 0 25px 6px #fa3e3f,inset 0 0 7px -2px hsla(0,0%,100%,.4),inset 0 0 10px -1px hsla(0,0%,100%,.2);position:relative}.prize-wheel__insider[data-v-941f37fe]{box-shadow:inset 0 0 3px 1px #ec3327;background-color:#ff2b00;border-radius:50%;width:100%;height:100%;position:relative;padding:2px;overflow:hidden}.prize-wheel__items[data-v-941f37fe]{width:100%;height:100%;border-radius:50%;position:relative;z-index:1;overflow:hidden}.prize-wheel__item-wrap[data-v-941f37fe]{overflow:hidden;position:absolute;top:0;left:0;width:50%;height:50%;transform-origin:100% 100%}.prize-wheel__item-wrap[data-v-941f37fe]:nth-child(2n){background-color:#fdf3aa}.prize-wheel__item-wrap[data-v-941f37fe]:nth-child(odd){background-color:#f1d5b0}.prize-wheel__item-wrap--disabled[data-v-941f37fe]{filter:grayscale(100%)}.prize-wheel__item-content[data-v-941f37fe]{color:#ff2b00;width:200%;height:200%;text-align:center;padding:20px 55% 130%;line-height:0}.prize-wheel__button-wrap[data-v-941f37fe]{position:absolute;width:100px;height:100px;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;cursor:pointer}.prize-wheel__button[data-v-941f37fe]{width:80px;height:80px;line-height:80px;position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;border:5px solid #ff8a00;background:linear-gradient(0deg,hsla(0,0%,100%,0) 75%,hsla(0,0%,100%,.9)) no-repeat 100% 0,radial-gradient(circle,#fee47b 35%,#fcc158 65%) no-repeat 100% 0}.prize-wheel__button[data-v-941f37fe]:after{content:"";position:absolute;left:50%;top:-34px;border-color:transparent;border-bottom-color:#ff8a00;border-style:solid;border-width:16px 8px;transform:translateX(-50%)}.prize-wheel__button>span[data-v-941f37fe]{font-size:20px;font-weight:600;text-align:center;color:#fa4445;line-height:24px;word-break:keep-all}.prize-scratch[data-v-1892b402]{width:100%;height:100%;background-size:100% 100%}.prize-scratch-canvas[data-v-1892b402]{position:relative;margin:0 auto}.prize-scratch-canvas-mask[data-v-1892b402]{position:absolute;top:0;left:0;z-index:30}.prize-scratch-canvas #canvas[data-v-1892b402]{position:absolute;top:0;left:0;z-index:20}.prize-scratch-canvas-true[data-v-1892b402]{position:absolute;width:100%;height:100%;top:0;left:0;z-index:10}.msg[data-v-1892b402]{text-align:center;height:32px;line-height:32px;font-weight:700;margin-top:50px}.prize-gashapon[data-v-588f40d2]{position:relative;height:100%}.con[data-v-588f40d2]{width:100%;height:100%}.con #clock[data-v-588f40d2],.con[data-v-588f40d2]{position:absolute;top:0;left:0}.prize-guess[data-v-047a4678]{height:100%;display:flex;justify-content:space-around;align-items:center}.prize-guess-item[data-v-047a4678]{position:relative;height:100%}.prize-guess-item img[data-v-047a4678]{height:100%;-o-object-fit:cover;object-fit:cover;vertical-align:top}