Commit f6efac92 authored by shenyangnan's avatar shenyangnan

1

parent 3d42a078
No preview for this file type
......@@ -16,6 +16,9 @@ App({
tbcc,
onLaunch(options) {
this.handleQuery(options.query || {});
var pages = getCurrentPages()
console.log(pages)
},
onShow(options) {
// 从后台被 scheme 重新打开
......
{
"pages": [
"pages/pagecanvas/pagecanvas",
"pages/pageshop/pageshop",
"pages/index/index",
"pages/pageshop/pageshop",
"pages/tbccDemo/tbccDemo",
"pages/goodsPage/goodsPage",
"pages/myprize/myprize"
"pages/pageshou_ye/pageshou_ye",
"pages/pageren_wu_shang_pin_ye/pageren_wu_shang_pin_ye",
"pages/pagewo_de_qia_pai/pagewo_de_qia_pai"
],
"window": {
"enableSkia": "true",
"allowsBounceVertical": "NO"
}
}
<view class="catbackbed1 modal-animate-zoom-in">
<view class="catbackbed">
<image class="catbackbedbgaccident" a:if="{{backType==2}}" src={{resList['98a3f684-846b-479c-91ac-75b588e2b51b'].url}} />
<image class="catbackbedbgsurprise" a:if="{{backType==1}}" src={{resList['98a3f684-846b-479c-91ac-75b588e2b51b'].url}} />
<image class="catbackbedbgunluck" a:if="{{backType==3}}" src={{resList['3fa827d6-e333-4b56-a5d9-5f3ae2089127'].url}} />
<image class="catbackbedok" onTap="onModalClose" src="{{okBtnImg}}" />
<label class="catbackbedtip2"><text>{{getTypeText}}</text> <text style="color:{{getColor}}">{{getText}}</text> </label>
<label class="catbackbedtip">
{{desc}}
</label>
<image class="catbackbedclose" onTap="onModalClose" src={{resList['29e80fbb-98ed-40fb-a11b-e14b45fee158'].url}} />
<image class="catbackbedcatimg" src="{{catImg}}" />
</view>
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
const app = getApp();
const {
tbcc
} = app;
const {
commonToast,
getAuthUserInfo,
navigateToOutside,
getSystemInfo
} = tbcc.tb;
Component({
props: {
catImgArr: { //回归猫的图片,1:惊喜欢乐币,2:意外精力值,3:倒霉
'1': [
"36279db8-3376-4710-bb1f-89e69130e6dd", "6dc7422e-d6bf-4b03-9fd3-637b71e5e88e",
"5c01ebd0-dac7-4ff9-89a5-054ea7214f62", "e7156f22-22f6-45f5-8002-898c142ba6ae"
],
'2': [
"51c97f4c-1f39-48cf-8865-c1c2fec500d8", "0a80398a-972a-4ea2-a9d1-604fe54a9d62",
"32f6f1ff-1ad7-4296-a922-d9073b31a921", "377e50f3-cbec-45a5-9bcd-d4923b9873a6"
],
'3': [
"e143c361-01b3-488f-b213-7a97040e245b", "a1a5d4a5-8039-4a6f-a620-8fb465eec68f",
"61869bae-f55f-46e3-be58-23ed6485b18e", "cfc54c6d-4233-478a-ae00-ef42d58718c1"
],
},
//收下按钮,0是倒霉的按钮,1是惊喜与意外的按钮
okBtnImgArr: ["c8c50400-1d65-4971-8be5-e4fb2eecfcd5","b701826c-63c5-4490-a380-52f273dad9af"],
//从召回猫接口中拿到的信息
recallCatInfo: null,
mydata: null, //mydata.catType 猫的类型
},
data: {
resList: resList,
backType: 0, //回归类型,1:惊喜欢乐币,2:意外精力值,3:倒霉
value: 0, //对应的具体值
prizeType: 0, //奖品类型 4:精力,6:欢乐币
catImg: '',
desc: '恭喜恭喜恭喜恭喜恭喜恭喜恭喜恭喜恭喜恭喜恭喜恭喜恭喜恭喜恭喜恭喜恭喜恭喜恭喜恭喜', //描述
getText: '+100欢乐币', //获取或减少收益文本
getColor: 'red', //获取或减少收益文本颜色
getTypeText: '获得', //获取或减少收益类型文本
okBtnImg: '' //收下按钮
},
methods: {
onModalClose() {
const { message } = this.props.recallCatInfo;
if(message){
commonToast(message);
}
const {
onModalClose
} = this.props;
onModalClose && onModalClose();
my.__updateUserInfo__();
// onUpdateUserInfo&&onUpdateUserInfo();
},
},
didMount() {
console.log(this.props.catImgArr,this.props.recallCatInfo)
const { value, type, backType, tips } = this.props.recallCatInfo;
let getText = '';
let getTextColor = '';
let getTypeText = '';
let okBtnImg = '';
if (type == 4) {
getText = '精力值';
} else if (type == 6) {
getText = '欢乐币'
}
switch (backType) {
case 1:
getText = '+' + value + getText;
getTextColor = 'red';
getTypeText = '获得';
okBtnImg = this.props.okBtnImgArr[1];
break;
case 2:
getText = '+' + value + getText;
getTextColor = 'red';
getTypeText = '意外获得';
okBtnImg = this.props.okBtnImgArr[1];
break;
case 3:
getText = '-' + value + getText;
getTextColor = 'black';
getTypeText = '损失';
okBtnImg = this.props.okBtnImgArr[0];
break;
}
console.log("mm" + this.props.mydata.catType - 1)
console.log(this.props.catImgArr['' + backType][this.props.mydata.catType - 1]);
this.setData({
catImg: resList[this.props.catImgArr[backType][this.props.mydata.catType - 1]].url,
getText: getText,
getColor: getTextColor,
getTypeText:getTypeText,
backType:backType,
desc:tips[Math.floor(Math.random()*tips.length)],
okBtnImg:resList[okBtnImg].url
})
},
});
\ No newline at end of file
<view class="catname">
<image class="catnamecatimg" src="{{catImg}}" />
<view class="catnamedialog">
<image class="catnamedialogbg" src={{resList['50779aee-069e-4dd9-b2ff-88beda9f43d1'].url}} />
<label class="catnamedialoglabel">铲屎官~帮我取个名字吧!喵~</label>
</view>
<image class="catnamesure btn" a:if="{{btnV}}" onTap="catNameSure" src={{resList['c7916d41-ea9d-4f8e-b5aa-e2060d6ae265'].url}} />
<image class="catnameNo" a:if="{{!btnV}}" src={{resList['3fe9ac60-f1aa-4da3-93da-c67e5a9dc3a6'].url}} />
<view class="catnameinput">
<image class="catnameinputbg" src={{resList['947d970f-52bf-4319-82f0-a3e65620ed75'].url}} />
<input class="catnameinputlabel" maxlength="6" onInput="getCatName" controlled="true" value="{{catNameText}}" placeholder="请输入不超过3个中文或6个英文" name="" ></input>
<text class="catnameinputrandom" onTap="randomName" >随机名字</text>
</view>
</view>
\ No newline at end of file
'use strict';
import API from '../../api';
import resList from '../../resconfig/resList';
const app = getApp();
const {
tbcc
} = app;
const {
textRiskIdentification,
commonToast
} = tbcc.tb;
const nameArr = [
'Edwise',
'爱德',
'MrW'
];
const regEn = /[`~!@#$%^&*()_+<>?:"{},.\/;'[\]]/im;
const regCn = /[·!#¥(——):;“”‘、,|《。》?、【】[\]]/im;
Component({
props: {
//catImgArr: ["90b114e6-83cb-46f1-b607-f88c50077b05", "4e471df6-01ab-421d-ba0b-084b2110dc6d", "003e9904-aee4-4b8d-8d5d-fb4b1188bec1", "90283bd3-4b18-4535-97a8-90318f068781"],
catImgArr: ["3e6311fd-15ab-4656-bb84-1c49f4ad4ed9", "bbb10ff2-f4fb-43a8-83d8-abbb04949f2d", "9fc6517e-debe-4457-88ef-9c733d5bc072", "ecb49f23-2e65-4507-8be6-1eee021a3b35"],
catName: ""
},
data: {
resList: resList,
catNameText: "",
catImg: "",
btnV: false,
isControlled: false
},
methods: {
/**获取字符串字符长度 */
getlen(str) {
var strlen = 0;
console.log("名称长度", str.length)
console.log("charChodeAt", str.charCodeAt)
for (var i = 0; i < str.length; i++) {
if (str.charCodeAt(i) > 255) //如果是汉字,则字符串长度加2
strlen += 2;
else
strlen++;
}
return strlen;
},
onModalClose() {
const {
onModalClose
} = this.props;
onModalClose && onModalClose();
},
onSelectCatOk() {
const {
onSelectCatOk
} = this.props;
onSelectCatOk && onSelectCatOk(this.props.catName);
},
/**随机名字,需要根据运营数据可配置 */
randomName() {
console.log("随即名字")
let index = Math.floor(Math.random() * nameArr.length)
let name = nameArr[index];
this.setData({
catNameText: name
})
this.setCatName(name);
},
/**获取名字 */
getCatName(e) {
this.setData({
catNameText: e.detail.value
})
console.log("input", e)
this.setCatName(e.detail.value)
},
/**设置名字 */
setCatName(name) {
this.props.catName = name;
if (this.props.catName && this.props.catName.length > 0) {
this.setData({
btnV: true
})
} else {
this.setData({
btnV: false
})
}
},
/**检测空格 */
isSqure(str) {
var regu = "^[ ]+$";
var re = new RegExp(regu);
return re.test(str);
},
/**检测emoji */
haveEmoji(str) {
// var regRule = /\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g;
var char=/^[\u4e00-\u9fa5_a-zA-Z0-9]+$/;
return str.match(char)
},
/**确认领养 */
async catNameSure() {
let name = this.props.catName;
if (this.isSqure(name)||!this.haveEmoji(name)) {
my.showToast({
content: "您输入的昵称不可用",
});
return;
}
let len = this.getlen(name);
console.log("名称字符长度", len)
if (len <= 0) {
my.showToast({
content: "您输入的昵称不可用",
});
} else if (len > 6) {
my.showToast({
content: "您输入的昵称不可用",
});
} else if (regEn.test(name) || regCn.test(name)) {
my.showToast({
content: "您输入的昵称不可用",
});
} else {
/**检查敏感词 */
console.log('检查敏感词', name)
const success = await textRiskIdentification(name).catch(err => {
commonToast(err)
console.log('textRiskIdentification error', err);
});
console.log('敏感词校验结果', success)
if (!success) {
commonToast("您输入的昵称不可用")
console.log('敏感词校验失败.')
return;
} else {
my.showLoading();
/**调用领养接口 */
const adoptCat = await API.adoptCat({
catName: name,
catType: this.props.selectType,
// invitedId: 'openId:AAHVNvjuAMaJc3uyPjeHlCEF'//honingwon
invitedId: app.inviteId
});
console.log("aaaa", adoptCat)
if (adoptCat && adoptCat.success) {
// my.showToast({content:'邀请成功'+app.inviteId})
my.hideLoading();
this.onModalClose();
this.onSelectCatOk();
} else {
console.log("ergerg")
my.hideLoading();
my.showToast({
content: adoptCat.message || '网络异常,请稍后重试~'
})
}
}
}
console.log(this.props.catName)
}
},
didMount() {
console.log(this.props.catImgArr[this.props.selectType - 1].url)
this.setData({
catImg: resList[this.props.catImgArr[this.props.selectType - 1]].url
})
console.log("类型" + this.props.selectType + "起名")
}
});
\ No newline at end of file
<view class="catrule modal-animate-zoom-in">
<image class="catrulebg" src={{resList['716ced79-de7f-40ca-ac98-46a5adf13db0'].url}} />
<!-- <image class="catrulep" src={{resList['617927a2-2dd6-456a-9d92-1f607a137dbc'].url}} /> -->
<view class="catrulelabel" onTouchMove="touchMove" >
<label class="catruleText" >{{rule}}</label>
</view>
<image class="catrulebtnclose" onTap="onModalClose" src={{resList['29e80fbb-98ed-40fb-a11b-e14b45fee158'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {
resList: resList,
rule:''
},
methods: {
onModalClose() {
const {
onModalClose
} = this.props;
onModalClose && onModalClose();
console.log('onModalClose')
},
touchMove(e){
console.log(e)
}
},
didMount(){
const {rule} = this.props;
console.log("规则",rule);
this.setData({
rule:rule.rule
})
}
});
\ No newline at end of file
.catname {
width: 500rpx;
height: 842rpx;
.cheng_gong_yao_qing {
width: 739rpx;
height: 846rpx;
opacity: 1;
left: 126rpx;
top: 378rpx;
left: 7rpx;
top: 181rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnamecatimg {
width: 421rpx;
height: 301rpx;
.cheng_gong_yao_qing .di_m81 {
width: 739rpx;
height: 846rpx;
opacity: 1;
left: 38rpx;
top: 202rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnamedialog {
width: 466rpx;
height: 177rpx;
.cheng_gong_yao_qing .wen_an_80 {
width: 399rpx;
height: 50rpx;
opacity: 1;
left: 5rpx;
left: 164rpx;
top: 332rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnamedialog .catnamedialogbg {
width: 466rpx;
height: 177rpx;
.cheng_gong_yao_qing .wen_an_80 .cheng_gong_yao_qing_xming_hao_you {
width: 399rpx;
height: 50rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 31.93899rpx;
color: #ffffff;
}
.catname .catnamedialog .catnamedialoglabel {
width: 359rpx;
height: 72rpx;
.cheng_gong_yao_qing .an_niu_m79 {
width: 351rpx;
height: 111rpx;
opacity: 1;
left: 59rpx;
top: 38rpx;
left: 189rpx;
top: 638rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 28rpx;
color: #574b45;
}
.catname .catnamesure {
width: 282rpx;
height: 106rpx;
.cheng_gong_yao_qing .xiao_biao_ti_77 {
width: 213rpx;
height: 264rpx;
opacity: 1;
left: 111rpx;
top: 736rpx;
left: 250rpx;
top: 528rpx;
position: absolute;
transform-origin: 50% 50% 0rpx;
}
.catname .catnameNo {
width: 282rpx;
height: 106rpx;
opacity: 1;
left: 111rpx;
top: 736rpx;
position: absolute;
transform-origin: 50% 50% 0rpx;
transform-origin: 0rpx 0rpx 0rpx;
}
.catname .catnameinput {
width: 500rpx;
height: 147rpx;
.cheng_gong_yao_qing .xiao_biao_ti_77 .fan_pai_ci_shu {
width: 128rpx;
height: 32rpx;
opacity: 1;
top: 538rpx;
top: 5rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 31.35113rpx;
color: #f46d00;
}
.catname .catnameinput .catnameinputbg {
width: 500rpx;
height: 102rpx;
.cheng_gong_yao_qing .xiao_biao_ti_77 .chi_da_jiang_jin_yi_bu_zhi_yao_78 {
width: 179rpx;
height: 24rpx;
opacity: 1;
left: 20rpx;
top: 240rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 22.13021rpx;
color: #ae6cb4;
}
.catname .catnameinput .catnameinputlabel {
width: 420rpx;
height: 47rpx;
.cheng_gong_yao_qing .xiao_biao_ti_77 .x {
width: 71rpx;
height: 42rpx;
opacity: 1;
left: 33rpx;
top: 25rpx;
left: 142rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 28rpx;
color: #685b4e;
background-color: rgba(0, 0, 0, 0);
font-size: 31.35113rpx;
color: #ff1200;
}
.catname .catnameinput .catnameinputrandom {
width: 150rpx;
height: 26rpx;
opacity: 1;
left: 175rpx;
top: 121rpx;
.cheng_gong_yao_qing .guan_bi_m76 {
width: 49rpx;
height: 48rpx;
opacity: 0.50196078;
left: 604rpx;
top: 235rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 24rpx;
color: #f8f1eb;
text-align: center
}
<view class="cheng_gong_yao_qing ">
<image class="di_m81 " src={{resList['111c9125-e420-4da8-8a2a-ece402a8407d'].url}} />
<view class="wen_an_80 ">
<span class="cheng_gong_yao_qing_xming_hao_you ">成功邀请X名好友</span>
</view>
<image class="an_niu_m79 " src={{resList['464252af-98b7-4451-8331-b3d5f9be3a5d'].url}} />
<view class="xiao_biao_ti_77 ">
<span class="fan_pai_ci_shu ">翻牌次数 </span>
<span class="chi_da_jiang_jin_yi_bu_zhi_yao_78 ">离大奖仅一步之遥</span>
<span class="x ">+ X</span>
</view>
<image class="guan_bi_m76 " src={{resList['878b3751-e6b3-4ae6-9811-77e938801873'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
.thanksmodal {
width: 721rpx;
height: 452rpx;
.duan_nei_zhu_li_ye {
width: 750rpx;
height: 799rpx;
opacity: 1;
left: 18rpx;
top: 562rpx;
top: 347rpx;
position: absolute;
transform-origin: 50% 50% 0rpx;
transform-origin: 0rpx 0rpx 0rpx;
}
.thanksmodal .thanksbg {
width: 721rpx;
height: 452rpx;
.duan_nei_zhu_li_ye .di_m13312 {
width: 750rpx;
height: 799rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.thanksmodal .thanksclose {
width: 43rpx;
height: 43rpx;
.duan_nei_zhu_li_ye .bang_ta_zhu_li_an_niu_m12 {
width: 434rpx;
height: 118rpx;
opacity: 1;
left: 624rpx;
top: 41rpx;
left: 164rpx;
top: 616rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
<view class="duan_nei_zhu_li_ye ">
<image class="di_m13312 " src={{resList['855ea4d3-b407-4396-abcb-0eeeff27f6b0'].url}} />
<image class="bang_ta_zhu_li_an_niu_m12 " src={{resList['2fea2f5b-cd74-4de1-a0cd-d829e1ca8c3a'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
.getcat {
width: 465rpx;
height: 671rpx;
.duan_wai_suo_yao_fen_xiang_ye {
width: 750rpx;
height: 799rpx;
opacity: 1;
left: 130rpx;
top: 378rpx;
top: 347rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.getcat .getcatimg {
width: 421rpx;
height: 301rpx;
.duan_wai_suo_yao_fen_xiang_ye .di_m6 {
width: 750rpx;
height: 799rpx;
opacity: 1;
left: 34rpx;
top: 202rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.getcat .getcatdialog {
width: 465rpx;
height: 176rpx;
.duan_wai_suo_yao_fen_xiang_ye .bang_ta_zhu_li_an_niu_m5 {
width: 434rpx;
height: 118rpx;
opacity: 1;
left: 164rpx;
top: 646rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.getcat .getcatdialog .getcatdialogbg {
width: 465rpx;
height: 176rpx;
.duan_wai_suo_yao_fen_xiang_ye .wowkao_bei {
width: 356rpx;
height: 81rpx;
opacity: 1;
left: 195rpx;
top: 227rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.getcat .getcatdialog .getcatdialogtext {
width: 326rpx;
height: 73rpx;
.duan_wai_suo_yao_fen_xiang_ye .qia_pai_4 {
width: 225rpx;
height: 302rpx;
opacity: 1;
left: 69rpx;
top: 39rpx;
left: 267rpx;
top: 315rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 28rpx;
color: #574b45;
}
.getcat .getcatgo {
width: 282rpx;
height: 106rpx;
opacity: 1;
left: 107rpx;
top: 565rpx;
position: absolute;
transform-origin: 50% 50% 0rpx;
}
<view class="duan_wai_suo_yao_fen_xiang_ye ">
<image class="di_m6 " src={{resList['3474c828-84f0-4513-b32d-d1987a7d5e58'].url}} />
<image class="bang_ta_zhu_li_an_niu_m5 " src={{resList['d3f306d2-fe7d-4167-8ce4-912b1e1f0782'].url}} />
<image class="wowkao_bei " src={{resList['81c19179-8097-44d0-a296-5f89f3f77f70'].url}} />
<image class="qia_pai_4 " src={{resList['a6454fc5-1d34-4a29-9c0a-18cbe5454f19'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
<view class="exchanged">
<image class="exchanged_bg " src={{resList['65d97f17-4b35-4ba7-b21b-7ec0bfac6639'].url}} />
<image class="exchanged_imgbg " src={{resList['e0ce2abf-64d3-40f3-a016-c7fb7772b3f6'].url}} />
<image class="exchanged_imgbg " src={{mydata.image}} />
<image class="exchanged_close " onTap="onModalClose" src={{resList['06f8e9d0-f0bf-41d3-bbc2-8a782eacae59'].url}} />
<label class="exchanged_title ">{{mydata.name}}</label>
<image class="exchanged_btn " onTap="onModalClose" src={{resList['923ae629-84ed-406d-b3cb-258742ffa2ba'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: { mydata:null},
data: {
resList: resList,
},
methods: {
// onBtnClick() {
// console.log('onBtnClick');
// this.onModalClose();
// },
onModalClose() {
const { onModalClose } = this.props;
onModalClose && onModalClose();
console.log('onModalClose')
}
}
});
\ No newline at end of file
.levelup-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
}
.levelup__shade {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.levelup {
position: absolute;
width: 750rpx;
height: 1093rpx;
opacity: 1;
transform-origin: 50% 50% 0rpx;
top:50%;
margin-top: -546rpx;
}
.levelup .levelup_light {
width: 750rpx;
height: 1093rpx;
.fan_pai_pu_tong_qia {
width: 748rpx;
height: 944rpx;
opacity: 1;
top: 266rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.levelup .levelup_bg {
width: 584rpx;
height: 715rpx;
.fan_pai_pu_tong_qia .an_niu_m44 {
width: 351rpx;
height: 111rpx;
opacity: 1;
left: 85rpx;
top: 200rpx;
left: 196rpx;
top: 833rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.levelup .levelup_closebtn {
width: 45rpx;
height: 45rpx;
.fan_pai_pu_tong_qia .di_m43 {
width: 748rpx;
height: 779rpx;
opacity: 1;
left: 584rpx;
top: 236rpx;
top: 71rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.levelup .levelup_bg2 {
width: 651rpx;
height: 784rpx;
.fan_pai_pu_tong_qia .qia_pai_42 {
width: 302rpx;
height: 457rpx;
opacity: 1;
left: 52rpx;
top: 182rpx;
left: 221rpx;
top: 258rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.levelup .levelup_txt {
width: 750rpx;
height: 26rpx;
.fan_pai_pu_tong_qia .gong_xi_ni_huo_de_yi_xia_qia_pai {
width: 550rpx;
height: 59rpx;
opacity: 1;
left: 0rpx;
top: 711rpx;
left: 96rpx;
top: 75rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 26rpx;
color: #574738;
text-align: center;
font-size: 52.84626rpx;
color: #ffffff;
}
.levelup .levelup_title {
width: 206rpx;
height: 35rpx;
.fan_pai_pu_tong_qia .fu_biao_ti_40 {
width: 398rpx;
height: 42rpx;
opacity: 1;
left: 274rpx;
top: 314rpx;
left: 176rpx;
top: 163rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.levelup .levelup_imgbg {
width: 360rpx;
height: 299rpx;
.fan_pai_pu_tong_qia .fu_biao_ti_40 .yuan_jiao_ju_xing_3688 {
width: 398rpx;
height: 42rpx;
opacity: 1;
left: 197rpx;
top: 377rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.levelup .levelup_prizeView {
width: 350rpx;
height: 293rpx;
.fan_pai_pu_tong_qia .fu_biao_ti_40 .zai_chou_qu_nzhang_bu_tong_qia_pai_ji_ke_ling_qu_jiang_li_41 {
width: 348rpx;
height: 24rpx;
opacity: 1;
left: 202rpx;
top: 380rpx;
left: 25rpx;
top: 9rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
overflow: hidden;
/* border: 3rpx solid black; */
border-radius: 10rpx;
font-size: 20.58945rpx;
color: #ffd801;
}
.levelup .levelup_prizeImg {
width: 356rpx;
height: 299rpx;
opacity: 1;
.fan_pai_pu_tong_qia .guan_bi_m39 {
width: 49rpx;
height: 48rpx;
opacity: 0.50196078;
left: 611rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
left: -1rpx;
top: -3rpx;
}
.levelup .levelup_btn {
width: 351rpx;
height: 105rpx;
opacity: 1;
left: 201rpx;
top: 773rpx;
position: absolute;
transform-origin: 50% 50% 0rpx;
}
<view class="fan_pai_pu_tong_qia ">
<image class="an_niu_m44 " src={{resList['48d28917-741f-45d4-bcc9-322f29bcf5d8'].url}} />
<image class="di_m43 " src={{resList['a9da2de9-c1c9-4381-a820-d041e858e1a4'].url}} />
<image class="qia_pai_42 " src={{resList['d4b26426-b671-4658-acf4-94bebb980199'].url}} />
<span class="gong_xi_ni_huo_de_yi_xia_qia_pai ">恭喜你获得以下卡牌</span>
<view class="fu_biao_ti_40 ">
<image class="yuan_jiao_ju_xing_3688 " src={{resList['d7329665-f4f6-42bc-ab46-0af63a0837eb'].url}} />
<span class="zai_chou_qu_nzhang_bu_tong_qia_pai_ji_ke_ling_qu_jiang_li_41 ">
再抽取n张不同卡牌即可领取奖励
</span>
</view>
<image class="guan_bi_m39 " src={{resList['878b3751-e6b3-4ae6-9811-77e938801873'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
.shop-page {
width: 100vw;
height: 100vh;
opacity: 1;
.fan_pai_suo_you_qia {
top: 0rpx;
left: 0rpx;
width: 750rpx;
height: 1624rpx;
display: block;
position: absolute;
top: 0;
left: 0;
overflow: hidden;
/* background: url('') no-repeat center top/cover; */
}
.shop-wrap {
width: 100%;
.fan_pai_suo_you_qia .fan_pai_suo_you_qia_kuang {
width: 748rpx;
height: 944rpx;
opacity: 1;
top: 266rpx;
position: absolute;
bottom: 0;
top: 254rpx;
padding-left: 54rpx;
right:0;
overflow-x: auto;
}
.shop-list {
width: 100%;
height: auto;
/* background-color: black; */
display: flex;
flex-flow: row wrap;
align-content: flex-start;
transform-origin: 0rpx 0rpx 0rpx;
}
.shop .shopbg {
width: 750rpx;
height: 1624rpx;
.fan_pai_suo_you_qia .fan_pai_suo_you_qia_kuang .an_niu_m38 {
width: 351rpx;
height: 111rpx;
opacity: 1;
left: 196rpx;
top: 833rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.shop .shopitem {
position: relative;
/* display: flex;
justify-content: center;
align-items: center; */
box-sizing: border-box;
width: 309rpx;
height: 324rpx;
.fan_pai_suo_you_qia .fan_pai_suo_you_qia_kuang .di_m21 {
width: 748rpx;
height: 779rpx;
opacity: 1;
margin: 0 30rpx 30rpx 0;
/* left: 54rpx;
top: 254rpx; */
top: 71rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.shop .shopitem .shopitem_bg2 {
width: 309rpx;
height: 324rpx;
.fan_pai_suo_you_qia .fan_pai_suo_you_qia_kuang .xi_you_qia_di_m18 {
width: 463rpx;
height: 575rpx;
opacity: 1;
left: 135rpx;
top: 198rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.shop .shopitem .shopitem_bg1 {
display: none;
width: 224rpx;
height: 161rpx;
.fan_pai_suo_you_qia .fan_pai_suo_you_qia_kuang .qia_pai_16 {
width: 281rpx;
height: 436rpx;
opacity: 1;
left: 45rpx;
top: 29rpx;
left: 231rpx;
top: 267rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.shop .shopitem .shopitem_avatar {
width: 161rpx;
height: 161rpx;
.fan_pai_suo_you_qia .fan_pai_suo_you_qia_kuang .qia_pai_16 .dai_shu_qia_xue_xi {
width: 281rpx;
height: 436rpx;
opacity: 1;
left: 76.5rpx;
top: 29rpx;
position: absolute;
border-radius: 10rpx;
transform-origin: 0rpx 0rpx 0rpx;
}
.shop .shopitem .shopitem_disabledbtn {
width: 209rpx;
height: 60rpx;
.fan_pai_suo_you_qia .fan_pai_suo_you_qia_kuang .gong_xi_ni_jie_suo_xzhang_qia_pai_huo_de_1ci_ling_jiang_ji_hui {
width: 526rpx;
height: 134rpx;
opacity: 1;
left: 49rpx;
top: 241rpx;
left: 108rpx;
top: 10rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 52.84626rpx;
color: #ffffff;
}
.shop .shopitem .shopitem_buybtn {
width: 217rpx;
height: 68rpx;
opacity: 1;
left: 45rpx;
top: 237rpx;
.fan_pai_suo_you_qia .fan_pai_suo_you_qia_kuang .guan_bi_m15 {
width: 49rpx;
height: 48rpx;
opacity: 0.50196078;
left: 611rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.shop .shopitem .shopitem_txt {
pointer-events: none;
width: 122rpx;
font-weight: bold;
letter-spacing: 1rpx;
text-align: center;
/* height: 20rpx; */
.fan_pai_suo_you_qia .fan_pai_suo_you_qia_kuang .gong_xi_ni_jie_suo_xzhang_qia_pai {
width: 526rpx;
height: 59rpx;
opacity: 1;
left: 120rpx;
top: 253rpx;
left: 108rpx;
top: 77rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 21.79723rpx;
color: #474543;
font-size: 52.84626rpx;
color: #ffffff;
}
.shop .shopitem .shopitem_name {
width: 200rpx;
/* height: 23rpx; */
.fan_pai_suo_you_qia .fan_pai_suo_you_qia_kuang .fu_biao_ti_kao_bei {
width: 398rpx;
height: 42rpx;
opacity: 1;
left: 51rpx;
top: 200rpx;
left: 176rpx;
top: 163rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 20.12052rpx;
color: #474543;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
}
.shop .shop_gold {
.fan_pai_suo_you_qia .fan_pai_suo_you_qia_kuang .fu_biao_ti_kao_bei .yuan_jiao_ju_368814 {
width: 398rpx;
height: 42rpx;
opacity: 1;
left: 348rpx;
top: 140rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 23.47394rpx;
color: #7b644e;
}
.shop .shop_backbtn {
width: 67rpx;
height: 67rpx;
.fan_pai_suo_you_qia .fan_pai_suo_you_qia_kuang .fu_biao_ti_kao_bei .huo_de_1ci_ling_jiang_ji_hui {
width: 180rpx;
height: 24rpx;
opacity: 1;
left: 48rpx;
top: 41rpx;
left: 109rpx;
top: 9rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 20.58945rpx;
color: #ffd801;
}
<view class="fan_pai_suo_you_qia ">
<view class="fan_pai_suo_you_qia_kuang ">
<image class="an_niu_m38 " src={{resList['65d0f064-2527-4aef-8563-858eaf7ccf1e'].url}} />
<image class="di_m21 " src={{resList['468745a5-60dd-4f8f-bb12-12eb0e7264ef'].url}} />
<image class="xi_you_qia_di_m18 " src={{resList['6c708f3c-4716-4789-93d4-8f677a595446'].url}} />
<view class="qia_pai_16 ">
<image class="dai_shu_qia_xue_xi " src={{resList['7cd30461-36df-4a39-9e14-7e1c70999452'].url}} />
</view>
<span class="gong_xi_ni_jie_suo_xzhang_qia_pai_huo_de_1ci_ling_jiang_ji_hui ">
恭喜你解锁X张卡牌 获得1次领奖机会
</span>
<image class="guan_bi_m15 " src={{resList['50aaeef4-ecb8-4a3f-9782-46ca780a52c2'].url}} />
<span class="gong_xi_ni_jie_suo_xzhang_qia_pai ">恭喜你解锁X张卡牌</span>
<view class="fu_biao_ti_kao_bei ">
<image class="yuan_jiao_ju_368814 " src={{resList['fe6fd8bc-732b-4bfe-89f4-5318f5cb090a'].url}} />
<span class="huo_de_1ci_ling_jiang_ji_hui ">获得1次领奖机会</span>
</view>
</view>
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
.catbackbed1 {
.fan_pai_xi_you_qia {
width: 750rpx;
height: 1093rpx;
height: 944rpx;
opacity: 1;
top: 266rpx;
position: absolute;
top:265rpx;
transform-origin: 50% 50% 0rpx;
transform-origin: 0rpx 0rpx 0rpx;
}
.catbackbed1 .catbackbed {
width: 750rpx;
height: 1093rpx;
.fan_pai_xi_you_qia .an_niu_m52 {
width: 351rpx;
height: 111rpx;
opacity: 1;
left: 198rpx;
top: 833rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catbackbed1 .catbackbed .catbackbedbgaccident {
.fan_pai_xi_you_qia .di_m51 {
width: 750rpx;
height: 1093rpx;
height: 779rpx;
opacity: 1;
top: 71rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
display: block;
}
.catbackbed1 .catbackbed .catbackbedbgsurprise {
width: 750rpx;
height: 1093rpx;
.fan_pai_xi_you_qia .xi_you_qia_di_m50 {
width: 463rpx;
height: 575rpx;
opacity: 1;
left: 137rpx;
top: 198rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
display: block;
}
.catbackbed1 .catbackbed .catbackbedbgunluck {
width: 584rpx;
height: 715rpx;
.fan_pai_xi_you_qia .qia_pai_49 {
width: 281rpx;
height: 436rpx;
opacity: 1;
left: 233rpx;
top: 267rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
display: block;
top: 196rpx;
left: 84rpx;
}
.catbackbed1 .catbackbed .catbackbedok {
width: 351rpx;
height: 105rpx;
.fan_pai_xi_you_qia .yun_qi_bao_peng_jie_suo_yi_zhang_xin_qia_pai {
width: 427rpx;
height: 133rpx;
opacity: 1;
left: 201rpx;
top: 773rpx;
left: 160rpx;
top: 10rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 52.84626rpx;
color: #ffffff;
}
.catbackbed1 .catbackbed .catbackbedtip2 {
width: 750rpx;
height: 32rpx;
opacity: 1;
left: 0rpx;
top: 706rpx;
.fan_pai_xi_you_qia .guan_bi_m48 {
width: 49rpx;
height: 48rpx;
opacity: 0.50196078;
left: 613rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 32rpx;
color: #685b4e;
text-align: center;
font-weight: bold
}
.catbackbed1 .catbackbed .catbackbedtip {
width: 447rpx;
height: 111rpx;
.fan_pai_xi_you_qia .fu_biao_ti_45 {
width: 398rpx;
height: 42rpx;
opacity: 1;
left: 152rpx;
top: 563rpx;
left: 178rpx;
top: 163rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 28rpx;
color: #685b4e;
}
.catbackbed1 .catbackbed .catbackbedclose {
width: 44rpx;
height: 44rpx;
.fan_pai_xi_you_qia .fu_biao_ti_45 .yuan_jiao_ju_368847 {
width: 398rpx;
height: 42rpx;
opacity: 1;
display: block;
left: 586rpx;
top: 238rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catbackbed1 .catbackbed .catbackbedcatimg {
width: 494rpx;
height: 262rpx;
.fan_pai_xi_you_qia .fu_biao_ti_45 .zai_chou_qu_nzhang_bu_tong_qia_pai_ji_ke_ling_qu_jiang_li_46 {
width: 348rpx;
height: 24rpx;
opacity: 1;
display: block;
left: 128rpx;
top: 290rpx;
left: 25rpx;
top: 9rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 20.58945rpx;
color: #ffd801;
}
<view class="fan_pai_xi_you_qia ">
<image class="an_niu_m52 " src={{resList['48d28917-741f-45d4-bcc9-322f29bcf5d8'].url}} />
<image class="di_m51 " src={{resList['8c31274b-1016-4b8c-b413-9fc98174e118'].url}} />
<image class="xi_you_qia_di_m50 " src={{resList['a47a9645-1d0d-482b-af10-154def15e9f9'].url}} />
<image class="qia_pai_49 " src={{resList['71612c2a-b0dc-463b-82dd-24a427e58ca1'].url}} />
<span class="yun_qi_bao_peng_jie_suo_yi_zhang_xin_qia_pai "> 运气爆棚! 解锁一张新卡牌</span>
<image class="guan_bi_m48 " src={{resList['878b3751-e6b3-4ae6-9811-77e938801873'].url}} />
<view class="fu_biao_ti_45 ">
<image class="yuan_jiao_ju_368847 " src={{resList['d7329665-f4f6-42bc-ab46-0af63a0837eb'].url}} />
<span class="zai_chou_qu_nzhang_bu_tong_qia_pai_ji_ke_ling_qu_jiang_li_46 ">
再抽取n张不同卡牌即可领取奖励
</span>
</view>
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
.fan_pai_yi_yong_wan {
width: 571rpx;
height: 553rpx;
opacity: 1;
left: 89rpx;
top: 417rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.fan_pai_yi_yong_wan .di_m109 {
width: 567rpx;
height: 502rpx;
opacity: 1;
top: 51rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.fan_pai_yi_yong_wan .an_niu_m108 {
width: 321rpx;
height: 112rpx;
opacity: 1;
left: 115rpx;
top: 383rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.fan_pai_yi_yong_wan .nin_de_fan_pai_ci_shu_yi_yong_wan {
width: 300rpx;
height: 32rpx;
opacity: 1;
left: 125rpx;
top: 278rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 31.35113rpx;
color: #f46d00;
}
.fan_pai_yi_yong_wan .guan_bi_m107 {
width: 49rpx;
height: 48rpx;
opacity: 0.50196078;
left: 522rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
<view class="fan_pai_yi_yong_wan ">
<image class="di_m109 " src={{resList['32da4042-3a54-409d-90ef-cb8320f41622'].url}} />
<image class="an_niu_m108 " src={{resList['fd0c8bee-3d1d-4042-a326-84483c175dad'].url}} />
<span class="nin_de_fan_pai_ci_shu_yi_yong_wan ">您的翻牌次数已用完</span>
<image class="guan_bi_m107 " src={{resList['878b3751-e6b3-4ae6-9811-77e938801873'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
<view class="getcat">
<image class="getcatimg" src="{{catImg}}" />
<view class="getcatdialog">
<image class="getcatdialogbg" src={{resList['24b7d459-41d6-408c-9829-4768fe38abf5'].url}} />
<label class="getcatdialogtext">好了,现在你就是{{catName}}的铲屎官了~</label>
</view>
<image class="getcatgo btn" onTap="onPostSelectCat" src={{resList['97484cf2-5146-4287-b104-ed1f43c71ee0'].url}} />
</view>
\ No newline at end of file
'use strict';
import API from '../../api';
import resList from '../../resconfig/resList';
Component({
props: {
//catImgArr: ["90b114e6-83cb-46f1-b607-f88c50077b05", "4e471df6-01ab-421d-ba0b-084b2110dc6d" , "003e9904-aee4-4b8d-8d5d-fb4b1188bec1","90283bd3-4b18-4535-97a8-90318f068781"],
catImgArr:["3e6311fd-15ab-4656-bb84-1c49f4ad4ed9","bbb10ff2-f4fb-43a8-83d8-abbb04949f2d","9fc6517e-debe-4457-88ef-9c733d5bc072","ecb49f23-2e65-4507-8be6-1eee021a3b35"],
catName: ''
},
data: {
resList: resList,
catImg:''
},
methods: {
onModalClose() {
const {
onModalClose
} = this.props;
onModalClose && onModalClose();
console.log('onModalClose')
},
async onPostSelectCat() {
const userInfo = await API.getUserInfo().catch(res=>{
my.showToast({content:res?res.message:null})
});
if(userInfo&&userInfo.success){
console.log("aaa",userInfo)
const {
onPostSelectCat
} = this.props;
console.log("领养完毕")
this.onModalClose();
// my.__updateUserInfo__();
onPostSelectCat && onPostSelectCat(userInfo);
}
}
},
didMount(){
this.setData({
catImg: resList[this.props.catImgArr[this.props.selectType - 1]].url
})
}
});
\ No newline at end of file
.recallcat {
width: 721rpx;
height: 562rpx;
.gong_xi_ni {
width: 739rpx;
height: 954rpx;
opacity: 1;
left: 18rpx;
top: 500rpx;
left: 7rpx;
top: 181rpx;
position: absolute;
transform-origin: 50% 50% 0rpx;
transform-origin: 0rpx 0rpx 0rpx;
}
.recallcat .recallcatbg {
width: 721rpx;
height: 562rpx;
.gong_xi_ni .di_m97 {
width: 739rpx;
height: 954rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.recallcat .recallcatbacklabel {
width: 615rpx;
height: 25rpx;
.gong_xi_ni .an_niu_m96 {
width: 322rpx;
height: 112rpx;
opacity: 1;
left: 52rpx;
top: 335rpx;
left: 196rpx;
top: 797rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 26rpx;
color: #685b4e;
text-align: center;
}
.recallcat .recallcathappycoin {
width: 119rpx;
height: 29rpx;
.gong_xi_ni .xiao_biao_ti_94 {
width: 365rpx;
height: 317rpx;
opacity: 1;
left: 265rpx;
top: 235rpx;
left: 175rpx;
top: 459rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 36rpx;
color: #e74846;
text-align: center;
}
.recallcat .recallbtngroup {
width: 608rpx;
height: 105rpx;
.gong_xi_ni .xiao_biao_ti_94 .gong_xi_huo_de_yi_xia_jiang_li {
width: 255rpx;
height: 32rpx;
opacity: 1;
left: 54rpx;
top: 421rpx;
left: 55rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 31.35113rpx;
color: #f46d00;
}
.recallcat .recallbtngroup .recallbtncancel {
width: 281rpx;
height: 105rpx;
.gong_xi_ni .xiao_biao_ti_94 .jiang_pin_yi_fa_fang_ke_zai_jiang_pin_zhong_cha_kan_95 {
width: 365rpx;
height: 26rpx;
opacity: 1;
top: 291rpx;
position: absolute;
transform-origin: 50% 50% 0rpx;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 23.97439rpx;
color: #ae6cb4;
}
.recallcat .recallbtngroup .recallbtngo {
width: 281rpx;
height: 105rpx;
.gong_xi_ni .jiang_pin_tu_93 {
width: 215rpx;
height: 215rpx;
opacity: 1;
left: 327rpx;
left: 249rpx;
top: 515rpx;
position: absolute;
transform-origin: 50% 50% 0rpx;
transform-origin: 0rpx 0rpx 0rpx;
}
.recallcat .recallbtnclose {
width: 44rpx;
height: 44rpx;
opacity: 1;
display: block;
left: 624rpx;
top: 38rpx;
.gong_xi_ni .guan_bi_m92 {
width: 49rpx;
height: 48rpx;
opacity: 0.50196078;
left: 604rpx;
top: 235rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
<view class="gong_xi_ni ">
<image class="di_m97 " src={{resList['76a9cc41-7074-45cc-ab2f-c5dd47e07058'].url}} />
<image class="an_niu_m96 " src={{resList['d1ef5d28-4bb0-4e36-b4cd-f03032b5c15e'].url}} />
<view class="xiao_biao_ti_94 ">
<span class="gong_xi_huo_de_yi_xia_jiang_li ">恭喜获得以下奖励</span>
<span class="jiang_pin_yi_fa_fang_ke_zai_jiang_pin_zhong_cha_kan_95 ">
奖品已发放,可在【奖品】中查看
</span>
</view>
<image class="jiang_pin_tu_93 " src={{resList['944dc7c0-cd64-4901-a9aa-e85f3d8e97a8'].url}} />
<image class="guan_bi_m92 " src={{resList['878b3751-e6b3-4ae6-9811-77e938801873'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
.exchanged {
width: 750rpx;
height: 1093rpx;
.gong_xi_ni_huo_de_qia_pai {
width: 739rpx;
height: 954rpx;
opacity: 1;
top: 50%;
margin-top: -550rpx;
left: 7rpx;
top: 181rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.exchanged .exchanged_bg {
width: 750rpx;
height: 1093rpx;
.gong_xi_ni_huo_de_qia_pai .di_m66 {
width: 739rpx;
height: 954rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.exchanged .exchanged_imgbg {
width: 299rpx;
height: 299rpx;
.gong_xi_ni_huo_de_qia_pai .an_niu_m65 {
width: 322rpx;
height: 112rpx;
opacity: 1;
left: 227rpx;
top: 377rpx;
border-radius: 10rpx;
left: 196rpx;
top: 797rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.exchanged .exchanged_close {
width: 45rpx;
height: 45rpx;
.gong_xi_ni_huo_de_qia_pai .xiao_biao_ti_64 {
width: 319rpx;
height: 32rpx;
opacity: 1;
left: 584rpx;
top: 236rpx;
left: 198rpx;
top: 459rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.exchanged .exchanged_title {
width: 750rpx;
text-align: center;
/* height: 35rpx; */
.gong_xi_ni_huo_de_qia_pai .qia_pai_63 {
width: 204rpx;
height: 274rpx;
opacity: 1;
/* left: 295rpx; */
top: 300rpx;
left: 257rpx;
top: 504rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 36rpx;
color: #e74846;
}
.exchanged .exchanged_btn {
width: 351rpx;
height: 105rpx;
opacity: 1;
left: 201rpx;
top: 773rpx;
.gong_xi_ni_huo_de_qia_pai .guan_bi_m62 {
width: 49rpx;
height: 48rpx;
opacity: 0.50196078;
left: 604rpx;
top: 235rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
<view class="gong_xi_ni_huo_de_qia_pai ">
<image class="di_m66 " src={{resList['76a9cc41-7074-45cc-ab2f-c5dd47e07058'].url}} />
<image class="an_niu_m65 " src={{resList['c83cb68d-c685-4a21-987d-f374d903c006'].url}} />
<image class="xiao_biao_ti_64 " src={{resList['71cc94bd-5822-4f37-9824-94634cceacfe'].url}} />
<image class="qia_pai_63 " src={{resList['4d109fea-6c5b-457a-af9a-1630f3d9d6a1'].url}} />
<image class="guan_bi_m62 " src={{resList['878b3751-e6b3-4ae6-9811-77e938801873'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
.hao_you_zhu_li_huo_de_jiang_pin {
width: 739rpx;
height: 954rpx;
opacity: 1;
left: 7rpx;
top: 181rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.hao_you_zhu_li_huo_de_jiang_pin .di_m91 {
width: 739rpx;
height: 954rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.hao_you_zhu_li_huo_de_jiang_pin .an_niu_m90 {
width: 351rpx;
height: 111rpx;
opacity: 1;
left: 189rpx;
top: 797rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.hao_you_zhu_li_huo_de_jiang_pin .xiao_biao_ti_88 {
width: 365rpx;
height: 317rpx;
opacity: 1;
left: 175rpx;
top: 459rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.hao_you_zhu_li_huo_de_jiang_pin .xiao_biao_ti_88 .gong_xi_ni_huo_de_yi_xia_jiang_li {
width: 286rpx;
height: 32rpx;
opacity: 1;
left: 39rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 31.35113rpx;
color: #f46d00;
}
.hao_you_zhu_li_huo_de_jiang_pin .xiao_biao_ti_88 .jiang_pin_yi_fa_fang_ke_zai_jiang_pin_zhong_cha_kan_89 {
width: 365rpx;
height: 26rpx;
opacity: 1;
top: 291rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 23.97439rpx;
color: #af6ab6;
}
.hao_you_zhu_li_huo_de_jiang_pin .jiang_pin_tu_87 {
width: 215rpx;
height: 215rpx;
opacity: 1;
left: 249rpx;
top: 511rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.hao_you_zhu_li_huo_de_jiang_pin .guan_bi_m86 {
width: 49rpx;
height: 48rpx;
opacity: 0.50196078;
left: 604rpx;
top: 235rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
<view class="hao_you_zhu_li_huo_de_jiang_pin ">
<image class="di_m91 " src={{resList['12e4a261-7106-4bec-b9e9-6df026fcd440'].url}} />
<image class="an_niu_m90 " src={{resList['27a7f1d2-f272-4f12-8ff5-2cde96d149fd'].url}} />
<view class="xiao_biao_ti_88 ">
<span class="gong_xi_ni_huo_de_yi_xia_jiang_li ">恭喜你获得以下奖励</span>
<span class="jiang_pin_yi_fa_fang_ke_zai_jiang_pin_zhong_cha_kan_89 ">
奖品已发放,可在【奖品】中查看
</span>
</view>
<image class="jiang_pin_tu_87 " src={{resList['944dc7c0-cd64-4901-a9aa-e85f3d8e97a8'].url}} />
<image class="guan_bi_m86 " src={{resList['878b3751-e6b3-4ae6-9811-77e938801873'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
.catrule {
width: 721rpx;
height: 559rpx;
.hao_you_zhu_li_wu_jiang {
width: 739rpx;
height: 846rpx;
opacity: 1;
left: 18rpx;
top: 442rpx;
left: 7rpx;
top: 181rpx;
position: absolute;
transform-origin: 50% 50% 0rpx;
display: block;
transform-origin: 0rpx 0rpx 0rpx;
}
.catrule .catrulebg {
width: 721rpx;
height: 559rpx;
.hao_you_zhu_li_wu_jiang .di_m85 {
width: 739rpx;
height: 846rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catrule .catrulep {
width: 13rpx;
height: 69rpx;
.hao_you_zhu_li_wu_jiang .an_niu_m84 {
width: 351rpx;
height: 111rpx;
opacity: 1;
left: 667rpx;
top: 168rpx;
left: 189rpx;
top: 677rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.catrule .catrulelabel {
width: 574rpx;
height: 279rpx;
.hao_you_zhu_li_wu_jiang .xiao_biao_ti_83 {
width: 256rpx;
height: 77rpx;
opacity: 1;
left: 76rpx;
top: 167rpx;
left: 230rpx;
top: 519rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 24rpx;
color: #685b4e;
overflow-y: scroll
}
.catrule.catrulelabel.catruleText{
width: 574rpx;
height: 279rpx;
font-size: 24rpx;
color: #685b4e;
transform-origin: 0rpx 0rpx 0rpx;
.hao_you_zhu_li_wu_jiang .xiao_biao_ti_83 .hen_yi_han_ni_lai_wan_la_jiang_pin_liu_zou_la {
width: 256rpx;
height: 77rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 31.35113rpx;
color: #f46d00;
}
.catrule .catrulebtnclose {
width: 44rpx;
height: 44rpx;
opacity: 1;
display: block;
left: 624rpx;
top: 38rpx;
.hao_you_zhu_li_wu_jiang .guan_bi_m82 {
width: 49rpx;
height: 48rpx;
opacity: 0.50196078;
left: 604rpx;
top: 235rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
<view class="hao_you_zhu_li_wu_jiang ">
<image class="di_m85 " src={{resList['c22d4fcc-ebd6-463b-82d7-fb5b872b79da'].url}} />
<image class="an_niu_m84 " src={{resList['cedeaa81-51f0-488f-a1de-92d14c84cffc'].url}} />
<view class="xiao_biao_ti_83 ">
<span class="hen_yi_han_ni_lai_wan_la_jiang_pin_liu_zou_la ">很遗憾,你来晚啦 奖品溜走啦......</span>
</view>
<image class="guan_bi_m82 " src={{resList['878b3751-e6b3-4ae6-9811-77e938801873'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
.huo_dong_gui_ze {
width: 633rpx;
height: 840rpx;
opacity: 1;
left: 27rpx;
top: 306rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.huo_dong_gui_ze .di_m1131 {
width: 631rpx;
height: 799rpx;
opacity: 1;
top: 41rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.huo_dong_gui_ze .huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui {
width: 432rpx;
height: 565rpx;
opacity: 1;
left: 141rpx;
top: 213rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 26rpx;
color: #bc6e3e;
}
.huo_dong_gui_ze .guan_bi_m10 {
width: 49rpx;
height: 48rpx;
opacity: 0.50196078;
left: 584rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
<view class="huo_dong_gui_ze ">
<image class="di_m1131 " src={{resList['603034bb-2c7d-42c4-9be4-60aea30e0820'].url}} />
<span class="huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui_ze_huo_dong_gui ">
活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则活动规则
</span>
<image class="guan_bi_m10 " src={{resList['878b3751-e6b3-4ae6-9811-77e938801873'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
.ji_qi_suo_you_qia_pai_kai_he {
width: 1250rpx;
height: 1559rpx;
opacity: 1;
left: -331rpx;
top: 82rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.ji_qi_suo_you_qia_pai_kai_he .hao_yun_jiang_lin_gong_xi_ni_ji_qi_suo_you_qia_pai {
width: 481rpx;
height: 132rpx;
opacity: 1;
left: 458rpx;
top: 254rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 51.47363rpx;
color: #ffffff;
}
.ji_qi_suo_you_qia_pai_kai_he .li_he_1 {
width: 453rpx;
height: 456rpx;
opacity: 1;
left: 472rpx;
top: 426rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.ji_qi_suo_you_qia_pai_kai_he .li_he_2 {
width: 481rpx;
height: 504rpx;
opacity: 1;
left: 451rpx;
top: 378rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.ji_qi_suo_you_qia_pai_kai_he .li_he_3 {
width: 518rpx;
height: 570rpx;
opacity: 1;
left: 451rpx;
top: 312rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.ji_qi_suo_you_qia_pai_kai_he .li_he_4 {
width: 580rpx;
height: 436rpx;
opacity: 1;
left: 451rpx;
top: 446rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.ji_qi_suo_you_qia_pai_kai_he .an_niu_m3 {
width: 351rpx;
height: 111rpx;
opacity: 1;
left: 531rpx;
top: 954rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
<view class="ji_qi_suo_you_qia_pai_kai_he ">
<span class="hao_yun_jiang_lin_gong_xi_ni_ji_qi_suo_you_qia_pai "> 好运降临! 恭喜你集齐所有卡牌!</span>
<image class="li_he_1 " src={{resList['dc40dab4-0745-4c64-af9a-d2e729852f9a'].url}} />
<image class="li_he_2 " src={{resList['d6dd2033-f0ba-4427-8c20-644e09b56298'].url}} />
<image class="li_he_3 " src={{resList['56568fc6-9f9a-4786-8abd-74c8e05a60de'].url}} />
<image class="li_he_4 " src={{resList['a1f8ca57-ebcb-41c2-925b-45fa7695ee23'].url}} />
<image class="an_niu_m3 " src={{resList['47454f5f-ef97-4cc7-ad07-9a11ef1cdcb4'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
.jia_ru_hui_yuan {
width: 571rpx;
height: 554rpx;
opacity: 1;
left: 89rpx;
top: 415rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.jia_ru_hui_yuan .di_m106 {
width: 567rpx;
height: 503rpx;
opacity: 1;
top: 51rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.jia_ru_hui_yuan .an_niu_m105 {
width: 321rpx;
height: 112rpx;
opacity: 1;
left: 115rpx;
top: 383rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.jia_ru_hui_yuan .jia_ru_hui_yuan_cai_neng_can_yu_huo_dong_ying_da_jiang_e {
width: 367rpx;
height: 80rpx;
opacity: 1;
left: 92rpx;
top: 259rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 31.35113rpx;
color: #f46d00;
}
.jia_ru_hui_yuan .guan_bi_m104 {
width: 49rpx;
height: 49rpx;
opacity: 0.50196078;
left: 522rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
<view class="jia_ru_hui_yuan ">
<image class="di_m106 " src={{resList['11de08fa-6456-4123-8aba-ef9b3d980eb5'].url}} />
<image class="an_niu_m105 " src={{resList['3b7870b4-578d-4781-9a56-58916f02c376'].url}} />
<span class="jia_ru_hui_yuan_cai_neng_can_yu_huo_dong_ying_da_jiang_e ">
加入会员 才能参与活动赢大奖哦~
</span>
<image class="guan_bi_m104 " src={{resList['17952009-08e1-4439-b51f-3e4e1e66333f'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
.jia_ru_hui_yuan_bu_shi_hui_yuan {
width: 571rpx;
height: 554rpx;
opacity: 1;
left: 89rpx;
top: 415rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.jia_ru_hui_yuan_bu_shi_hui_yuan .di_m100 {
width: 567rpx;
height: 503rpx;
opacity: 1;
top: 51rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.jia_ru_hui_yuan_bu_shi_hui_yuan .an_niu_m99 {
width: 321rpx;
height: 112rpx;
opacity: 1;
left: 115rpx;
top: 383rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.jia_ru_hui_yuan_bu_shi_hui_yuan .nin_huan_bu_shi_hui_yuan_qing_xian_jia_ru_hui_yuan_e {
width: 266rpx;
height: 80rpx;
opacity: 1;
left: 142rpx;
top: 259rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 31.35113rpx;
color: #f46d00;
}
.jia_ru_hui_yuan_bu_shi_hui_yuan .guan_bi_m98 {
width: 49rpx;
height: 49rpx;
opacity: 0.50196078;
left: 522rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
<view class="jia_ru_hui_yuan_bu_shi_hui_yuan ">
<image class="di_m100 " src={{resList['11de08fa-6456-4123-8aba-ef9b3d980eb5'].url}} />
<image class="an_niu_m99 " src={{resList['3b7870b4-578d-4781-9a56-58916f02c376'].url}} />
<span class="nin_huan_bu_shi_hui_yuan_qing_xian_jia_ru_hui_yuan_e ">您还不是会员 请先加入会员哦~</span>
<image class="guan_bi_m98 " src={{resList['17952009-08e1-4439-b51f-3e4e1e66333f'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
.jia_ru_hui_yuan_zhu_li {
width: 571rpx;
height: 554rpx;
opacity: 1;
left: 89rpx;
top: 415rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.jia_ru_hui_yuan_zhu_li .di_m103 {
width: 567rpx;
height: 503rpx;
opacity: 1;
top: 51rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.jia_ru_hui_yuan_zhu_li .an_niu_m102 {
width: 321rpx;
height: 112rpx;
opacity: 1;
left: 115rpx;
top: 383rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.jia_ru_hui_yuan_zhu_li .jia_ru_hui_yuan_cai_neng_can_yu_zhu_li_e {
width: 266rpx;
height: 80rpx;
opacity: 1;
left: 142rpx;
top: 259rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 31.35113rpx;
color: #f46d00;
}
.jia_ru_hui_yuan_zhu_li .guan_bi_m101 {
width: 49rpx;
height: 49rpx;
opacity: 0.50196078;
left: 522rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
<view class="jia_ru_hui_yuan_zhu_li ">
<image class="di_m103 " src={{resList['11de08fa-6456-4123-8aba-ef9b3d980eb5'].url}} />
<image class="an_niu_m102 " src={{resList['3b7870b4-578d-4781-9a56-58916f02c376'].url}} />
<span class="jia_ru_hui_yuan_cai_neng_can_yu_zhu_li_e ">加入会员 才能参与助力哦~</span>
<image class="guan_bi_m101 " src={{resList['17952009-08e1-4439-b51f-3e4e1e66333f'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
.jiang_pin_ti_shi {
width: 564rpx;
height: 575rpx;
opacity: 1;
left: 96rpx;
top: 314rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.jiang_pin_ti_shi .zheng_zai_jin_xing_zhong {
width: 350rpx;
height: 58rpx;
opacity: 1;
left: 110rpx;
top: 67rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 51.47363rpx;
color: #ffffff;
}
.jiang_pin_ti_shi .sheng_yu_nzhang_jie_suo_jiang_li {
width: 247rpx;
height: 29rpx;
opacity: 1;
left: 147rpx;
top: 149rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 25.73682rpx;
color: #ffffff;
}
.jiang_pin_ti_shi .jiang_pin_biao_ti_jiang_pin_biao_ti_shu_liang_you_xian_xian_dao_xian_de {
width: 191rpx;
height: 59rpx;
opacity: 1;
left: 30rpx;
top: 516rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 20.58945rpx;
color: #ffdb63;
}
.jiang_pin_ti_shi .jiang_pin_biao_ti_jiang_pin_biao_ti {
width: 191rpx;
height: 24rpx;
opacity: 1;
left: 342rpx;
top: 516rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 20.58945rpx;
color: #ffdb63;
}
.jiang_pin_ti_shi .guan_bi_m2 {
width: 49rpx;
height: 48rpx;
opacity: 0.50196078;
left: 515rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.jiang_pin_ti_shi .ju_3390 {
width: 250rpx;
height: 250rpx;
opacity: 1;
top: 232rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.jiang_pin_ti_shi .ju_3390kao_bei {
width: 250rpx;
height: 250rpx;
opacity: 1;
left: 312rpx;
top: 232rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
<view class="jiang_pin_ti_shi ">
<span class="zheng_zai_jin_xing_zhong ">正在进行中...</span>
<span class="sheng_yu_nzhang_jie_suo_jiang_li ">(剩余n张解锁奖励)</span>
<span class="jiang_pin_biao_ti_jiang_pin_biao_ti_shu_liang_you_xian_xian_dao_xian_de ">
奖品标题奖品标题 数量有限,先到先得
</span>
<span class="jiang_pin_biao_ti_jiang_pin_biao_ti ">奖品标题奖品标题</span>
<image class="guan_bi_m2 " src={{resList['878b3751-e6b3-4ae6-9811-77e938801873'].url}} />
<image class="ju_3390 " src={{resList['5f6be607-9f63-4603-8f12-acbee3d95d46'].url}} />
<image class="ju_3390kao_bei " src={{resList['5f6be607-9f63-4603-8f12-acbee3d95d46'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
<view class="levelup-modal">
<view class="levelup__shade modal-animate-fade-in" />
<view class="levelup modal-animate-zoom-in">
<image class="levelup_light " src={{resList['a158cbff-9dcd-49df-bb91-16213d58036e'].url}} />
<image class="levelup_bg " src={{resList['b027d194-0fad-45ea-8b1c-3502f7869d2d'].url}} />
<image class="levelup_bg2 " src={{resList['f88dfc75-c9f1-4e9d-8826-8a1d0e513259'].url}} />
<label class="levelup_txt ">{{levelupTxt}}</label>
<image class="levelup_title " src={{resList['69bff61a-b5a6-4979-ba8d-9e008aed737a'].url}} />
<image class="levelup_imgbg " src={{resList['f56872e2-5e79-4906-99a2-576231f153af'].url}} />
<view class="levelup_prizeView">
<image class="levelup_prizeImg" src="{{prizeImg}}"/>>
</view>
<image class="levelup_btn btn" onTap="onBtnClick" src={{resList['95520b55-9655-4988-a833-3907978dbffb'].url}} />
<image class="levelup_closebtn " onTap="onModalClose" src={{resList['d33bbf87-ed39-4959-8673-02a4c31dca77'].url}} />
</view>
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {
mydata:{}
},
// {prizeData:r.data,energyMax1:Ins.userInfo.energyMax,energyMax2:r.data.energyMax}
data: {
resList: resList,
levelupTxt:'精力上限1200 → 精力上限1500',
prizeImg:''
},
methods: {
onBtnClick() {
console.log('onBtnClick');
this.onModalClose();
},
onModalClose() {
const { onModalClose } = this.props;
onModalClose && onModalClose();
console.log('onModalClose')
}
},
didMount(){
console.log("升级弹窗"+this.props.mydata);
var txt = '精力上限'+this.props.mydata.energyMax1+' → 精力上限'+this.props.mydata.energyMax2;
this.setData({
levelupTxt:txt,
prizeImg:this.props.mydata.prizeData.image||'//yun.duiba.com.cn/aurora/assets/00b4b751939da230055889445f00f22990ff5f88.png'
})
}
});
\ No newline at end of file
.ling_qu_shi_bai_bei_ling_zou_la {
width: 571rpx;
height: 553rpx;
opacity: 1;
left: 89rpx;
top: 417rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.ling_qu_shi_bai_bei_ling_zou_la .di_m72 {
width: 567rpx;
height: 502rpx;
opacity: 1;
top: 51rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.ling_qu_shi_bai_bei_ling_zou_la .an_niu_m71 {
width: 321rpx;
height: 112rpx;
opacity: 1;
left: 115rpx;
top: 383rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.ling_qu_shi_bai_bei_ling_zou_la .shou_su_tai_man_la_gai_qia_pai_yi_bei_qi_ta_hao_you_jie_hu_ling_zou_la {
width: 496rpx;
height: 79rpx;
opacity: 1;
left: 28rpx;
top: 256rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 29.50695rpx;
color: #f46d00;
}
.ling_qu_shi_bai_bei_ling_zou_la .guan_bi_m70 {
width: 49rpx;
height: 48rpx;
opacity: 0.50196078;
left: 522rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
<view class="ling_qu_shi_bai_bei_ling_zou_la ">
<image class="di_m72 " src={{resList['32da4042-3a54-409d-90ef-cb8320f41622'].url}} />
<image class="an_niu_m71 " src={{resList['3c6dd474-9224-4776-96ae-ed0cc94ba7d7'].url}} />
<span class="shou_su_tai_man_la_gai_qia_pai_yi_bei_qi_ta_hao_you_jie_hu_ling_zou_la ">
手速太慢啦 该卡牌已被其他好友截胡领走啦......
</span>
<image class="guan_bi_m70 " src={{resList['878b3751-e6b3-4ae6-9811-77e938801873'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
.ling_qu_shi_bai_bu_neng_ling_qu_zi_ji_de {
width: 571rpx;
height: 553rpx;
opacity: 1;
left: 89rpx;
top: 417rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.ling_qu_shi_bai_bu_neng_ling_qu_zi_ji_de .di_m69 {
width: 567rpx;
height: 502rpx;
opacity: 1;
top: 51rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.ling_qu_shi_bai_bu_neng_ling_qu_zi_ji_de .an_niu_m68 {
width: 321rpx;
height: 112rpx;
opacity: 1;
left: 115rpx;
top: 383rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.ling_qu_shi_bai_bu_neng_ling_qu_zi_ji_de .bu_neng_ling_qu_zi_ji_de_qia_pai_e {
width: 367rpx;
height: 32rpx;
opacity: 1;
left: 93rpx;
top: 279rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 31.35113rpx;
color: #f46d00;
}
.ling_qu_shi_bai_bu_neng_ling_qu_zi_ji_de .guan_bi_m67 {
width: 49rpx;
height: 48rpx;
opacity: 0.50196078;
left: 522rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
<view class="ling_qu_shi_bai_bu_neng_ling_qu_zi_ji_de ">
<image class="di_m69 " src={{resList['32da4042-3a54-409d-90ef-cb8320f41622'].url}} />
<image class="an_niu_m68 " src={{resList['3c6dd474-9224-4776-96ae-ed0cc94ba7d7'].url}} />
<span class="bu_neng_ling_qu_zi_ji_de_qia_pai_e ">不能领取自己的卡牌哦~</span>
<image class="guan_bi_m67 " src={{resList['878b3751-e6b3-4ae6-9811-77e938801873'].url}} />
</view>
\ No newline at end of file
'use strict';
import resList from '../../resconfig/resList';
Component({
props: {},
data: {},
methods: {},
onInit(props) {
this.setData({
resList: resList
});
}
});
\ No newline at end of file
.message-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
}
.message__shade {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.message {
width: 676rpx;
height: 650rpx;
opacity: 1;
left: 40rpx;
top:50%;
margin-top: -325rpx;
/* top: 418rpx; */
position: absolute;
transform-origin: 50% 50% 0rpx;
}
.message .message_bg {
width: 676rpx;
height: 650rpx;
opacity: 1;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
}
.message .message_txt {
width: 676rpx;
height: 25rpx;
opacity: 1;
left: 0rpx;
top: 355rpx;
position: absolute;
transform-origin: 0rpx 0rpx 0rpx;
font-size: 26rpx;
color: #685b4e;
text-align: center;
}
.message .message_backTime {
width: 578rpx;
height: 58rpx;
opacity: 1;
display: block;
left: 60rpx;
top: 211rpx;
position: absolute;
font-size: 28rpx;
color: rgba(104, 91, 78, 1);
transform-origin: 0rpx 0rpx 0rpx;
text-align: center;
font-weight: bold;
}
.message .message_btn {
width: 45rpx;
height: 45rpx;
opacity: 1;
left: 577rpx;
top: 24rpx;
position: absolute;
transform-origin: 50% 50% 0rpx;
}
.message .message_closebtn {
width: 352rpx;
height: 106rpx;
opacity: 1;
left: 161rpx;
top: 510rpx;
position: absolute;
transform-origin: 50% 50% 0rpx;
}
<view class="message-modal">
<view class="message__shade modal-animate-fade-in" />
<view class="message modal-animate-zoom-in">
<image class="message_bg " src={{resList['fc1fd3ee-e606-46de-9bb6-ea5fb41567df'].url}} />
<label class="message_txt ">{{mydata.catName+" 留"}}</label>
<label class="message_backTime ">{{backTime}}</label>
<image class="message_btn" onTap="onModalClose" src={{resList['3ad6a924-dda8-49f4-b8fc-0e796347e802'].url}} />
<image class="message_closebtn btn" onTap="onModalClose" src={{resList['5488b126-f520-496f-ace6-010a89eb108f'].url}} />
</view>
</view>
\ No newline at end of file
'use strict';
import API from '../../api';
import resList from '../../resconfig/resList';
const app = getApp();
const { tbcc } = app;
const { commonToast } = tbcc.tb;
Component({
props: {
mydata: null
},
data: {
resList: resList,
backTime: ''
},
methods: {
onModalClose() {
const { onModalClose } = this.props;
onModalClose && onModalClose();
console.log('onModalClose')
},
/**根据时间戳获取日期-月-日 */
getDateDayMonthByTime(time) {
let date = new Date(time);
let hours = date.getHours();
let minutes = date.getMinutes();
minutes = minutes <= 0 ? '' : minutes + '分'
date = hours + "点" + minutes;
return date;
},
async getBackTime() {
// my.showLoading();
// const recall = await API.recallInfo().catch(r=>{
// commonToast(r&&r.message)
// my.hideLoading();
// })||{};
// if (recall && recall.success) {
// my.hideLoading();
this.setData({
backTime: this.getDateDayMonthByTime(this.props.mydata.recallInfo.backTime)
})
// }
}
},
didMount() {
this.getBackTime();
}
});
\ No newline at end of file
.common-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 20;
}
.common-modal__shade {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.75);
}
.common-modal__container {
position: absolute;
width: 500rpx;
height: 300rpx;
background: #4eafd7;
background-size: 100% 100%;
left: 50%;
top: 50%;
margin-left: -250rpx;
margin-top: -150rpx;
padding: 30rpx;
}
.common-modal__bd {
font-size: 28rpx;
text-align: center;
color: #fff;
padding: 50rpx 0;
}
.common-modal__close {
position: absolute;
right: -20rpx;
top: -80rpx;
height: 86rpx;
width: 86rpx;
background: url('../../assets/modal_close_btn.png') center center no-repeat;
background-size: 48rpx 48rpx;
z-index: 9;
}
.common-modal__confirm-btn {
margin: 0 auto;
text-align: center;
width: 341rpx;
height: 77rpx;
line-height: 77rpx;
background: #FFF;
background-size: 100% 100%;
font-size: 30rpx;
color: #0077a9;
font-weight: bold;
}
<view class="common-modal">
<view class="common-modal__shade modal-animate-fade-in" />
<view class="common-modal__container modal-animate-zoom-in">
<view class="common-modal__close" onTap="onModalClose" />
<view class="common-modal__bd">
<text>{{data.content}}</text>
</view>
<view class="common-modal__ft" a:if="{{data.btnText}}">
<view onTap="onModalConfirm" class="common-modal__confirm-btn">{{data.btnText}}</view>
</view>
</view>
</view>
Component({
methods: {
onModalClose() {
const { onModalClose } = this.props;
onModalClose && onModalClose();
},
onModalConfirm () {
const { onModalConfirm } = this.props;
onModalConfirm && onModalConfirm();
}
}
});
\ No newline at end of file
{
"component": true
}
\ No newline at end of file
<view class="recallcat modal-animate-zoom-in">
<image class="recallcatbg" src={{resList['40cac443-7998-4c2a-8f9c-38121b2385e3'].url}} />
<label class="recallcatbacklabel">{{timeText}}</label>
<label class="recallcathappycoin">{{happyCoinCnt}}</label>
<view class="recallbtngroup">
<image class="recallbtncancel btn" onTap="onModalClose" src={{resList['6957d9f3-9aa4-4ed6-9b83-57cc68f16512'].url}} />
<image class="recallbtngo btn" disabled="{{btnEnable}}" onTap="onRecallCat" src={{resList['6d8cdd11-fbc5-4e84-b5ef-1f74c9070738'].url}} />
</view>
<image class="recallbtnclose" onTap="onModalClose" src={{resList['29e80fbb-98ed-40fb-a11b-e14b45fee158'].url}} />
</view>
\ No newline at end of file
'use strict';
import API from '../../api';
import resList from '../../resconfig/resList';
const app = getApp();
const {
tbcc
} = app;
const {
commonToast
} = tbcc.tb;
Component({
props: {
mydata: null
},
data: {
resList: resList,
timeText: '',
happyCoinCnt: '',
btnEnable: true
},
methods: {
onModalClose() {
const {
onModalClose
} = this.props;
onModalClose && onModalClose();
console.log('onModalClose')
},
/**根据时间戳获取日期-月-日 */
getDateDayMonthByTime(time) {
let date = new Date(time);
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
let hours = date.getHours();
let minutes = date.getMinutes();;
let seconds = date.getSeconds();
if (hours <= 0) {
if (minutes <= 0) {
// if (seconds <= 0) {
date = 0 + '小时' + 0 + '分';
// } else {
// date = seconds + "秒"
// }
} else {
date = hours + '小时' + minutes + '分';
}
} else {
date = hours + '小时' + minutes + '分';
}
console.log(hours);
return date;
},
/**计算两个时间戳相差的时间,小时,分,秒 */
compareTime(startTime, endTime) {
let between = (endTime - startTime) / 1000;
let hours = Math.floor(between % (24 * 36000) / 3600);
let minutes = Math.floor(between % 3600 / 60);
let seconds = Math.floor(between % 60 / 60);
let date;
if (hours <= 0) {
if (minutes <= 0) {
// if (seconds <= 0) {
date = 0 + '小时' + 0 + '分';
// } else {
// date = seconds + "秒"
// }
} else {
date = hours + '小时' + minutes + '分';
}
} else {
date = hours + '小时' + minutes + '分';
}
return date;
},
/**召回猫,打开召回猫的奖励弹窗 */
async onRecallCat() {
// if (!this.data.btnEnable) return;
console.log("召回猫")
// my.__clickDelay__(this);
my.showLoading();
const recallCat = await API.recallCat().catch(r => {
my.hideLoading();
commonToast(r && r.message);
}) || {};
if (recallCat && recallCat.success) {
my.hideLoading();
this.onModalClose();
const {
onRecallCat
} = this.props;
onRecallCat && onRecallCat(recallCat.data);
}
}
},
async didMount() {
// const recall = await API.recallInfo().catch(r=>{
// commonToast(r&&r.message)
// })||{};
// console.log(recall);
// if (recall && recall.success) {
var text = "猫咪预计" + this.compareTime(this.props.mydata.recallInfo.serverTime, this.props.mydata.recallInfo.backTime) + "后回寝";
this.setData({
timeText: text,
happyCoinCnt: this.props.mydata.recallInfo.value + ''
})
// }
}
});
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
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