Skip to content

2
20250310_人保春游
Commit 4ac33a42 authored by 徐士卿's avatar 徐士卿
Browse files
Options

feat:merge

parent 32db000d
Hide whitespace changes
Inline Side-by-side
Showing with 262 additions and 106 deletions
loc.json
View file @ 4ac33a42
{"numOfComponents":5048,"numOfProject":5162}
\ No newline at end of file
{"numOfComponents":5048,"numOfProject":5129}
\ No newline at end of file
mock/project/draw.js
View file @ 4ac33a42
......@@ -15,7 +15,7 @@ module.exports = {
}),
"prizeVOs": [
{
prizeName: `奖品名称奖品名称奖品名称奖品名称1`,
prizeName: `奖品1`,
prizeImg: `//yun.duiba.com.cn/polaris/jinmoqiang.9e5bbc004f69ab6a3f34d93daeda028616a9f00d.png`,
prizeId: `thanks1`,
},
......@@ -39,16 +39,6 @@ module.exports = {
prizeImg: `//yun.duiba.com.cn/polaris/qq.73ad13cd0c6fd705327d12957c12e9d5b2e77baa.png`,
prizeId: `thanks5`,
},
{
prizeName: `奖品名称6`,
prizeImg: `//yun.duiba.com.cn/polaris/xx.e2f6a49a2954673d16d956d7b3bba25c2b6c667e.png`,
prizeId: `thanks6`,
},
{
prizeName: `奖品名称7`,
prizeImg: `//yun.duiba.com.cn/polaris/xx.e2f6a49a2954673d16d956d7b3bba25c2b6c667e.png`,
prizeId: `thanks7`,
},
{
prizeName: `谢谢参与`,
prizeImg: `https://yun.duiba.com.cn/spark/assets/f77861647e7b55e9c95e9c49d891a21526157a76.jpg`,
......@@ -60,7 +50,9 @@ module.exports = {
"GET /draw/doDraw.do": {
"code": null,
"data": {
"prizeId": 1,
"prizeId": "thanks2",
"prizeName": "奖品11111",
"prizeImg": "https://yun.duiba.com.cn/spark/assets/f77861647e7b55e9c95e9c49d891a21526157a76.jpg",
"productInfos": {
"productId": "1",
"productInfos": [{
......
spark.config.json
View file @ 4ac33a42
{"proName":"20250122_RBShine","proDesc":"","proPath":"/Users/duibagroup/Documents/Duiba/人保-闪亮瞬间/20250122_RBShine","createTime":1737539929733}
{"proName":"20250122_RBShine","proDesc":"","proPath":"/Users/duibagroup/Documents/人保/20250310_RBSpringOuting","createTime":1737539929733}
sparkrc.js
View file @ 4ac33a42
......@@ -9,6 +9,6 @@ module.exports ={
"IMAGE_Q1": 0.6,
"IMAGE_Q2": 0.8,
"RES_PATH": "/src/assets/",
"RES_PATH_PROD": "//yun.duiba.com.cn/spark/v2/temp_base/1740713467902",
"JS_PATH_PROD": "https://yun.duiba.com.cn/spark/v2/temp_base/1740761360988/js"
"RES_PATH_PROD": "//yun.duiba.com.cn/spark/v2/temp_base/1741748701442",
"JS_PATH_PROD": "https://yun.duiba.com.cn/spark/v2/temp_base/1741748724613/js"
}
\ No newline at end of file
src/assetList.json
View file @ 4ac33a42
{"preLoadImg":[],"asyncLoadImg":["CodePop/bg.png","CodePop/code.png","commentPop/bg.png","commentPop/btn.png","commentPop/close.png","common/back.png","common/closeBtn.png","common/happyBtn.png","common/light.png","ConfirmPop/bg.png","ConfirmPop/cancel.png","ConfirmPop/confirm.png","drawChancePop/bg.png","drawChancePop/know_btn.png","drawChancePop/light.png","drawPage/bg.png","drawPage/cover.png","drawPage/draw_btn.png","drawPage/logo.png","drawPage/pointer.png","drawPage/prize_btn.png","drawPage/prize_info_bg.png","drawPage/prize_info_laba.png","drawPage/rule_btn.png","drawPage/title.png","drawPage/turantable_bg.png","drawPage/turantable_box.png","FillAddress/填写收货地址.png","FillAddress/提交信息按钮-不可点击.png","FillAddress/提交信息按钮-可点击.png","FillAddress/直线.png","FillAddress/返回按钮.png","FillAddress/选择按钮.png","GuidePop/bg.png","GuidePop/btn.png","GuidePop/card.png","GuidePop/ip.png","GuidePop/ip2.png","GuidePop/light.png","GuidePop/prize.png","GuidePop/title.png","GuidePop/upload.png","likeLogPage/back.png","likeLogPage/bg.png","likeLogPage/item_line.png","likeLogPage/list_bg.png","likeLogPage/title.png","LoadingPage/loadingBg.jpg","LoadingPage/loadingFill.png","LoadingPage/loadingIp.png","LoginPop/bg.png","LoginPop/cannotSubmit.png","LoginPop/canSubmitBtn.png","music/bgm.mp3","noPointPop/bg.png","noPointPop/btn.png","noPointPop/close.png","noPointPop/li8ght.png","NoPrizeCard/bg.png","NoPrizeCard/bg2.png","NoPrizeCard/camera.png","NoPrizeCard/exchange.png","NoPrizeCard/exchange2.png","NoPrizeCard/prizeImg.png","NoPrizeCard/title.png","opusPage/avatar.png","opusPage/back.png","opusPage/bg.png","opusPage/bg2.png","opusPage/big_pinglun.png","opusPage/dianzan.png","opusPage/infobg.png","opusPage/line.png","opusPage/pinglun.png","opusPage/zan.png","pointSucPop/bg.png","pointSucPop/box.png","pointSucPop/btn.png","pointSucPop/close.png","pointSucPop/light.png","PrivacyPop/bg.png","PrizePage/back.png","PrizePage/bg.png","PrizePage/bg2.png","PrizePage/bg_item.png","PrizePage/go-btn.png","PrizePage/gray_btn.png","PrizePage/img.png","PrizePage/stick.png","PrizePop/bg.png","RankNoPrizePop/bg.png","RankNoPrizePop/know.png","RankPrizePop/bg.png","RankPrizePop/light.png","RankPrizePop/prizePicture.png","ReviewFailedPop/bg.png","ReviewFailedPop/reSubmit.png","ReviewSucPop/chou.png","ReviewSucPop/gift.png","ReviewSucPop/light.png","ReviewSucPop/title.png","RulePop/bg.png","SaleManPage/bg.png","SaleManPage/bianhaoBg.png","SaleManPage/good.png","SaleManPage/idbg.png","SaleManPage/IP.png","SaleManPage/iptxt.png","SaleManPage/logo.png","SaleManPage/man.png","SaleManPage/music_close.png","SaleManPage/music_open.png","SaleManPage/myPhoto.png","SaleManPage/myRank.png","SaleManPage/myRank_btn.png","SaleManPage/nothing.png","SaleManPage/pass.png","SaleManPage/PeizeList_item_bg.png","SaleManPage/pic.png","SaleManPage/PictureBG.png","SaleManPage/pictureList_item_bianhaoBg.png","SaleManPage/prize.png","SaleManPage/rank.png","SaleManPage/rule.png","SaleManPage/shareBtn.png","SaleManPage/smalltitle.png","SaleManPage/title.png","SaleManPage/uoloadBtn.png","SaleManPage/uploadBg.png","SaleManPage/visit.png","SaleManPage/wait.png","SaleManPage/woman.png","sharePage/agentBg.png","sharePage/assist_btn.png","sharePage/assist_text.png","sharePage/bg.png","sharePage/btn.png","sharePage/hand.png","sharePage/join_btn.png","sharePage/logo.png","sharePage/normal.png","sharePage/share_btn.png","sharePage/zanBg.png","sharePage/zanBtn.png","SVG/1输出闪亮瞬间标题.svga","SVG/2输出去拜访icon.svga","SVG/3输出首页氛围.svga","SVG/4输出弹窗氛围.svga","SVG/5输出点击切换.svga","SVG/6输出礼盒氛围.svga","SVG/7输出礼盒动效.svga","TaskPop/already_btn.png","TaskPop/bg.png","TaskPop/bg_item.png","TaskPop/close.png","TaskPop/complete_btn.png","TaskPop/icon.png","TaskPop/longBackBtn.png","TaskPop/receive_btn.png","TaskPop/toShare_btn.png","UploadPop/bg.png","UploadPop/btn.png","UploadPop/cancel.png","UploadPop/confirm.png","UploadPop/gary_confirm.png","UploadPop/uplaod.png","UploadPop/white.png","userHomePage/3输出首页氛围.svga","userHomePage/bg.png","userHomePage/diolog.png","userHomePage/draw_btn.png","userHomePage/likeNum_icon.png","userHomePage/myLike_btn.png","userHomePage/nothing.png","userHomePage/prize_btn.png","userHomePage/produtBg.png","userHomePage/rule_btn.png","userHomePage/search_bg.png","userHomePage/search_btn.png","userHomePage/search_icon.png","userHomePage/sex1_icon.png","userHomePage/sex2_icon.png","userHomePage/task_btn.png","userHomePage/userIdBg.png","yinsirulepop/bg.png","yinsirulepop/btn.png","yinsirulepop/close.png"]}
\ No newline at end of file
{"preLoadImg":[],"asyncLoadImg":["CodePop/bg.png","CodePop/code.png","ConfirmPop/bg.png","ConfirmPop/cancel.png","ConfirmPop/confirm.png","FillAddress/填写收货地址.png","FillAddress/提交信息按钮-不可点击.png","FillAddress/提交信息按钮-可点击.png","FillAddress/直线.png","FillAddress/返回按钮.png","FillAddress/选择按钮.png","GuidePop/bg.png","GuidePop/btn.png","GuidePop/card.png","GuidePop/ip.png","GuidePop/ip2.png","GuidePop/light.png","GuidePop/prize.png","GuidePop/title.png","GuidePop/upload.png","LoadingPage/loadingBg.jpg","LoadingPage/loadingFill.png","LoadingPage/loadingIp.png","LoginPop/bg.png","LoginPop/canSubmitBtn.png","LoginPop/cannotSubmit.png","NoPrizeCard/bg.png","NoPrizeCard/bg2.png","NoPrizeCard/camera.png","NoPrizeCard/exchange.png","NoPrizeCard/exchange2.png","NoPrizeCard/prizeImg.png","NoPrizeCard/title.png","PrivacyPop/bg.png","PrizePage/back.png","PrizePage/bg.png","PrizePage/bg2.png","PrizePage/bg_item.png","PrizePage/go-btn.png","PrizePage/gray_btn.png","PrizePage/img.png","PrizePage/stick.png","PrizePop/bg.png","RankNoPrizePop/bg.png","RankNoPrizePop/know.png","RankPrizePop/bg.png","RankPrizePop/light.png","RankPrizePop/prizePicture.png","ReviewFailedPop/bg.png","ReviewFailedPop/reSubmit.png","ReviewSucPop/chou.png","ReviewSucPop/gift.png","ReviewSucPop/light.png","ReviewSucPop/title.png","RulePop/bg.png","SVG/1输出闪亮瞬间标题.svga","SVG/2输出去拜访icon.svga","SVG/3输出首页氛围.svga","SVG/4输出弹窗氛围.svga","SVG/5输出点击切换.svga","SVG/6输出礼盒氛围.svga","SVG/7输出礼盒动效.svga","SaleManPage/IP.png","SaleManPage/PeizeList_item_bg.png","SaleManPage/PictureBG.png","SaleManPage/bg.png","SaleManPage/bianhaoBg.png","SaleManPage/good.png","SaleManPage/idbg.png","SaleManPage/iptxt.png","SaleManPage/logo.png","SaleManPage/man.png","SaleManPage/music_close.png","SaleManPage/music_open.png","SaleManPage/myPhoto.png","SaleManPage/myRank.png","SaleManPage/myRank_btn.png","SaleManPage/nothing.png","SaleManPage/pass.png","SaleManPage/pic.png","SaleManPage/pictureList_item_bianhaoBg.png","SaleManPage/prize.png","SaleManPage/rank.png","SaleManPage/rule.png","SaleManPage/shareBtn.png","SaleManPage/smalltitle.png","SaleManPage/title.png","SaleManPage/uoloadBtn.png","SaleManPage/uploadBg.png","SaleManPage/visit.png","SaleManPage/wait.png","SaleManPage/woman.png","TaskPop/already_btn.png","TaskPop/bg.png","TaskPop/bg_item.png","TaskPop/close.png","TaskPop/complete_btn.png","TaskPop/icon.png","TaskPop/longBackBtn.png","TaskPop/receive_btn.png","TaskPop/toShare_btn.png","UploadPop/bg.png","UploadPop/btn.png","UploadPop/cancel.png","UploadPop/confirm.png","UploadPop/gary_confirm.png","UploadPop/uplaod.png","UploadPop/white.png","commentPop/bg.png","commentPop/btn.png","commentPop/close.png","common/back.png","common/closeBtn.png","common/happyBtn.png","common/light.png","common/task.png","drawChancePop/bg.png","drawChancePop/know_btn.png","drawChancePop/light.png","drawPage/bg.png","drawPage/cover.png","drawPage/draw_btn.png","drawPage/pointer.png","drawPage/prize_info_bg.png","drawPage/prize_info_laba.png","drawPage/turantable_bg.png","drawPage/turantable_box.png","likeLogPage/back.png","likeLogPage/bg.png","likeLogPage/item_line.png","likeLogPage/list_bg.png","likeLogPage/title.png","music/bgm.mp3","noPointPop/bg.png","noPointPop/btn.png","noPointPop/close.png","noPointPop/li8ght.png","opusPage/avatar.png","opusPage/back.png","opusPage/bg.png","opusPage/bg2.png","opusPage/big_pinglun.png","opusPage/dianzan.png","opusPage/infobg.png","opusPage/line.png","opusPage/pinglun.png","opusPage/zan.png","pointSucPop/bg.png","pointSucPop/box.png","pointSucPop/btn.png","pointSucPop/close.png","pointSucPop/light.png","pop_winPrize/prizeImg.png","pop_winPrize/wp_background.png","pop_winPrize/wp_closeButton.png","pop_winPrize/wp_light.png","pop_winPrize/wp_receiveButton.png","sharePage/agentBg.png","sharePage/assist_btn.png","sharePage/assist_text.png","sharePage/bg.png","sharePage/btn.png","sharePage/hand.png","sharePage/join_btn.png","sharePage/logo.png","sharePage/normal.png","sharePage/share_btn.png","sharePage/zanBg.png","sharePage/zanBtn.png","userHomePage/bg.jpg","userHomePage/logo.png","userHomePage/prizeBg.png","userHomePage/rank1.png","userHomePage/rank2.png","userHomePage/rank3.png","userHomePage/rankTitle.png","userHomePage/rankTop.png","userHomePage/subBg.png","userHomePage/uidbg.png","userHomePage/分享好友.png","userHomePage/奖品.png","userHomePage/抽奖.png","userHomePage/拜访清单.png","userHomePage/按钮.png","userHomePage/标题.png","userHomePage/瓜分攻略.png","userHomePage/规则.png","userHomePage/邀请明细.png","yinsirulepop/bg.png","yinsirulepop/btn.png","yinsirulepop/close.png"]}
\ No newline at end of file
src/assets/drawPage/cover.png
View replaced file @ 32db000d View file @ 4ac33a42
src/assets/drawPage/cover.png

53.6 KB | W: | H:

src/assets/drawPage/cover.png

12.8 KB | W: | H:

src/assets/drawPage/cover.png
src/assets/drawPage/cover.png
src/assets/drawPage/cover.png
src/assets/drawPage/cover.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/drawPage/draw_btn.png
View replaced file @ 32db000d View file @ 4ac33a42
src/assets/drawPage/draw_btn.png

30 KB | W: | H:

src/assets/drawPage/draw_btn.png

26.5 KB | W: | H:

src/assets/drawPage/draw_btn.png
src/assets/drawPage/draw_btn.png
src/assets/drawPage/draw_btn.png
src/assets/drawPage/draw_btn.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/drawPage/pointer.png
View replaced file @ 32db000d View file @ 4ac33a42
src/assets/drawPage/pointer.png

25.8 KB | W: | H:

src/assets/drawPage/pointer.png

15.3 KB | W: | H:

src/assets/drawPage/pointer.png
src/assets/drawPage/pointer.png
src/assets/drawPage/pointer.png
src/assets/drawPage/pointer.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/drawPage/turantable_bg.png
View replaced file @ 32db000d View file @ 4ac33a42
src/assets/drawPage/turantable_bg.png

68.5 KB | W: | H:

src/assets/drawPage/turantable_bg.png

42.9 KB | W: | H:

src/assets/drawPage/turantable_bg.png
src/assets/drawPage/turantable_bg.png
src/assets/drawPage/turantable_bg.png
src/assets/drawPage/turantable_bg.png
  • 2-up
  • Swipe
  • Onion skin
src/components/pop_winprize/pop_winprize.jsx 0 → 100644
View file @ 4ac33a42
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './pop_winprize.less';
import { SvgaPlayer } from "@spark/svgaplayer";
import { RES_PATH } from "../../../sparkrc";
import { LOG_KEY, pageView, sensorLog } from "@src/utils/sensors";
import { Button } from '../Button';
import modalStore from '@src/store/modal';
@observer
class Pop_winprize extends React.Component {
constructor(props) {
super(props);
}
componentDidMount() {
pageView("b12121", {
page_name: "中奖弹窗",
});
sensorLog(LOG_KEY.exposure, "b12121", "d12123", {
page_name: "中奖弹窗",
button_name: "关闭按钮",
});
sensorLog(LOG_KEY.exposure, "b12121", "d12122", {
page_name: "中奖弹窗",
button_name: "开心收下按钮",
});
}
clickClose = () => {
modalStore.closePop();
sensorLog(LOG_KEY.click, "b12121", "d12123", {
page_name: "中奖弹窗",
button_name: "关闭按钮",
});
};
clickHappy = () => {
modalStore.closePop();
sensorLog(LOG_KEY.click, "b12121", "d12122", {
page_name: "中奖弹窗",
button_name: "开心收下按钮",
});
};
render() {
const { data } = this.props.popData;
console.log(data, 123123);
return (
<div className="pop_winprize modal_center">
<SvgaPlayer className="wp_light" src={RES_PATH + "SVG/6输出礼盒氛围.svga"} />
<Button className="wp_closebutton" onClick={this.clickClose} />
<div className="wp_main">
<span className="wp_background"></span>
<span className="wp_tip">奖品可在首页 我的奖品 中查看</span>
<Button className="wp_receivebutton" onClick={this.clickHappy} />
<div className="wp_prizedisplay">
<img className="prizeimg"
src={data?.prizeImg}
alt={data?.prizeName}
/>
<span className="prizename">
{data?.prizeName}
</span>
</div>
</div>
</div>
);
}
}
export default Pop_winprize;
src/components/pop_winprize/pop_winprize.less 0 → 100644
View file @ 4ac33a42
@import "../../res.less";
.pop_winprize {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.wp_closebutton {
width: 60px;
height: 60px;
left: 345px;
top: 1160px;
position: absolute;
.sparkBg("pop_winPrize/wp_closeButton.png");
}
.wp_light {
width: 750px;
height: 1032px;
left: 0px;
top: 243px;
position: absolute;
opacity: 0.8;
.sparkBg("pop_winPrize/wp_light.png");
}
.wp_main {
width: 553px;
height: 828px;
left: 99px;
top: 250px;
position: absolute;
.wp_background {
width: 553px;
height: 828px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("pop_winPrize/wp_background.png");
}
.wp_tip {
width: 265px;
height: 19px;
left: 155px;
top: 755px;
position: absolute;
font-size: 19px;
line-height: 19px;
color: rgba(173, 132, 69, 1);
}
.wp_receivebutton {
width: 310px;
height: 95px;
left: 129px;
top: 643px;
position: absolute;
.sparkBg("pop_winPrize/wp_receiveButton.png");
}
.wp_prizedisplay {
width: 261px;
height: 304px;
left: 146px;
top: 297px;
position: absolute;
.prizeimg {
width: 261px;
height: 261px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("pop_winPrize/prizeImg.png");
}
.prizename {
width: 261px;
height: 29px;
left: 0px;
top: 275px;
position: absolute;
font-size: 30px;
line-height: 29px;
color: rgba(51, 51, 51, 1);
text-align: center;
.lineClamp1();
}
}
}
}
\ No newline at end of file
src/modal/modal.jsx
View file @ 4ac33a42
import React, { Component } from "react";
import Pop_winprize from "../components/pop_winprize/pop_winprize";
import "./modal.less";
import { observer } from "mobx-react";
import modalStore from "../store/modal";
......@@ -73,6 +74,7 @@ export const cfg = {
Commentpop: Commentpop,
// 增援海报视频弹窗
LongImgPop,
Pop_winprize: Pop_winprize
};
@observer
......@@ -105,7 +107,7 @@ class Modal extends Component {
const popData = popObj.data;
if (PopUp || PopUpMulti) {
document.body.style.overflow='hidden';
document.body.style.overflow = 'hidden';
}
return <section className="modal-hoc-bg" style={{
......
src/pages/drawpage/drawpage.jsx
View file @ 4ac33a42
......@@ -94,9 +94,9 @@ class Drawpage extends React.Component {
this.btnStarting = false
if (!this.drawResultInfo?.prizeId) {
modalStore.pushPop("NoPrizeCard", { data:this.drawResultInfo })
modalStore.pushPop("NoPrizeCard", { data: this.drawResultInfo })
} else {
modalStore.pushPop("PrizePop", { data:this.drawResultInfo })
modalStore.pushPop("Pop_winprize", { data: this.drawResultInfo })
}
this.getDrawInfo()
}
......@@ -107,20 +107,9 @@ class Drawpage extends React.Component {
store.changePage(PAGE_MAP.HOME_PAGE)
})
/** 奖品 */
prizeHandle = _throttle(async () => {
goTask = _throttle(() => {
if (this.btnStarting) return false
if (!store.setIndex?.agreeFlag) {
modalStore.pushPop("Yinsirulepop", { from: PAGE_MAP.DRAW_PAGE });
return;
}
store.changePage(PAGE_MAP.PRIZE_PAGE, { from: PAGE_MAP.DRAW_PAGE })
})
/** 规则 */
ruleHandle = _throttle(async () => {
if (this.btnStarting) return false
modalStore.pushPop("RulePop")
store.changePage("")
})
render() {
......@@ -128,11 +117,8 @@ class Drawpage extends React.Component {
return (
<div className="drawpage modal_center md35">
<span className="bg"></span>
<span className="logo"></span>
<span className="title"></span>
<Button className="back_btn" onClick={this.backHome} />
<Button className="rule_btn" onClick={this.ruleHandle}></Button>
<Button className="prize_btn" onClick={this.prizeHandle}></Button>
<Button className="task_btn" onClick={this.goTask} />
{/* 奖品轮播 */}
<div className="prize_info">
<div className="prize_info_bg"></div>
......@@ -157,7 +143,7 @@ class Drawpage extends React.Component {
className="turantable_box"
ref={ref => this.turntableRef = ref}
options={prizeVOs || []}
angleOffset={20} // 角度偏移量
angleOffset={30} // 角度偏移量
radian={100} // 奖项半径
launchDuration={1000} // 启动时间
// 大转盘背景
......@@ -167,12 +153,13 @@ class Drawpage extends React.Component {
// 渲染奖品信息
renderOption={(option) => {
return <div className="prize_item">
{/* 因为按照8格子 正常偏移量得是23 但中第三奖品停不下来 就只能调成20 然后样式调一下往右靠 */}
{option.prizeName?.length > 6
? <div className="prize_name long">{option.prizeName.slice(0, 6)}...</div>
: <div className="prize_name">{option.prizeName}</div>
}
<img className="prize_img" src={option.prizeImg} alt="" />
<img className="prize_img"
src={option.prizeImg}
alt="" />
</div>
}}
didStop={this.stopOkHandle}
......
src/pages/drawpage/drawpage.less
View file @ 4ac33a42
@import "../../res.less";
.drawpage {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.bg {
width: 750px;
height: 1624px;
......@@ -13,54 +15,32 @@
position: absolute;
.sparkBg("drawPage/bg.png");
}
.logo {
position: absolute;
left: 230px;
top: 216px;
width: 290px;
height: 28px;
.sparkBg("drawPage/logo.png");
}
.title {
width: 510px;
height: 164px;
left: 119px;
top: 291px;
position: absolute;
.sparkBg("drawPage/title.png");
}
.back_btn {
left: 10px;
top: 240px;
width: 58px;
height: 58px;
left: 31px;
top: 199px;
width: 56px;
height: 57px;
position: absolute;
.sparkBg("common/back.png");
}
.rule_btn {
width: 110px;
height: 49px;
right: 0px;
top: 327px;
position: absolute;
.sparkBg("drawPage/rule_btn.png");
transform-origin: right center;
}
.prize_btn {
width: 92px;
height: 49px;
left: 0px;
top: 327px;
.task_btn {
position: absolute;
.sparkBg("drawPage/prize_btn.png");
transform-origin: left center;
left: 548px;
top: 1211px;
width: 202px;
height: 203px;
.sparkBg("common/task.png");
}
.prize_info {
position: absolute;
left: 57px;
top: 470px;
width: 615px;
height: 46px;
.prize_info_bg {
position: absolute;
left: 0;
......@@ -69,6 +49,7 @@
height: 46px;
.sparkBg("drawPage/prize_info_bg.png");
}
.prize_info_laba {
position: absolute;
left: 142px;
......@@ -77,12 +58,14 @@
height: 25px;
.sparkBg("drawPage/prize_info_laba.png");
}
.prize_info_list {
width: 360px;
height: 46px;
position: absolute;
left: 185px;
top: 0;
.prize_info_item {
width: 100%;
height: 46px;
......@@ -92,51 +75,67 @@
text-align: left;
.lineClamp1();
}
}
}
.draw_btn_box {
width: 443px;
height: 130px;
left: 144px;
top: 1290px;
width: 373px;
height: 115px;
left: 190px;
top: 1258px;
position: absolute;
.draw_btn {
width: 443px;
height: 130px;
width: 373px;
height: 115px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("drawPage/draw_btn.png");
}
.left_num {
width: 100%;
height: 27px;
left: 0px;
top: 88px;
top: 70px;
position: absolute;
font-size: 19px;
line-height: 19px;
color: rgba(255, 255, 255, 1);
font-size: 20px;
color: rgb(202, 57, 0);
text-align: center;
font-weight: bold;
}
}
.turantable {
width: 710px;
height: 707px;
left: 20px;
top: 586px;
// width: 710px;
// height: 707px;
// left: 20px;
// top: 586px;
left: 35px;
top: 476px;
width: 680px;
height: 681px;
position: absolute;
.sparkBg("drawPage/turantable_box.png");
pointer-events: none;
display: flex;
justify-content: center;
align-items: center;
.turantable_box {
width: 584px;
height: 584px;
position: absolute;
top: 56px;
left: 56px;
// width: 584px;
// height: 584px;
// top: 56px;
// left: 56px;
// left: 0px;
// top: 0px;
// width: 680px;
// height: 681px;
position: relative;
}
.turantable_bg {
width: 584px;
height: 584px;
......@@ -145,22 +144,27 @@
position: absolute;
.sparkBg("drawPage/turantable_bg.png");
}
.prize_item {
width: 190px;
height: 150px;
text-align: center;
color: rgba(248, 103, 89, 1);
font-size: 22px;
padding-left: 16px;
box-sizing: border-box;
text-align: center;
.prize_name {
width: 100%;
&.long {
padding-left: 10px;
// .lineClamp1();
}
font-weight: bold;
}
.prize_img {
width: 80px;
height: 70px;
......@@ -168,22 +172,25 @@
margin-top: 10px;
}
}
.pointer {
width: 145px;
height: 168px;
position: absolute;
left: 276px;
top: 251px;
width: 126px;
height: 131px;
position: absolute;
.sparkBg("drawPage/pointer.png");
}
}
.cover {
width: 696px;
height: 788px;
left: 65px;
top: 554px;
left: 318px;
top: 461px;
width: 114px;
height: 138px;
position: absolute;
.sparkBg("drawPage/cover.png");
pointer-events: none;
}
}
}
\ No newline at end of file
src/pages/userhomepage/userhomepage.jsx
View file @ 4ac33a42
......@@ -86,7 +86,7 @@ class Userhomepage extends React.Component {
<Button className="inviteDetails" />
<Button className="visitList" />
<Button className="shareBtn" />
<Button className="drawBtn" />
<Button className="drawBtn" onClick={this.clickDraw} />
<Button className="inviteBtn" />
<div className="rankBg" style={{ borderWidth: "2px" }}>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment