Commit ecdfc377 authored by wangzhujun's avatar wangzhujun

loading

parent 57847608
......@@ -23,6 +23,13 @@
"pages": [
"db_jump/index"
]
},
{
"root": "packages/wm-cloud-db_load",
"name": "wm-cloud-db_load",
"pages": [
"loading/index"
]
}
],
"window": {
......
var webpackRequire = require("./../../../../webpack-require");
webpackRequire(
"./src/packages/wm-cloud-db_index/component/task/task.js",
Object.assign({}, require("./../../../../weimob-cloud-commons.js").modules, {
/***/ "./src/packages/wm-cloud-db_index/component/task/task.js":
/*!***************************************************************!*\
!*** ./src/packages/wm-cloud-db_index/component/task/task.js ***!
\***************************************************************/
/*! no exports provided */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _utils_db_api_index__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../utils/db_api/index */ "./src/packages/wm-cloud-db_index/utils/db_api/index.js");
// packages/wm-cloud-db_index/component/task/task.js
Component({
/**
* 组件的属性列表
*/
properties: {},
lifetimes: {
attached() {
this.getTaskList();
}
},
/**
* 组件的初始数据
*/
data: {
taskList: []
},
/**
* 组件的方法列表
*/
methods: {
/** 关闭弹窗 */
closeDialog() {
this.triggerEvent("onModalClose", 'task');
},
/** 获取任务列表 */
async getTaskList() {
// const res = await getTaskInfo();
// if (res && res.success) {
// this.setData({
// taskList: res.data.item || []
// })
// }
// return
this.setData({
taskList: Array.from({
length: 7
}).fill({
buttonText: "去完成",
code: "invite",
completedSize: 0,
desc: null,
extra: '{"answerTimes":1,"drawTimes":0}',
icon: "//yun.duiba.com.cn/polaris/Image2.b9419702802eff6ec5ba50ac072086df45409bfd.jpg",
id: "0l0cha7n",
index: null,
indexes: null,
intervalLimitSize: 1,
intervalType: 4,
jumpUrl: "/",
options: [{
degree: null,
icon: null,
icon2: null,
id: "sp_draw_times",
index: null,
name: "完成任务发放答题次数占位道具",
prizeId: "sp_draw_times",
prizeType: null,
refId: null,
refType: null,
sendCount: 1
}],
playwayId: "task_1",
prizePendingCode: null,
prizePendingCodeList: null,
ruleId: "spPrize@sp_draw_times@1",
sendPrize: null,
subTitle: "抽奖次数+1",
taskStatus: 0,
title: "完成首购任务"
})
});
},
/** 点击去完成 */
async handleClickDoComplete(e) {
const index = e.currentTarget.dataset.value || e.target.dataset.index;
const item = this.data.taskList[index] || {};
switch (true) {
/** 跳转积分商城任务 */
case item.code.startsWith("order"):
{
wx.navigateTo({
url: 'url'
});
break;
}
/** 每日登录 */
case item.code.startsWith("sign"):
{
wx.navigateTo({
url: 'url'
});
break;
}
/** 分享任务 */
case item.code.startsWith("share"):
{
this.triggerEvent("select", {
type: "normal"
});
break;
}
/** 邀请任务 */
case item.code.startsWith("invite"):
{
this.triggerEvent("select", {
type: "share"
});
break;
}
}
}
}
});
/***/ })
/******/ }));
\ No newline at end of file
{
"component": true,
"usingComponents": {}
}
\ No newline at end of file
<view class="task_mask"></view>
<view class="task pop_scroll_ani">
<view class="task_bg"></view>
<view class="close_btn" bind:tap="closeDialog"></view>
<view class="task_list">
<view wx:for="{{taskList}}" class="task_item" wx:key="*this">
<!-- 待领取 -->
<button wx:if="{{item.taskStatus == 1}}" class="reveive_btn" hover-class="none"></button>
<!-- 去完成 -->
<button wx:if="{{item.taskStatus == 0}}" open-type="{{item.code == 'invite'? 'share': ''}}" class="doComplete_btn" hover-class="none" bind:tap="handleClickDoComplete" data-index="{{index}}"></button>
<!-- 已完成 -->
<button wx:if="{{item.taskStatus == 2}}" class="completed_btn" hover-class="none"></button>
<view class="task_sub_box">
<view class="task_icon"></view>
<view class="task_sub_title">{{item.subTitle}}</view>
</view>
<view class="task_title">{{item.title}}</view>
</view>
</view>
</view>
\ No newline at end of file
@import '/cloud-reset-app.wxss';
.task_mask {
width: 100%;
height: 100%;
left: 0;
top: 0;
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
}
.task {
width: 750rpx;
height: 895rpx;
left: 0rpx;
bottom: 0;
position: fixed;
}
.task .task_bg {
width: 750rpx;
height: 795rpx;
left: 0rpx;
top: 100rpx;
position: absolute;
background-image: url("https://yun.duiba.com.cn/aurora/assets/28851014d89856dfb822a1565e8cce4384deed7c.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.task .close_btn {
width: 66rpx;
height: 67rpx;
left: 658rpx;
top: 0rpx;
position: absolute;
background-image: url("https://yun.duiba.com.cn/aurora/assets/283ad6cca268acb2385b8283ef21f01244f0f8b8.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.task .task_list {
width: 670rpx;
height: auto;
left: 55rpx;
top: 277rpx;
bottom: 0;
position: absolute;
overflow-y: auto;
overflow-x: hidden;
}
.task .task_list .task_item {
width: 641rpx;
height: 100rpx;
left: 0rpx;
top: 0rpx;
margin-bottom: 20rpx;
position: relative;
}
.task .task_list .task_item .reveive_btn {
width: 125rpx;
height: 49rpx;
left: 516rpx;
top: 11rpx;
position: absolute;
background-image: url("https://yun.duiba.com.cn/aurora/assets/ae32f7ab4dbc2929778c75def30d8313107ba5f7.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.task .task_list .task_item .completed_btn {
width: 125rpx;
height: 49rpx;
left: 516rpx;
top: 11rpx;
position: absolute;
background-image: url("https://yun.duiba.com.cn/aurora/assets/8430cefdfa860d74443f62d3e840f9bcb4458d6f.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.task .task_list .task_item .doComplete_btn {
width: 125rpx;
height: 49rpx;
left: 516rpx;
top: 11rpx;
position: absolute;
background-image: url("https://yun.duiba.com.cn/aurora/assets/b058248f7d43e611133ed15b61e93f151e2ec9cf.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}
.task .task_list .task_item .task_sub_box {
width: 480rpx;
height: 25rpx;
left: 1rpx;
top: 47rpx;
position: absolute;
display: flex;
justify-content: flex-start;
align-items: center;
}
.task .task_list .task_item .task_sub_box .task_sub_title {
width: 450rpx;
height: 30rpx;
left: 10rpx;
top: 0;
position: relative;
font-size: 21rpx;
line-height: 30rpx;
color: #9e9e9e;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.task .task_list .task_item .task_sub_box .task_icon {
width: 25rpx;
height: 25rpx;
left: 0rpx;
top: 0rpx;
position: relative;
background-image: url("https://yun.duiba.com.cn/aurora/assets/573e8f658ecdeda4eeb6d20ac312d9d7aa0f2ab0.png");
background-repeat: no-repeat;
background-size: 100% 100%;
flex-shrink: 0;
flex-basis: 25rpx;
}
.task .task_list .task_item .task_title {
width: 480rpx;
height: 32rpx;
left: 0rpx;
top: 0rpx;
position: absolute;
font-size: 32rpx;
line-height: 32rpx;
color: #292929;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.pop_scroll_ani {
animation: pop_scroll_ani 500ms ease-out forwards;
}
@keyframes pop_scroll_ani {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0);
}
}
button {
background-color: transparent;
outline: none;
border: none;
}
\ No newline at end of file
......@@ -17,10 +17,11 @@ __webpack_require__.r(__webpack_exports__);
const defaultAvatarUrl = 'https://mmbiz.qpic.cn/mmbiz/icTdbqWNOwNRna42FI242Lcia07jQodd2FJGIYQfG0LAJGFxM4FbnQP6yfMxBgJ0F3YRqJCJ1aPAK2dQagdusBZg/0';
let shareType = "normal";
Page({
data: {
guideIndex: -1,
showModalType: "actRule",
showModalType: "",
isBindPhone: false,
ticket: "",
inviteNum: 0,
......@@ -34,9 +35,13 @@ Page({
activityStatus: 0,
isPlayMusic: true,
assistErrorMsg: "",
prizeInfo: {}
prizeInfo: {},
shareCode: null
},
onLoad: async function (options) {
/** 获取邀请码 */
// this.getShareCode();
// const q = decodeURIComponent(options.q) // 获取到二维码原始链接内容
// const scancode_time = parseInt(options.scancode_time) // 获取用户扫码时间 UNIX 时间戳
......@@ -866,14 +871,49 @@ Page({
isPlayMusic: index == '0'
});
},
/** 赚负担值 */
handleClickTask() {
this.setData({
showModalType: 'task'
});
},
/** 任务分享类型选择回调 */
onSelectShareType(e) {
const type = e.detail.type;
console.log("执行了");
shareType = type;
},
/** 获取邀请码 */
async getShareCode() {
const res = await Object(_utils_db_api_index__WEBPACK_IMPORTED_MODULE_1__["getShareCode"])();
if (res && res.success) {
this.setData({
shareCode: res.data.inviteCode
});
}
},
onHide() {
this.innerAudioContext.stop();
// this.innerAudioContext.stop()
},
onShow() {
if (this.innerAudioContext && this.data.isPlayMusic) {
this.innerAudioContext.play();
}
},
/** 分享 */
onShareAppMessage() {
const param = {
title: "测试标题",
path: '/packages/wm-cloud-db_index/db_index/index',
imageUrl: "https://yun.duiba.com.cn/polaris/task_icon.573e8f658ecdeda4eeb6d20ac312d9d7aa0f2ab0.png"
};
console.log("shareType", shareType);
if (shareType == "share") {
param.path = `${param.path}?shareCode=${this.data.shareCode}`;
}
console.log("param", param);
return param;
},
onUnload() {
this.innerAudioContext.stop();
}
......
......@@ -15,6 +15,7 @@
"act-rule-modal": "./../component/actRuleModal/index",
"draw-modal": "./../component/drawModal/index",
"draw-no-prize": "./../component/drawNoPrizeModal/index",
"draw-prize": "./../component/drawPrizeModal/index"
"draw-prize": "./../component/drawPrizeModal/index",
"task": "./../component/task/task"
}
}
\ No newline at end of file
......@@ -6,9 +6,8 @@
<view class="prizebtn"></view>
<view class="logo"></view>
<view class="title"></view>
<view class="taskicon"></view>
<view class="drawicon" bind:tap="showDrawPop"></view>
<view class="taskicon" bind:tap="handleClickTask"></view>
<view class="creditsbg"></view>
<text class="creditslab"></text>
<text class="creditsnum"></text>
......@@ -43,4 +42,5 @@
<draw-modal wx:if="{{showModalType == 'draw'}}" catch:onModalClose="onModalClose" catch:onModalPrize="showPrizePop" catch:onModalNoPrize="showNoPrizePop"></draw-modal>
<draw-no-prize wx:if="{{showModalType == 'drawNoPrize'}}" catch:onModalClose="onModalClose" ></draw-no-prize>
<draw-prize wx:if="{{showModalType == 'drawPrize'}}" prizeInfo="{{prizeInfo}}" catch:onModalClose="onModalClose" ></draw-prize>
<task wx:if="{{showModalType == 'task'}}" catch:onModalClose="onModalClose" bindselect="onSelectShareType"></task>
</view>
\ No newline at end of file
// packages/wm-cloud-db_load/db_load/index.js
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad(options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady() {
},
/**
* 生命周期函数--监听页面显示
*/
onShow() {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide() {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload() {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh() {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom() {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage() {
}
})
\ No newline at end of file
{
"usingComponents": {}
}
\ No newline at end of file
<!--packages/wm-cloud-db_load/db_load/index.wxml-->
<text>packages/wm-cloud-db_load/db_load/index.wxml</text>
\ No newline at end of file
/* packages/wm-cloud-db_load/db_load/index.wxss */
\ No newline at end of file
var webpackRequire = require("./../../../webpack-require");
webpackRequire(
"./src/packages/wm-cloud-db_load/loading/index.js",
{
/***/ "./src/packages/wm-cloud-db_load/loading/index.js":
/*!********************************************************!*\
!*** ./src/packages/wm-cloud-db_load/loading/index.js ***!
\********************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
Page({
data: {},
onLoad: function (options) {
setTimeout(() => {
wx.redirectTo({
url: `/packages/wm-cloud-db_index/db_index/index`
});
}, 3000);
}
});
/***/ })
/******/ });
\ No newline at end of file
{
"navigationBarTitleText": "loading",
"usingComponents": {
}
}
\ No newline at end of file
<view class="loadbox">
<view class="loadbg"></view>
<view class="logo"></view>
<view class="ip"></view>
<view class="loadbardown"></view>
<view class="laodbarbox">
<view class="loadbaron"></view>
</view>
<view class="loadtip"></view>
</view>
\ No newline at end of file
@import '/cloud-reset-app.wxss';
.loadbox {
width: 750rpx;
height: 1624rpx;
left: 0rpx;
top: 0rpx;
position: absolute;
overflow-y: hidden;
}
.loadbox .loadbg {
width: 750rpx;
height: 1624rpx;
position: absolute;
background: url("https://yun.duiba.com.cn/db_games/jianchun/load/loadbg.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
}
.loadbox .laodbarbox {
width: 582rpx;
height: 40rpx;
position: absolute;
left: 84rpx;
top: 1166rpx;
overflow: hidden;
border-radius: 45rpx;
}
.loadbox .laodbarbox .loadbaron{
width: 582rpx;
height: 40rpx;
position: absolute;
left: -582rpx;
top: 0rpx;
background: url("https://yun.duiba.com.cn/db_games/jianchun/load/baron.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
animation: loadbarAni 3s linear 1 forwards;
}
.loadbox .loadbardown {
width: 582rpx;
height: 40rpx;
position: absolute;
left: 84rpx;
top: 1166rpx;
background: url("https://yun.duiba.com.cn/db_games/jianchun/load/bardown.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
}
.loadbox .loadtip {
width: 122rpx;
height: 33rpx;
left: 315rpx;
top: 1224rpx;
position: absolute;
background: url("https://yun.duiba.com.cn/db_games/jianchun/load/loadtip.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
animation: loadtipAni 1s linear infinite;
}
.loadbox .logo {
width: 249rpx;
height: 167rpx;
left: 249rpx;
top: 251rpx;
position: absolute;
background: url("https://yun.duiba.com.cn/db_games/jianchun/load/logo.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
}
.loadbox .ip {
width: 638rpx;
height: 1088rpx;
left: 82rpx;
top: 524rpx;
position: absolute;
background: url("https://yun.duiba.com.cn/db_games/jianchun/load/ip.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
}
.loadbox .loadtip {
width: 122rpx;
height: 33rpx;
left: 315rpx;
top: 1224rpx;
position: absolute;
background: url("https://yun.duiba.com.cn/db_games/jianchun/load/loadtip.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
animation: loadtipAni 1s linear infinite;
}
@keyframes loadtipAni {
0% {
transform: translateY(0rpx);
}
50% {
transform: translateY(15rpx);
}
100% {
transform: translateY(0rpx);
}
}
@keyframes loadbarAni {
0% {
transform: translateX(0rpx);
}
100% {
transform: translateX(582rpx);
}
}
\ No newline at end of file
{
"description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
"condition": {
"miniprogram": {
"list": [
{
"name": "db_load",
"pathName": "packages/wm-cloud-db_load/loading/index",
"query": "",
"launchMode": "default",
"scene": null
},
{
"name": "db_index",
"pathName": "packages/wm-cloud-db_index/db_index/index",
"query": "",
"scene": null
},
{
"name": "db_webview",
"pathName": "packages/wm-cloud-db_index/db_webview/index",
"query": "",
"scene": null
},
{
"name": "购物车页",
"pathName": "ec_cart/index",
"query": "",
"scene": null
},
{
"name": "webview",
"pathName": "packages/wm-cloud-db_webview/db_webview/index",
"query": "",
"scene": null
},
{
"name": "db_jump",
"pathName": "packages/wm-cloud-db_jump/db_jump/index",
"query": "",
"scene": null
}
]
}
}
}
\ No newline at end of file
exports.ids = ["weimob-cloud-commons"];
exports.modules = {
/***/ "./src/app.wxss":
/*!**********************!*\
!*** ./src/app.wxss ***!
\**********************/
/*! exports provided: default */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony default export */ __webpack_exports__["default"] = (__webpack_require__.p + "app.wxss");
/***/ }),
/***/ "./src/packages/wm-cloud-db_index/utils/db_api/dbrequest.js":
/*!******************************************************************!*\
!*** ./src/packages/wm-cloud-db_index/utils/db_api/dbrequest.js ***!
\******************************************************************/
/*! exports provided: dbLoginParam, dbCheckHavePower, apiCoopIndex, apiScan, uploadFile, authAvatar, getTicketStatus, getShareUserInfo, doAssist, getActivityStatus, queryOrderId, userRecord */
/*! exports provided: dbLoginParam, dbCheckHavePower, apiCoopIndex, apiScan, uploadFile, authAvatar, getTicketStatus, getShareUserInfo, doAssist, getActivityStatus, queryOrderId, userRecord, getTaskInfoParam, getShareCodeParam */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
......@@ -22,6 +35,8 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getActivityStatus", function() { return getActivityStatus; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "queryOrderId", function() { return queryOrderId; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "userRecord", function() { return userRecord; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTaskInfoParam", function() { return getTaskInfoParam; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getShareCodeParam", function() { return getShareCodeParam; });
// 线上测试 pre 线上正式online
// TODO 上线前检查
const app = getApp();
......@@ -132,6 +147,20 @@ const userRecord = {
header: {}
};
// 任务接口
const getTaskInfoParam = {
url: "/weimocloud/projectx/taskInfo",
method: "GET",
header: {}
};
// 获取邀请码
const getShareCodeParam = {
url: "/weimocloud/projectx/getShareCode",
method: "GET",
header: {}
};
/***/ }),
/***/ "./src/packages/wm-cloud-db_index/utils/db_api/globalData.js":
......@@ -179,7 +208,7 @@ function getUrlParam(name, search) {
/*!**************************************************************!*\
!*** ./src/packages/wm-cloud-db_index/utils/db_api/index.js ***!
\**************************************************************/
/*! exports provided: reqDbLogin, reqDbCheckHavePower, apiDbIndexInfo, apiDbScan, apiUploadFile, apiAuthAvatar, apiGetTicketStatus, apiGetShareUserInfo, apiDoAssist, apiGetActivityStatus, apiQueryOrderId, apiUserRecord */
/*! exports provided: reqDbLogin, reqDbCheckHavePower, apiDbIndexInfo, apiDbScan, apiUploadFile, apiAuthAvatar, apiGetTicketStatus, apiGetShareUserInfo, apiDoAssist, apiGetActivityStatus, apiQueryOrderId, apiUserRecord, getTaskInfo, getShareCode */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
......@@ -196,6 +225,8 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "apiGetActivityStatus", function() { return apiGetActivityStatus; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "apiQueryOrderId", function() { return apiQueryOrderId; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "apiUserRecord", function() { return apiUserRecord; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getTaskInfo", function() { return getTaskInfo; });
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getShareCode", function() { return getShareCode; });
/* harmony import */ var _requestFun__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./requestFun */ "./src/packages/wm-cloud-db_index/utils/db_api/requestFun.js");
/* harmony import */ var _dbrequest__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./dbrequest */ "./src/packages/wm-cloud-db_index/utils/db_api/dbrequest.js");
/* harmony import */ var _globalData__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./globalData */ "./src/packages/wm-cloud-db_index/utils/db_api/globalData.js");
......@@ -313,6 +344,22 @@ const apiUserRecord = param => {
});
};
// 任务接口
const getTaskInfo = param => {
return Object(_requestFun__WEBPACK_IMPORTED_MODULE_0__["default"])({
..._dbrequest__WEBPACK_IMPORTED_MODULE_1__["getTaskInfoParam"],
data: param
});
};
// 获取邀请码
const getShareCode = param => {
return Object(_requestFun__WEBPACK_IMPORTED_MODULE_0__["default"])({
..._dbrequest__WEBPACK_IMPORTED_MODULE_1__["getShareCodeParam"],
data: param
});
};
/***/ }),
/***/ "./src/packages/wm-cloud-db_index/utils/db_api/requestFun.js":
......@@ -379,6 +426,18 @@ const login = async wid => {
});
};
/***/ }),
/***/ 0:
/*!****************************!*\
!*** multi ./src/app.wxss ***!
\****************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(/*! F:\2024\20240424简醇我是歌手\src\app.wxss */"./src/app.wxss");
/***/ })
};;
\ No newline at end of file
......@@ -23,6 +23,13 @@
"pages": [
"db_jump/index"
]
},
{
"root": "packages/wm-cloud-db_load",
"name": "wm-cloud-db_load",
"pages": [
"loading/index"
]
}
],
"window": {
......
import {
globalData
} from "../../utils/db_api/globalData"
Component({
data: {
},
properties: {
},
ready(){
setTimeout(()=>{
this.triggerEvent("onModalClose", 'loading');
},3000)
},
methods: {
onModalClose() {
this.triggerEvent("onModalClose", 'loading');
},
}
})
\ No newline at end of file
{
"component": true,
"usingComponents": {
}
}
\ No newline at end of file
<view class="loadbox">
<view class="loadbg"></view>
<view class="loadbardown"></view>
<view class="laodbarbox">
<view class="loadbaron"></view>
</view>
<view class="loadtip"></view>
</view>
\ No newline at end of file
/* packageDB_chocolate/pages/loadPage/loadPage.wxss */
.loadbox {
width: 750rpx;
height: 1624rpx;
left: 0rpx;
top: 0rpx;
position: absolute;
overflow-y: hidden;
}
.loadbox .loadbg {
width: 750rpx;
height: 1624rpx;
position: absolute;
background: url("https://yun.duiba.com.cn/db_games/qiaolezi/loadpage/loadbg.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
}
.loadbox .laodbarbox {
width: 618rpx;
height: 68rpx;
position: absolute;
left: 92rpx;
top: 882rpx;
overflow: hidden;
border-radius: 45rpx;
}
.loadbox .laodbarbox .loadbaron{
width: 592rpx;
height: 55rpx;
position: absolute;
left: -592rpx;
top: 0rpx;
background: url("https://yun.duiba.com.cn/db_games/qiaolezi/loadpage/baron.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
animation: loadbarAni 3s linear 1 forwards;
}
.loadbox .loadbardown {
width: 618rpx;
height: 67rpx;
position: absolute;
left: 78rpx;
top: 883rpx;
background: url("https://yun.duiba.com.cn/db_games/qiaolezi/loadpage/bardown.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
}
.loadbox .loadtip {
width: 185rpx;
height: 31rpx;
left: 315rpx;
top: 993rpx;
position: absolute;
background: url("https://yun.duiba.com.cn/db_games/qiaolezi/loadpage/loadtip.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
animation: loadtipAni 1s linear infinite;
}
@keyframes loadtipAni {
0% {
transform: translateY(0rpx);
}
50% {
transform: translateY(15rpx);
}
100% {
transform: translateY(0rpx);
}
}
@keyframes loadbarAni {
0% {
transform: translateX(0rpx);
}
100% {
transform: translateX(592rpx);
}
}
\ No newline at end of file
......@@ -26,7 +26,7 @@ let shareType = "normal";
Page({
data: {
guideIndex: -1,
showModalType: "actRule",
showModalType: "",
isBindPhone: false,
ticket: "",
inviteNum: 0,
......
Page({
data: {},
onLoad: function (options) {
setTimeout(()=>{
wx.redirectTo({
url: `/packages/wm-cloud-db_index/db_index/index`,
})
},3000)
}
});
\ No newline at end of file
{
"navigationBarTitleText": "loading",
"usingComponents": {
}
}
\ No newline at end of file
<view class="loadbox">
<view class="loadbg"></view>
<view class="logo"></view>
<view class="ip"></view>
<view class="loadbardown"></view>
<view class="laodbarbox">
<view class="loadbaron"></view>
</view>
<view class="loadtip"></view>
</view>
\ No newline at end of file
.loadbox {
width: 750rpx;
height: 1624rpx;
left: 0rpx;
top: 0rpx;
position: absolute;
overflow-y: hidden;
}
.loadbox .loadbg {
width: 750rpx;
height: 1624rpx;
position: absolute;
background: url("https://yun.duiba.com.cn/db_games/jianchun/load/loadbg.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
}
.loadbox .laodbarbox {
width: 582rpx;
height: 40rpx;
position: absolute;
left: 84rpx;
top: 1166rpx;
overflow: hidden;
border-radius: 45rpx;
}
.loadbox .laodbarbox .loadbaron{
width: 582rpx;
height: 40rpx;
position: absolute;
left: -582rpx;
top: 0rpx;
background: url("https://yun.duiba.com.cn/db_games/jianchun/load/baron.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
animation: loadbarAni 3s linear 1 forwards;
}
.loadbox .loadbardown {
width: 582rpx;
height: 40rpx;
position: absolute;
left: 84rpx;
top: 1166rpx;
background: url("https://yun.duiba.com.cn/db_games/jianchun/load/bardown.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
}
.loadbox .loadtip {
width: 122rpx;
height: 33rpx;
left: 315rpx;
top: 1224rpx;
position: absolute;
background: url("https://yun.duiba.com.cn/db_games/jianchun/load/loadtip.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
animation: loadtipAni 1s linear infinite;
}
.loadbox .logo {
width: 249rpx;
height: 167rpx;
left: 249rpx;
top: 251rpx;
position: absolute;
background: url("https://yun.duiba.com.cn/db_games/jianchun/load/logo.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
}
.loadbox .ip {
width: 638rpx;
height: 1088rpx;
left: 82rpx;
top: 524rpx;
position: absolute;
background: url("https://yun.duiba.com.cn/db_games/jianchun/load/ip.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
}
.loadbox .loadtip {
width: 122rpx;
height: 33rpx;
left: 315rpx;
top: 1224rpx;
position: absolute;
background: url("https://yun.duiba.com.cn/db_games/jianchun/load/loadtip.png") no-repeat;
background-position: top left;
background-size: 100% 100%;
animation: loadtipAni 1s linear infinite;
}
@keyframes loadtipAni {
0% {
transform: translateY(0rpx);
}
50% {
transform: translateY(15rpx);
}
100% {
transform: translateY(0rpx);
}
}
@keyframes loadbarAni {
0% {
transform: translateX(0rpx);
}
100% {
transform: translateX(582rpx);
}
}
\ No newline at end of file
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