Skip to content

Z
ZZH_SalaryWish-20250609
Commit 6506a8cf authored by 王勇霞's avatar 王勇霞
Browse files
Options

feat: init

parents
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 3479 additions and 0 deletions
.editorconfig 0 → 100644
View file @ 6506a8cf
# 顶部的EditorConfig文件
root = true
# unix风格的换行符，每个文件都以换行符结尾
[*]
end_of_line = lf
insert_final_newline = true
# 设置默认字符集
charset = utf-8
# 去除行尾空白字符
trim_trailing_whitespace = true
# 使用空格缩进，设置2个空格缩进
indent_style = space
indent_size = 2
.eslintignore 0 → 100644
View file @ 6506a8cf
# 忽略eslint校验路径，例如:
# src/libs/@spark
\ No newline at end of file
.eslintrc.js 0 → 100644
View file @ 6506a8cf
module.exports = {
parser: '@babel/eslint-parser',
env: {
browser: true,
es6: true,
node: true,
},
globals: {
CFG: true,
wx: true,
FYGE: true,
SPARK_ESLINT_PLUGIN: true,
remScale: true,
},
plugins: ['html', 'react', '@spark/best-practices', '@spark/security'],
extends: ['eslint:recommended', 'plugin:react/recommended'],
settings: {
react: {
version: 'detect',
},
},
parserOptions: {
sourceType: 'module',
ecmaVersion: 7,
ecmaFeatures: {
experimentalObjectRestSpread: true,
jsx: true,
},
babelOptions: {
configFile: './node_modules/@spark/code-inspector/static/babel.config.js',
},
},
rules: {
'no-undef': 'error',
'no-unused-vars': ['error', { vars: 'all', args: 'after-used', argsIgnorePattern: '^_', varsIgnorePattern: '^_', ignoreRestSiblings: true }],
'no-dupe-keys': 'error',
'no-fallthrough': 'error',
'no-global-assign': 'error',
'no-implied-eval': 'error',
'no-self-assign': 'error',
'no-self-compare': 'error',
'no-sequences': 'error',
'no-unused-expressions': ['error', { allowShortCircuit: true, allowTernary: true, allowTaggedTemplates: true }],
'no-useless-escape': 'error',
'no-empty-pattern': 'error',
'no-empty-function': ['error', { allow: ['arrowFunctions', 'functions', 'methods'] }],
'no-var': 'error',
'no-dupe-class-members': 'error',
'no-unsafe-optional-chaining': 'error',
'no-const-assign': 'error',
'no-empty': ['error', { allowEmptyCatch: true }],
'prefer-const': 'warn',
'no-extra-boolean-cast': 'warn',
'no-mixed-spaces-and-tabs': 'warn',
'no-alert': 'warn',
'no-new-wrappers': 'warn',
'no-useless-concat': 'warn',
'no-useless-return': 'warn',
'prefer-promise-reject-errors': ['warn', { allowEmptyReject: true }],
'spaced-comment': 'warn',
'react/prop-types': 'off',
'react/display-name': 'off',
'react/jsx-pascal-case': 'error',
'jsx-quotes': 'warn',
// 'react/jsx-tag-spacing': 'error',
'react/require-resnder-return': 'error',
'semi': [1]
},
overrides: [
{
files: ['public/**/*.html'],
rules: {
'no-var': 'off',
'@spark/security/third-party-whitelist': 'error',
'@spark/best-practices/no-url-in-js': 'error',
'@spark/best-practices/no-arrow-function': 'error',
'@spark/best-practices/no-es6-variable-declaration': 'error',
},
},
{
files: ['src/**/*.{js,jsx}'],
rules: {
'@spark/best-practices/no-url-in-js': 'error',
},
},
],
};
.gitignore 0 → 100644
View file @ 6506a8cf
.DS_Store
node_modules/
___cache/
__cache/
coverage/
npm-debug.log
selenium-debug.log
.idea
.builds
.project
.vscode
yarn-error.log
.yarn
.package-lock
yarn.lock
.cache
packages/**/package-lock.json
released
output.js
output.js.map
.psd
.psb
#src/assets/
\ No newline at end of file
.npmrc 0 → 100644
View file @ 6506a8cf
registry = http://npm.dui88.com
\ No newline at end of file
.prettierrc.js 0 → 100644
View file @ 6506a8cf
module.exports = {
semi: true, // 结尾加分号
singleQuote: false, // 使用单引号
jsxSingleQuote: false, // jsx中使用单引号
bracketSpacing: true, // 括号和参数之间有空格
jsxBracketSameLine: true, // 标签属性较多时，标签箭头>另起一行
quoteProps: 'as-needed', // 属性加引号需要加时再加
printWidth: 120, // 每行字符个数
};
.yarnrc 0 → 100644
View file @ 6506a8cf
registry "http://npm.dui88.com"
\ No newline at end of file
MD.js 0 → 100644
View file @ 6506a8cf
import MD from "spark-utils/out/md/index.js";
import { logClick } from "@spark/utils/src-js/md";
import { jsonp } from "@spark/api-base";
import store from "@src/store";
import { isWeChat } from "@src/utils/share";
const appId = CFG.appID;
const dcm = "202." + CFG.projectId + ".0.0";
const domain = "";
const MDList = [
{
ele: `.test-md1`,
data: {
dpm: `${appId}.110.5.1`,
dcm,
domain,
appId
},
once: false
}
];
export default () =>
MD({
show: MDList, // 曝光
click: MDList, // 点击
});
export function logExposure (params) {
jsonp("/exposure/standard", params);
}
export function handleLogExposure (id, id2, dom_c = 0, dom_d = 0) {
logExposure({
dpm: `${appId}.110.${id}.${id2}`,
dcm,
domain,
appId,
dom: store.userInfo?.ibknum + `.${store.userInfo?.branchId}.${isWeChat() ? "微信" : "手机银行app"}.${dom_c}.${dom_d}`
});
}
// 导出一个函数handleLogClick，用于处理日志点击事件
export function handleLogClick (id, id2, dom_c = 0, dom_d = 0) {
// 调用logClick函数，传入参数dpm、dcm、domain、appId
logClick({
dpm: `${appId}.110.${id}.${id2}`,
dcm,
domain,
appId,
dom: store.userInfo?.ibknum + `.${store.userInfo?.branchId}.${isWeChat() ? "微信" : "手机银行app"}.${dom_c}.${dom_d}`
});
}
README.md 0 → 100644
View file @ 6506a8cf
### 注意事项
xxxxxxx
### 迭代日志
## 20230202 [大雁链接](https://www.bilibili.com)
+ haha
+ haha1
+ haha2
\ No newline at end of file
config/scripts/assets/generateAssetList.js 0 → 100644
View file @ 6506a8cf
/*
将此文件放到project/config/scripts/assets/目录下
在package.json文件的"scripts"字段下，分别修改dev和build命令：
"dev": "node ./config/scripts/assets/generateAssetList.js && node ./config/webpack.dev.config.js"
"build": "node ./config/scripts/assets/generateAssetList.js && node ./config/scripts/assets/index.js imgmin imgup && node ./config/webpack.prod.config.js"
*/
const fs = require('fs')
const path = require('path')
/* 请先配置：预加载的资源文件夹名称，或者设置预加载、异步加载资源路径*/
const preloadFolder = []; // 在/src/assets文件夹下，请设置需要预加载的资源文件目录，默认值预加载为loading文件夹， 其他均为异步加载
const otherFolder = ['loadingDemo']; // 在/src/assets文件夹下，不做任务处理的文件夹，不需要预加载， 也不需要异步加载
const initAssetList = { // 初始化预设资源处理
preLoadImg:[], // 设置预加载图片，例如：["loading/bg174.png","loading/上面.png","loading/底部173.png"]
asyncLoadImg:[] // 设置异步加载图片
}
/**
* 搜索文件夹里的文件
* @param {*} folderList 预加载文件夹名称数组
* @param {*} folderPath 文件夹地址，绝对路径
* @param {*} regExp 正则表达式，用于匹配目标文件
* @returns {string[]} 返回文件相对路径地址
*/
function searchFileFromFolder(folderPath='/src/assets', regExp=/\.(png|jpg|jpeg|svga|spi|json|mp3|wav)$/i) {
const preLoadImg = [], asyncLoadImg = [];
const searchOneDir = (absolutePath, relativePath) => {
fs.readdirSync(absolutePath).forEach(v => {
const absPath = absolutePath + '/' + v;
const relPath = relativePath ? relativePath + '/' + v : v;
if(fs.statSync(absPath).isFile()) {
if(regExp.test(v)){
if(preloadFolder.includes(relPath.split('/')[0])){
preLoadImg.push(relPath);
}else if(!otherFolder.includes(relPath.split('/')[0])){
asyncLoadImg.push(relPath)
}
}
}else {
searchOneDir(absPath, relPath);
}
});
}
searchOneDir(path.resolve('.') + folderPath, '');
console.log('资源预处理成功~')
return {
preLoadImg: [
...initAssetList.preLoadImg,
...preLoadImg
],
asyncLoadImg: [
...initAssetList.asyncLoadImg,
...asyncLoadImg
]
};
}
// 读资源目录
const assetList = searchFileFromFolder();
// 写资源列表json
fs.writeFileSync(path.resolve('.') + '/src/assetList.json', JSON.stringify(assetList))
\ No newline at end of file
config/scripts/assets/index.js 0 → 100644
View file @ 6506a8cf
const { assets } = require("spark-assets");
const args = process.argv.splice(2);
let argsObj = {
imgmin: false,
imgup: false
}
if (args.length == 1) {
argsObj.imgmin = 'imgmin' == args[0];
argsObj.imgup = 'imgup' == args[0];
} else if (args.length == 2) {
argsObj.imgmin = 'imgmin' == args[0];
argsObj.imgup = 'imgup' == args[1];
}
assets(argsObj)
\ No newline at end of file
config/scripts/constant.js 0 → 100644
View file @ 6506a8cf
exports.SPARK_CONFIG_DIR_KEY = ['OUTPUT_DIR', 'SOURCE_DIR', 'TEMP_DIR', 'ENTRY', 'TEMPLATE']
exports.SPARK_CONFIG = 'sparkrc.js'
//对应项目在线素材存储的cdn配置，用于迭代开发从线上拉取素材到本地
exports.SPARK_CDN_RES_CFG='sparkrescfg.json'
\ No newline at end of file
config/scripts/loaders/replaceLoader.js 0 → 100644
View file @ 6506a8cf
const loaderUtils = require('loader-utils');
module.exports = function (source) {
const options = loaderUtils.getOptions(this);
let result = source;
if (options.arr) {
options.arr.map(op => {
result = result.replace(op.replaceFrom, op.replaceTo);
})
} else {
result = source.replace(options.replaceFrom, options.replaceTo);
}
return result
};
config/scripts/plugins/GitToHtmlPlugin.js 0 → 100644
View file @ 6506a8cf
const HtmlWebpackPlugin = require("html-webpack-plugin");
const { exec } = require('child_process');
class GitToHtmlPlugin {
process(htmlPluginData) {
return new Promise(function (resolve) {
let gitStr = '';
exec('git remote -v & git branch --show-current & git config --global user.name', (_err, stdout, _stderr) => {
if (stdout) {
gitStr = `<script>CFG.___G___='${encodeURIComponent(stdout.replace(/\n/g, ';'))}'</script>`
}
htmlPluginData.html = htmlPluginData.html.replace('</body>', `${gitStr}</body>`);
resolve();
});
});
};
apply(compiler) {
compiler.hooks.compilation.tap('GitToHtmlPlugin', (compilation) => {
HtmlWebpackPlugin.getHooks(compilation).afterTemplateExecution.tapAsync(
"GitToHtmlPlugin",
async (html, cb) => {
await this.process(html);
cb(null, html);
}
);
});
}
}
module.exports = GitToHtmlPlugin;
config/scripts/plugins/HtmlJsToES5Plugin.js 0 → 100644
View file @ 6506a8cf
const babel = require('@babel/core');
const HtmlWebpackPlugin = require("html-webpack-plugin");
class HtmlJsToES5Plugin {
process(htmlPluginData) {
return new Promise(function (resolve) {
const scriptRegExp = /<script>[\s\S]*?<\/script>/gis;
htmlPluginData.html = htmlPluginData.html.replace(scriptRegExp, function (match) {
const code = match.replace("<script>", "").replace("</script>", "");
const es5Code = babel.transform(code, { 'presets': ['@babel/preset-env'] }).code;
return `<script>${es5Code}</script>`;
});
resolve();
});
};
apply(compiler){
compiler.hooks.compilation.tap('HtmlJsToES5Plugin', (compilation) => {
HtmlWebpackPlugin.getHooks(compilation).afterTemplateExecution.tapAsync(
"HtmlJsToES5Plugin",
async (html, cb) => {
await this.process(html);
cb(null, html);
}
);
});
}
}
// exports.default = HtmlJsToES5Plugin;
module.exports = HtmlJsToES5Plugin;
config/scripts/utils.js 0 → 100644
View file @ 6506a8cf
// 端口是否被占用
const net = require("net");
exports.getProcessIdOnPort=function(port) {
try {
const execOptions = {
encoding: 'utf8',
stdio: [
'pipe',
'pipe',
'ignore',
],
};
return execSync('lsof -i:' + port + ' -P -t -sTCP:LISTEN', execOptions)
.split('\n')[0]
.trim();
} catch (e) {
return null;
}
}
exports.isPortAvailable = function (port, host = "localhost") {
return new Promise((resolve) => {
if (isNaN(port) || port != parseInt(port) || port < 0 || port > 65536) {
resolve(false);
}
try {
const tester = net.createServer()
// catch errors, and resolve false
.once('error', err => {
resolve(false);
})
// return true if succed
.once('listening', (err) => {
tester
.once('close', () => {
resolve(true);
})
.close()
})
.listen(port, host);
} catch (e) {
resolve(false);
}
})
}
const childProcessSync=async function(cmd, params, cwd, printLog = true) {
return new Promise((resolve, reject) => {
let proc = childProcess(cmd, params, cwd, printLog);
proc.on('close', (code) => {
if (code === 0) {
resolve(proc['logContent']);
} else {
reject(code);
}
});
});
}
const getGitBranch=async function(cwd) {
try {
const result = await childProcessSync('git', ['rev-parse', '--abbrev-ref', 'HEAD'], cwd, false);
if (!result.startsWith('fatal:')) {
return result.trim();
}
} catch (e) {
return undefined;
}
}
const getProjectNameByPackage=function() {
return require(`${process.cwd()}/package.json`).name
}
/**
* 理论上每个项目独一无二的文件夹名字-默认取分支名
* 如果当前未创建分支，取包名+日期
* （实际很多情况是直接clone老项目，包名相同，以防资源被替换，所以用日期加一下）
*/
exports.getCdnFolderName=async function() {
const branch = await getGitBranch(process.cwd());
const date = Date.now();
if (branch) {
return branch + "/" + date;
}
let foldername = getProjectNameByPackage() + "/" + date;
return foldername;
}
config/webpack.common.config.js 0 → 100644
View file @ 6506a8cf
const path = require('path');
const { SPARK_CONFIG_DIR_KEY, SPARK_CONFIG } = require('./scripts/constant');
const HtmlWebpackPlugin = require("html-webpack-plugin");
const MiniCssExtractPlugin = require("mini-css-extract-plugin");
const { CleanWebpackPlugin } = require("clean-webpack-plugin");
const TerserPlugin = require("terser-webpack-plugin");
const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
const ProgressBarPlugin = require("progress-bar-webpack-plugin");
module.exports = function (isProd) {
const appPath = process.cwd();
const sparkConfig = require(path.join(appPath, SPARK_CONFIG));
const cssReg = /\.(css|less)$/;
// 处理相对路径
SPARK_CONFIG_DIR_KEY.map((key) => {
sparkConfig[key] = path.resolve(appPath, sparkConfig[key]);
});
const stylePlugins = [
require("autoprefixer")({
overrideBrowserslist: ["> 1%", "last 2 versions", "not ie <= 8"],
})
];
if (sparkConfig.PX2REM) {
stylePlugins.push(
require("postcss-px2rem-exclude")({
remUnit: 100, // 注意算法，这是750设计稿，html的font-size按照750比例
exclude: /noRem/i,
})
);
}
const styleLoader = (cssOptions = {}) => {
return [
{
loader: "style-loader",
},
isProd && {
loader: MiniCssExtractPlugin.loader,
options: {
esModule: false,
},
},
{
loader: "css-loader",
options: {
...cssOptions,
importLoaders: 2, // 如果遇到css里面的 @import 执行后面两个loader。 不然如果import了less，css-loader是解析不了
},
},
{
loader: "postcss-loader",
options: {
sourceMap: isProd,
plugins: stylePlugins,
},
},
{
loader: require.resolve("less-loader"),
options: {
sourceMap: isProd,
lessOptions: {
modifyVars: {
"@RES_PATH": `"${isProd ? sparkConfig.RES_PATH_PROD + '/' : sparkConfig.RES_PATH}"`,
},
}
},
},
].filter(Boolean);
};
return {
entry: sparkConfig.ENTRY,
mode: isProd ? 'production' : 'development',
devtool: isProd ? "source-map" : "cheap-module-source-map",
output: {
path: path.resolve(__dirname, sparkConfig.OUTPUT_DIR),
filename: "js/[name].js",
},
resolve: {
extensions: ['.js', '.jsx', '.json'],
alias: {
"@src": path.resolve(__dirname, sparkConfig.SOURCE_DIR),
},
},
module: {
strictExportPresence: true,
rules: [
{
test: cssReg,
use: styleLoader(),
// include: sparkConfig.SOURCE_DIR,
},
{
test: /\.(js|jsx)$/,
loader: require.resolve("babel-loader"),
// exclude: [path.resolve("node_modules")],
options: {
presets: [
require("@babel/preset-env").default,
require("@babel/preset-react").default
],
plugins: [
["@babel/plugin-proposal-decorators", { "legacy": true }],
["@babel/plugin-proposal-class-properties", { "loose": false }],
require("@babel/plugin-transform-runtime").default,
],
sourceType: 'unambiguous'
},
},
{
test: [/\.(jpg|jpeg|png|svg|bmp)$/, /\.(eot|woff2?|ttf|svg)$/],
loader: require.resolve("url-loader"),
options: {
name: "[path][name].[ext]", // name默认是加上hash值。这里做了更改，不让加
outputPath: "images",
limit: 10240, // url-loader处理图片默认是转成base64, 这里配置如果小于10kb转base64,否则使用file-loader打包到images文件夹下
},
},
].filter(Boolean),
},
plugins: [
isProd &&
new MiniCssExtractPlugin({
filename: "styles/[name].[hash].css",
}),
new HtmlWebpackPlugin({
template: sparkConfig.TEMPLATE,
minify: !sparkConfig.UNMINIFY_INDEX && isProd,
}),
new CleanWebpackPlugin({
// cleanOnceBeforeBuildPatterns:['**/*', 'dist'] // 这里不用写 是默认的。 路径会根据output 输出的路径去清除
}),
new ProgressBarPlugin(),
].filter(Boolean),
optimization: {
minimize: isProd,
minimizer: [
// 替换的js压缩 因为uglifyjs不支持es6语法，
new TerserPlugin({
cache: true,
sourceMap: isProd,
extractComments: false, // 提取注释
parallel: true, // 多线程
terserOptions: {
compress: {
pure_funcs: ["console.log"],
},
},
}),
// 压缩css
new OptimizeCSSAssetsPlugin({
assetNameRegExp: /\.css$/g,
cssProcessor: require("cssnano"),
cssProcessorPluginOptions: {
preset: ["default", { discardComments: { removeAll: true } }],
},
canPrint: true,
}),
],
// 修改文件的ids的形成方式，避免单文件修改，会导致其他文件的hash值变化，影响缓存
moduleIds: "hashed",
splitChunks: {
chunks: "all",
minSize: 30000, // 小于这个限制的会打包进Main.js
cacheGroups: {
vendors: {
test: /[\\/]node_modules[\\/]/,
priority: -10, // 优先级权重，层级 相当于z-index。 谁值越大权会按照谁的规则打包
name: "vendors",
},
},
},
// chunks 映射关系的 list单独从 app.js里提取出来
runtimeChunk: {
name: (entrypoint) => `runtime-${entrypoint.name}`,
},
},
};
}
config/webpack.dev.config.js 0 → 100644
View file @ 6506a8cf
const { SPARK_CONFIG } = require("./scripts/constant");
const Webpack = require("webpack");
const webpackBaseConfig = require("./webpack.common.config");
const WebpackMerge = require("webpack-merge");
const WebpackDevServer = require("webpack-dev-server");
const opn = require("opn");
const apiMocker = require('mocker-api');
const path = require('path');
const { getProcessIdOnPort } = require("./scripts/utils");
const {isPortAvailable} = require("./scripts/utils");
const sparkConfig = require(path.resolve(SPARK_CONFIG));
const webpackDevConfig = function () {
return {
devServer: {
useLocalIp: true,
open: false,
hot: true,
host: "0.0.0.0",
// hotOnly: true
before(app) {
app.use(/^\/$/, async (req, res, next) => {
const send = res.send.bind(res);
res.send = (body) => {
let result = body.toString();
result = result.replace('${APPID}', 'test');
send(result);
}
next();
})
if (sparkConfig.API_MOCK) {
apiMocker(app, path.resolve('./mock/index.js'), {
changeHost: true,
})
}
}
},
plugins: [
// new Webpack.WatchIgnorePlugin([/[\\/]mock[\\/]/]),
new Webpack.HotModuleReplacementPlugin()
]
};
};
const buildDev = async function (config) {
const { port } = config;
return new Promise(async (resolve, reject) => {
const config = WebpackMerge(webpackBaseConfig(false), webpackDevConfig());
const compiler = Webpack(config);
const devServerOptions = Object.assign({}, config.devServer);
console.log('devServerOptions', devServerOptions);
const server = new WebpackDevServer(compiler, devServerOptions);
let i = 0;
for (; i < 100; i++) {
const canUse = await isPortAvailable(port + i, "0.0.0.0");
console.log(port + i, canUse)
if (canUse) {
break;
}
}
server.listen(
port + i || 8088,
"0.0.0.0",
() => {
console.log(`Starting server on http://localhost:${port}`);
opn(`http://localhost:${port + i || 8088}`);
resolve();
},
(err) => {
if (err) console.error("server linsten err--", err);
reject();
}
);
});
};
const args = process.argv.splice(2);
const port = args[0] || 8088
buildDev({
port: Number(port)
})
config/webpack.prod.config.js 0 → 100644
View file @ 6506a8cf
const path = require("path");
const chalk = require("chalk");
const fs = require('fs-extra');
const Webpack = require("webpack");
const WebpackMerge = require("webpack-merge");
const webpackBaseConfig = require("./webpack.common.config");
const {Uploader} = require("spark-assets");
const isProd = true;
const {getCdnFolderName} = require("./scripts/utils");
const {SPARK_CONFIG} = require("./scripts/constant");
const HtmlJsToES5Plugin = require("./scripts/plugins/HtmlJsToES5Plugin");
const {DepReporter} = require('spark-log-event');
// const sparkConfig = require('../sparkrc');
const ScriptExtHtmlWebpackPlugin = require("script-ext-html-webpack-plugin");
const GitToHtmlPlugin = require("./scripts/plugins/GitToHtmlPlugin");
const JavaScriptObfuscator = require("javascript-obfuscator");
const PATH_ROOT = 'spark/v2';
const webpackProdConfig = function (cdnFolderName, resPathProd) {
return {
output: {
publicPath: `//yun.duiba.com.cn/spark/v2/${cdnFolderName}/`,
filename: isProd ? "js/[name].[contenthash:8].js" : "js/[name].[contenthash:4].js",
},
resolveLoader: {
modules: ['node_modules', path.resolve(__dirname, './scripts/loaders')]
},
module: {
rules: [
{
test: /sparkrc\.js$/,
exclude: [path.resolve("node_modules")],
use: [
{
loader: 'replaceLoader',
options: {
arr: [
{
replaceFrom: /(MOCK_STATUS: true)|(MOCK_STATUS:true)|("MOCK_STATUS": true)|("MOCK_STATUS":true)/,
replaceTo: '"MOCK_STATUS": false'
},
{
replaceFrom: /(RES_PATH:'\/src\/assets\/')|(RES_PATH: '\/src\/assets\/')|("RES_PATH":"\/src\/assets\/")|("RES_PATH": "\/src\/assets\/")/,
replaceTo: `"RES_PATH":"${resPathProd}/"`
}
]
}
}
]
},
]
},
plugins: [
new Webpack.IgnorePlugin(/[\\/]mock[\\/]/),
new ScriptExtHtmlWebpackPlugin({
custom: {
test: /\.js$/,
attribute: 'crossorigin',
value: 'anonymous'
}
}),
new GitToHtmlPlugin(),
new HtmlJsToES5Plugin(),
new DepReporter(),
new Webpack.ContextReplacementPlugin(
/moment[/\\]locale$/,
/zh-cn/,
),
],
node: {
crypto: 'empty'
}
};
};
const buildProd = async function () {
const cdnFolderName = await getCdnFolderName();
const appPath = process.cwd();
const sparkConfig = require(path.join(appPath, SPARK_CONFIG));
const _webpackProdConfig = await webpackProdConfig(cdnFolderName, sparkConfig.RES_PATH_PROD || '');
//新增 JS_PATH_PROD 用作
const newSparkCfg = Object.assign({}, sparkConfig);
newSparkCfg['JS_PATH_PROD'] = `https://yun.duiba.com.cn/spark/v2/${cdnFolderName}/js`;
const str = `module.exports =${JSON.stringify(newSparkCfg, null, 2)}`;
fs.writeFileSync(path.join(appPath, SPARK_CONFIG), str);
return new Promise((resolve, reject) => {
const config = WebpackMerge(webpackBaseConfig(isProd), _webpackProdConfig);
const compiler = Webpack(config);
compiler.run(async (error, stats) => {
if (error) {
return reject(error);
}
console.log(
stats.toString({
chunks: false, // 使构建过程更静默无输出
colors: true, // 在控制台展示颜色
})
);
console.log(`${chalk.yellow("打包成功, 等待上传")}\n`);
const files = fs.readdirSync(config.output.path + "/js");
let fileName = "";
for (let i = 0; i < files.length; i++) {
if (files[i].endsWith('.js') && files[i].indexOf("main") == 0) {
fileName = files[i];
}
}
const js = fs.readFileSync(path.join(config.output.path, "js/" + fileName), "utf-8");
const resJs = JavaScriptObfuscator.obfuscate(
js,
{
debugProtectionInterval: 4000,
debugProtection: true,
// 单行输出
compact: true,
selfDefending: true,
controlFlowFlattening: true,
controlFlowFlatteningThreshold: 0.3,
// 注入死代码
deadCodeInjection: true,
deadCodeInjectionThreshold: 0.2,
// 标识符名称生成器
// hexadecimal 16进制 包体增大较多
// mangled 短名称
// mangled-shuffled 与mangled相同，但带有洗牌字母表
// "identifier-names-generator": 'mangled-shuffled',
// 数字转表达式 如:
// const foo = 1234;
// const foo=-0xd93+-0x10b4+0x41*0x67+0x84e*0x3+-0xff8;
// numbersToExpressions: true,
log: true,
// 拆分字面字符串
splitStrings: true,
stringArray: true,
stringArrayRotate: true,
stringArrayCallsTransform: true,
stringArrayCallsTransformThreshold: 1,
stringArrayWrappersParametersMaxCount: 5,
stringArrayThreshold: 1,
// transformObjectKeys: true,
target: "browser-no-eval",
}
);
fs.writeFileSync(path.join(config.output.path, "js/" + fileName), resJs.getObfuscatedCode(), "utf-8");
const uploader = new Uploader();
await Promise.all([
await uploader.uploadDir(
config.output.path,
`${PATH_ROOT}/${cdnFolderName}`,
/.(html|map)$/
),
await uploader.uploadDir(
config.output.path + "/js",
`${PATH_ROOT}/${cdnFolderName}/js/map_123_map`,
/.(html|js|css|css\.map)$/
),
]);
resolve();
});
});
};
buildProd();
cspell.json 0 → 100644
View file @ 6506a8cf
{
"version": "0.2",
"language": "en",
"words": [
"duiba",
"fyge",
"hanzi",
"projectx",
"webfonts",
"Weixin",
"webp"
]
}
dist/index.html 0 → 100644
View file @ 6506a8cf
<!doctype html><html lang="zh"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="dns-prefetch" href="//yun.duiba.com.cn"/><link rel="preconnect" href="//embedlog.duiba.com.cn"><title>新客九重礼</title><script>if (localStorage && localStorage.isWebp) {
document
.getElementsByTagName('html')[0]
.setAttribute('duiba-webp', 'true');
}</script><script src="//yun.duiba.com.cn/spark/v2/spark.base.fz.wxpollyfill.js"></script><script src="//yun.duiba.com.cn/js-libs/rem/1.1.3/rem.min.js"></script><script src="//yun.duiba.com.cn/h5/lib/zepto.min.js"></script><script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script><link rel="stylesheet" href="//yun.duiba.com.cn/h5/lib/reset.css"><script src="https://cdn2.h5no1.com/cbsp-telegraph/opfStatisticSdk.v3.min.js"></script><script>"use strict";
window.terminal = function () {
var u = navigator.userAgent;
// app = navigator.appVersion;
return {
// 浏览器版本信息
trident: u.indexOf('Trident') > -1,
presto: u.indexOf('Presto') > -1,
webKit: u.indexOf('AppleWebKit') > -1,
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') > -1,
mobile: !!u.match(/AppleWebKit.*Mobile.*/),
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
iPhone: u.indexOf('iPhone') > -1,
iPad: u.indexOf('iPad') > -1,
webApp: u.indexOf('Safari') > -1,
weixin: u.indexOf('MicroMessenger') > -1 && u.replace(/.*(MicroMessenger\/[^\s]*).*/, '$1').replace('MicroMessenger/', '') || false,
appVersion: u.indexOf('bocapp(') > -1 ? u.match(/bocapp\(\S+\)/)[0].slice(7, -1) : '3.0.0',
app: u.indexOf('bocapp(') > -1,
isWeixin: u.indexOf('MicroMessenger') > -1
};
}();
/**
* 引入cordova
*/
if (window.terminal.app) {
var script = document.createElement('script');
// eslint-disable-next-line @spark/best-practices/no-url-in-js
var path = 'https://ebsnew.boc.cn/bocphone/BocMerchant/'; // 生产环境
// 外网环境直接引用生产地址即可，若需新增cordova方法，另行提供DMZ区地址
if (window.terminal.ios) {
script.src = path + 'paylib/ios.js';
} else if (window.terminal.android) {
script.src = path + 'paylib/android.js';
} else {
alert('无法识别终端类型');
}
document.getElementsByTagName('head')[0].appendChild(script);
}</script><script>"use strict";
var CFG = CFG || {};
CFG.projectId = location.pathname.split('/')[2] || '1';
function getUrlParam(name) {
var search = window.location.search;
var matched = search.slice(1).match(new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'));
return search.length ? matched && matched[2] : null;
}
CFG.appID = '${APPID}';
CFG.domain = location.origin;
CFG.appKey = '3CDJtKxCbGB7eh3Mxj2guJKRvfgK';
if (CFG.projectId == 'p2b588cb1') {
// 测试环境
CFG.appKey = '3PT1ia3EjnkhqpkqtvvYn9Sph3vQ';
}
// 长图页
CFG.imgPageUrl = "/projectx/" + CFG.projectId + "/img.html?appID=" + CFG.appID + "&imgUrl=";
// 首页
CFG.indexUrl = "/projectx/" + CFG.projectId + "/index.html?appID=" + CFG.appID;
// 是否app分享页面 1是app分享页面
CFG.isAppShare = getUrlParam('appShare') || '';
// 行方埋点参数
CFG.opfStatisticSdk_pfid = "be_2zFRQQ2Fb";
CFG.opfStatisticSdk_appid = "db5681a6-2bdf-4e6d-8c96-930e988c3b3b";
if (CFG.projectId == 'p2b588cb1') {
// 测试项目
CFG.opfStatisticSdk_pfid = "be_2zFRQQ2Fb";
CFG.opfStatisticSdk_appid = "d4168704-ab8a-42ac-b9f6-d816bd7e1062";
}
// app端投放的商户id
CFG.MER_ID = getUrlParam('merId') || '10478';
if (!getUrlParam("appID")) {
// alert("【警告】检测到活动url中没有appID参数\n缺少该参数会导致埋点、分享、app信息获取错误。")
}</script><link href="//yun.duiba.com.cn/spark/v2/temp_base/1747277736404/styles/main.292c15b795ad365a9ed0.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>"use strict";
CFG.___G___ = 'liaoying1%3Borigin%09git%40gitlab2.dui88.com%3Asparkprojects%2FZZH_NewGuestGift-20250408.git%20(fetch)%3Borigin%09git%40gitlab2.dui88.com%3Asparkprojects%2FZZH_NewGuestGift-20250408.git%20(push)%3Bdev%3B';</script><script src="//yun.duiba.com.cn/spark/v2/temp_base/1747277736404/js/runtime-main.b9c4c288.js" crossorigin="anonymous"></script><script src="//yun.duiba.com.cn/spark/v2/temp_base/1747277736404/js/vendors.414ac031.js" crossorigin="anonymous"></script><script src="//yun.duiba.com.cn/spark/v2/temp_base/1747277736404/js/main.d7118f27.js" crossorigin="anonymous"></script></body></html>
\ No newline at end of file
dist/js/main.d7118f27.js 0 → 100644
View file @ 6506a8cf
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/js/main.d7118f27.js.map 0 → 100644
View file @ 6506a8cf
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/js/runtime-main.b9c4c288.js 0 → 100644
View file @ 6506a8cf
!function(e){function r(r){for(var n,a,l=r[0],i=r[1],p=r[2],c=0,s=[];c<l.length;c++)a=l[c],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&s.push(o[a][0]),o[a]=0;for(n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n]);for(f&&f(r);s.length;)s.shift()();return u.push.apply(u,p||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,l=1;l<t.length;l++){var i=t[l];0!==o[i]&&(n=!1)}n&&(u.splice(r--,1),e=a(a.s=t[0]))}return e}var n={},o={1:0},u=[];function a(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,a),t.l=!0,t.exports}a.m=e,a.c=n,a.d=function(e,r,t){a.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,r){if(1&r&&(e=a(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(a.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)a.d(t,n,function(r){return e[r]}.bind(null,n));return t},a.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(r,"a",r),r},a.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},a.p="//yun.duiba.com.cn/spark/v2/temp_base/1747277736404/";var l=window.webpackJsonp=window.webpackJsonp||[],i=l.push.bind(l);l.push=r,l=l.slice();for(var p=0;p<l.length;p++)r(l[p]);var f=i;t()}([]);
//# sourceMappingURL=runtime-main.b9c4c288.js.map
\ No newline at end of file
dist/js/runtime-main.b9c4c288.js.map 0 → 100644
View file @ 6506a8cf
{"version":3,"sources":["webpack:///webpack/bootstrap"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice"],"mappings":"aACE,SAASA,EAAqBC,GAQ7B,IAPA,IAMIC,EAAUC,EANVC,EAAWH,EAAK,GAChBI,EAAcJ,EAAK,GACnBK,EAAiBL,EAAK,GAIHM,EAAI,EAAGC,EAAW,GACpCD,EAAIH,EAASK,OAAQF,IACzBJ,EAAUC,EAASG,GAChBG,OAAOC,UAAUC,eAAeC,KAAKC,EAAiBX,IAAYW,EAAgBX,IACpFK,EAASO,KAAKD,EAAgBX,GAAS,IAExCW,EAAgBX,GAAW,EAE5B,IAAID,KAAYG,EACZK,OAAOC,UAAUC,eAAeC,KAAKR,EAAaH,KACpDc,EAAQd,GAAYG,EAAYH,IAKlC,IAFGe,GAAqBA,EAAoBhB,GAEtCO,EAASC,QACdD,EAASU,OAATV,GAOD,OAHAW,EAAgBJ,KAAKK,MAAMD,EAAiBb,GAAkB,IAGvDe,GACR,CACA,SAASA,IAER,IADA,IAAIC,EACIf,EAAI,EAAGA,EAAIY,EAAgBV,OAAQF,IAAK,CAG/C,IAFA,IAAIgB,EAAiBJ,EAAgBZ,GACjCiB,GAAY,EACRC,EAAI,EAAGA,EAAIF,EAAed,OAAQgB,IAAK,CAC9C,IAAIC,EAAQH,EAAeE,GACG,IAA3BX,EAAgBY,KAAcF,GAAY,EAC9C,CACGA,IACFL,EAAgBQ,OAAOpB,IAAK,GAC5Be,EAASM,EAAoBA,EAAoBC,EAAIN,EAAe,IAEtE,CAEA,OAAOD,CACR,CAGA,IAAIQ,EAAmB,CAAC,EAKpBhB,EAAkB,CACrB,EAAG,GAGAK,EAAkB,GAGtB,SAASS,EAAoB1B,GAG5B,GAAG4B,EAAiB5B,GACnB,OAAO4B,EAAiB5B,GAAU6B,QAGnC,IAAIC,EAASF,EAAiB5B,GAAY,CACzCK,EAAGL,EACH+B,GAAG,EACHF,QAAS,CAAC,GAUX,OANAf,EAAQd,GAAUW,KAAKmB,EAAOD,QAASC,EAAQA,EAAOD,QAASH,GAG/DI,EAAOC,GAAI,EAGJD,EAAOD,OACf,CAIAH,EAAoBM,EAAIlB,EAGxBY,EAAoBO,EAAIL,EAGxBF,EAAoBQ,EAAI,SAASL,EAASM,EAAMC,GAC3CV,EAAoBW,EAAER,EAASM,IAClC3B,OAAO8B,eAAeT,EAASM,EAAM,CAAEI,YAAY,EAAMC,IAAKJ,GAEhE,EAGAV,EAAoBe,EAAI,SAASZ,GACX,oBAAXa,QAA0BA,OAAOC,aAC1CnC,OAAO8B,eAAeT,EAASa,OAAOC,YAAa,CAAEC,MAAO,WAE7DpC,OAAO8B,eAAeT,EAAS,aAAc,CAAEe,OAAO,GACvD,EAOAlB,EAAoBmB,EAAI,SAASD,EAAOE,GAEvC,GADU,EAAPA,IAAUF,EAAQlB,EAAoBkB,IAC/B,EAAPE,EAAU,OAAOF,EACpB,GAAW,EAAPE,GAA8B,iBAAVF,GAAsBA,GAASA,EAAMG,WAAY,OAAOH,EAChF,IAAII,EAAKxC,OAAOyC,OAAO,MAGvB,GAFAvB,EAAoBe,EAAEO,GACtBxC,OAAO8B,eAAeU,EAAI,UAAW,CAAET,YAAY,EAAMK,MAAOA,IACtD,EAAPE,GAA4B,iBAATF,EAAmB,IAAI,IAAIM,KAAON,EAAOlB,EAAoBQ,EAAEc,EAAIE,EAAK,SAASA,GAAO,OAAON,EAAMM,EAAM,EAAEC,KAAK,KAAMD,IAC9I,OAAOF,CACR,EAGAtB,EAAoB0B,EAAI,SAAStB,GAChC,IAAIM,EAASN,GAAUA,EAAOiB,WAC7B,WAAwB,OAAOjB,EAAgB,OAAG,EAClD,WAA8B,OAAOA,CAAQ,EAE9C,OADAJ,EAAoBQ,EAAEE,EAAQ,IAAKA,GAC5BA,CACR,EAGAV,EAAoBW,EAAI,SAASgB,EAAQC,GAAY,OAAO9C,OAAOC,UAAUC,eAAeC,KAAK0C,EAAQC,EAAW,EAGpH5B,EAAoB6B,EAAI,uDAExB,IAAIC,EAAaC,OAAqB,aAAIA,OAAqB,cAAK,GAChEC,EAAmBF,EAAW3C,KAAKsC,KAAKK,GAC5CA,EAAW3C,KAAOf,EAClB0D,EAAaA,EAAWG,QACxB,IAAI,IAAItD,EAAI,EAAGA,EAAImD,EAAWjD,OAAQF,IAAKP,EAAqB0D,EAAWnD,IAC3E,IAAIU,EAAsB2C,EAI1BvC,G","file":"js/runtime-main.b9c4c288.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t1: 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"//yun.duiba.com.cn/spark/v2/temp_base/1747277736404/\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// run deferred modules from other chunks\n \tcheckDeferredModules();\n"],"sourceRoot":""}
\ No newline at end of file
dist/js/vendors.414ac031.js 0 → 100644
View file @ 6506a8cf
This diff is collapsed.
dist/js/vendors.414ac031.js.map 0 → 100644
View file @ 6506a8cf
This diff is collapsed.
dist/styles/main.292c15b795ad365a9ed0.css 0 → 100644
View file @ 6506a8cf
*{margin:0;padding:0;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-user-select:text}*,:not(input,textarea){-webkit-touch-callout:none}:not(input,textarea){-webkit-user-select:none}body,html{font-size:.24rem;width:100%;height:100%;-webkit-text-size-adjust:100%!important;-ms-text-size-adjust:100%!important;text-size-adjust:100%!important;-moz-text-size-adjust:100%!important}.modal_center{left:0!important;top:0!important;bottom:0!important;right:0!important;margin:auto}#root,.com_Container{width:100%;height:100%;position:relative}.com_Container{overflow-x:hidden;overflow-y:auto}.rulepop{height:11rem}.rulepop,.rulepop .beiJing{width:5.5rem;left:0;top:0;position:absolute}.rulepop .beiJing{height:10rem;background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;background-image:url(//yun.duiba.com.cn/spark/v2/temp_base/1747277730652/rulePop/%E8%83%8C%E6%99%AF.png)}[duiba-webp=true] .rulepop .beiJing{background-image:url(//yun.duiba.com.cn/spark/v2/temp_base/1747277730652/rulePop/%E8%83%8C%E6%99%AF.png?x-oss-process=image%2Fformat%2Cwebp)}.rulepop .beiJing.two{background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;background-image:url(//yun.duiba.com.cn/spark/v2/temp_base/1747277730652/rulePop/%E8%83%8C%E6%99%AF2.png)}[duiba-webp=true] .rulepop .beiJing.two{background-image:url(//yun.duiba.com.cn/spark/v2/temp_base/1747277730652/rulePop/%E8%83%8C%E6%99%AF2.png?x-oss-process=image%2Fformat%2Cwebp)}.rulepop .close_btn{width:.54rem;height:.54rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:10.5rem;position:absolute;background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;background-image:url(//yun.duiba.com.cn/spark/v2/temp_base/1747277730652/rulePop/close_btn.png);opacity:.4}[duiba-webp=true] .rulepop .close_btn{background-image:url(//yun.duiba.com.cn/spark/v2/temp_base/1747277730652/rulePop/close_btn.png?x-oss-process=image%2Fformat%2Cwebp)}.rulepop .btn{width:3.12rem;height:.99rem;background-repeat:no-repeat;background-size:100% 100%;background-position:0 0}.rulepop .btn.anNiu{left:1.17rem;top:8.68rem;position:absolute}.rulepop .btn.anNiu1{left:1.17rem;top:4.58rem;position:absolute}.rulepop .btn.anNiu2{left:1.17rem;top:8.69rem;position:absolute}.rulepop .txt{font-size:.26rem;color:#904000;word-break:break-all;overflow-y:auto}.rulepop .txt::-webkit-scrollbar{width:.07rem;border-radius:10rpx}.rulepop .txt::-webkit-scrollbar-track{background:#fae5bb;border-radius:10rpx}.rulepop .txt::-webkit-scrollbar-thumb{background:#fcae77}.rulepop .ruleInfo{width:4.65rem;height:6.25rem;left:.47rem;top:1.84rem;position:absolute}.rulepop .ruleInfo,.rulepop .ruleInfo1,.rulepop .ruleInfo2{padding:0 .06rem;-webkit-box-sizing:border-box;box-sizing:border-box}.rulepop .ruleInfo1,.rulepop .ruleInfo2{width:4.55rem;left:.48rem}.rulepop .ruleInfo1{height:2.82rem;top:1.69rem;position:absolute}.rulepop .ruleInfo2{height:2.68rem;top:5.95rem;position:absolute}.ruleInfo table{width:100%;border-collapse:collapse;margin:.12rem 0;border:none}.ruleInfo table td,.ruleInfo table th{position:relative;border:none;padding:.08rem;font-size:.14rem;line-height:1.5;color:#333}.ruleInfo th{font-weight:700}.ruleInfo table a{color:#1677ff;text-decoration:none}.ruleInfo table a:hover{color:#4096ff;text-decoration:underline}.ruleInfo td:after,.ruleInfo th:after{content:"";position:absolute;top:0;left:0;width:200%;height:200%;border:.01rem solid #000;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;-webkit-box-sizing:border-box;box-sizing:border-box}.modal-hoc-bg{position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.8);z-index:1000}.shareGuidePop{width:7.5rem;height:16.24rem;left:0;top:0;position:absolute}.shareGuidePop .share_guide{width:3.62rem;height:2.12rem;left:3.41rem;top:.29rem;position:absolute;background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;background-image:url(//yun.duiba.com.cn/spark/v2/temp_base/1747277730652/shareGuidePop/share_guide.png)}[duiba-webp=true] .shareGuidePop .share_guide{background-image:url(//yun.duiba.com.cn/spark/v2/temp_base/1747277730652/shareGuidePop/share_guide.png?x-oss-process=image%2Fformat%2Cwebp)}.loading{position:absolute;left:0;top:0;width:100%;height:100%;background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;background-image:url(//yun.duiba.com.cn/spark/v2/temp_base/1747277730652/LoadingPage/loadingBg.jpg);background-size:7.5rem 16.24rem}[duiba-webp=true] .loading{background-image:url(//yun.duiba.com.cn/spark/v2/temp_base/1747277730652/LoadingPage/loadingBg.jpg?x-oss-process=image%2Fformat%2Cwebp)}.loading .loading-ip{position:absolute;left:1.98rem;top:4.19rem;width:5.7rem;height:5.08rem;background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;background-image:url(//yun.duiba.com.cn/spark/v2/temp_base/1747277730652/LoadingPage/loadingIp.png)}[duiba-webp=true] .loading .loading-ip{background-image:url(//yun.duiba.com.cn/spark/v2/temp_base/1747277730652/LoadingPage/loadingIp.png?x-oss-process=image%2Fformat%2Cwebp)}.loading .progressBarBg{position:absolute;left:.82rem;top:7.45rem;width:5.9rem;height:.3rem;border-radius:1.18rem;background:#fce4d4;border:.02rem solid #fff}.loading .progressBar{position:absolute;left:.84rem;top:7.47rem;width:5.9rem;height:.3rem;overflow:hidden;border-radius:1.18rem}.loading .progressBar .progressBarFill{position:absolute;left:0;top:0;width:5.9rem;height:.3rem;background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;background-image:url(//yun.duiba.com.cn/spark/v2/temp_base/1747277730652/LoadingPage/loadingFill.png)}[duiba-webp=true] .loading .progressBar .progressBarFill{background-image:url(//yun.duiba.com.cn/spark/v2/temp_base/1747277730652/LoadingPage/loadingFill.png?x-oss-process=image%2Fformat%2Cwebp)}.loading .progressTxt{position:absolute;left:2.46rem;top:7.99rem;width:2.56rem;height:.22rem;opacity:1;font-size:.24rem;font-weight:400;line-height:.22rem;color:#999}.fade-in{opacity:0;-webkit-animation:fadeIn ease-in 1;animation:fadeIn ease-in 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;animation-duration:1s}@-webkit-keyframes fadeIn{0%{opacity:0}70%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}70%{opacity:0}to{opacity:1}}.ruleStyle{overflow-x:hidden;overflow-y:scroll;word-break:break-all}.topPop_move{-webkit-animation:move_top_ani .5s ease-in-out;animation:move_top_ani .5s ease-in-out}@-webkit-keyframes move_top_ani{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes move_top_ani{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.shouYe{position:relative;width:7.5rem;min-height:100%;top:-1.8rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.shouYe .beiJing{display:block;width:7.5rem;height:auto}.shouYe .activityInfo{left:.1rem;top:7.13rem;position:absolute}.shouYe .activityInfo .item{position:absolute}.shouYe .activityInfo .item_0{width:4.45rem;height:3.94rem;left:1.68rem;top:0;position:absolute}.shouYe .activityInfo .item_1{width:3.38rem;height:3.11rem;left:.02rem;top:3.5rem;position:absolute}.shouYe .activityInfo .item_2{width:3.38rem;height:3.52rem;left:3.79rem;top:4.07rem;position:absolute}.shouYe .activityInfo .item_3{width:3.96rem;height:3.03rem;left:.01rem;top:7.26rem;position:absolute;z-index:21}.shouYe .activityInfo .item_4{width:3.38rem;height:3.1rem;left:3.83rem;top:8.03rem;position:absolute}.shouYe .activityInfo .item_5{width:3.38rem;height:3.53rem;left:.05rem;top:10.78rem;position:absolute}.shouYe .activityInfo .item_6{width:3.38rem;height:3.51rem;left:3.83rem;top:11.78rem;position:absolute}.shouYe .activityInfo .item_7{width:3.78rem;height:3.13rem;left:0;top:14.63rem;position:absolute;z-index:21}.shouYe .activityInfo .item_8{width:4.84rem;height:3.97rem;left:2.38rem;top:16.82rem;position:absolute}.shouYe .bannerInfo{width:7.5rem;height:auto;left:0;top:28.12rem;position:absolute;padding-bottom:.2rem}.shouYe .bannerInfo .banner{display:block;width:6.59rem;height:1.99rem;position:relative;margin:0 auto .16rem;overflow:hidden;border-radius:.2rem}.shouYe .share{width:.87rem;height:.45rem;top:2.35rem;right:0;position:absolute;background-repeat:no-repeat;background-size:100% 100%;background-position:0 0;background-image:url(//yun.duiba.com.cn/spark/v2/temp_base/1747277730652/%E9%A6%96%E9%A1%B5/%E5%88%86%E4%BA%AB.png)}[duiba-webp=true] .shouYe .share{background-image:url(//yun.duiba.com.cn/spark/v2/temp_base/1747277730652/%E9%A6%96%E9%A1%B5/%E5%88%86%E4%BA%AB.png?x-oss-process=image%2Fformat%2Cwebp)}.shouYe img{width:100%;height:auto}.floating{width:1.27rem;z-index:100000;left:6.07rem;bottom:1.28rem;position:fixed}.floating .icon-box{position:relative}.floating .fuChuang{display:block;width:1.27rem;height:1.26rem}.floating .closeBtn{position:absolute;right:0;top:0;display:block;width:.32rem;height:.32rem;overflow:hidden;opacity:.6}
\ No newline at end of file
jsconfig.json 0 → 100644
View file @ 6506a8cf
{
"compilerOptions": {
"experimentalDecorators": true,
"baseUrl": "./",
"paths": {
"@src/*": ["src/*"]
}
},
"exclude": [
"node_modules"
]
}
\ No newline at end of file
loc.json 0 → 100644
View file @ 6506a8cf
{"numOfComponents":5048,"numOfProject":1599}
\ No newline at end of file
mock/Crypto.js 0 → 100644
View file @ 6506a8cf
const {AES, enc, mode, pad} = require("crypto-js");
const getOptions = (iv) => {
return {
iv: enc.Utf8.parse(iv),
mode: mode.CBC,
padding: pad.ZeroPadding,
};
}
/** 加密 */
exports.AESEncrypt = (str, key, iv) => {
const options = getOptions(iv);
return AES.encrypt(str, enc.Utf8.parse(key), options).toString();
};
/** 解密 */
exports.AESDecrypt = (cipherText, key, iv) => {
const options = getOptions(iv);
return AES.decrypt(cipherText, enc.Utf8.parse(key), options)
.toString(enc.Utf8)
.trim()
.replace(//g, '')
.replace(//g, '')
.replace(/\v/g, '')
.replace(/\x00/g, '');
};
mock/common/coopFrontVariable.js 0 → 100644
View file @ 6506a8cf
module.exports = {
success: true,
message: null,
code: null,
timeStamp: 1744872761704,
data: {
floatingInfo:
'{"img":"//yun.duiba.com.cn/polaris/浮窗.89b6cca48e36ca24674512910386363f08644605.png","appUrl":"Au9NAuPYCjyfV3XvIHTtkM9sIGhrlwXvHjKgWNK=","wxUrl":"https://mbs.boc.cn/v/a/f36sq6BLIf"}',
shareInfo:
'{"title":"最高享1288元立减金","content":"新开中行户 福利轻松享 常用中行卡 优惠随时有","url":"https://activity.dexfu.cn/customShare/share?id=Did1NjA2NzE","thumbnail":"https://yun.duiba.com.cn/polaris/900_1125.b33bb450c3b4242a76713cb8338c3850186e6b20.jpg"}',
pageBgImg: "https://yun.duiba.com.cn/ZZH_NewGuestGift/bg.gif",
},
};
mock/common/drawNum.js 0 → 100644
View file @ 6506a8cf
module.exports = {
"data": 3,
"success": true
}
\ No newline at end of file
mock/common/homeInfo.js 0 → 100644
View file @ 6506a8cf
This diff is collapsed.
mock/common/rule.js 0 → 100644
View file @ 6506a8cf
module.exports = {
"data": "<p>以下是游戏规则：手速要快，点击红包雨。。333。。。。。。。。。。。。。。。。。。。。11111111111111sadasdadadsad5555555557777777777799999999999911111111111111111111111222222222222222222222222222222222222222222222222222222222222222333333333333333333333333333333333333333333333333333333333333311111111111111111111111111111111111111111111111111111111111111122222222222222222222222222222222222222222222222222222222222222233333333333333333333333333333333333333333333333333333333333331111111111111111111111111111111111111111111111111111111111111112222222222222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333333333333333333</p>",
"success": true
}
\ No newline at end of file
mock/common/userInfo.js 0 → 100644
View file @ 6506a8cf
module.exports = {
success: true,
message: "报错了~",
code: null,
data: {
login: true,
unionid: null,
customerId: "427829621",
ibknum: "45129",
openid: null,
branchId: "10001",
},
};
mock/index.js 0 → 100644
View file @ 6506a8cf
const rule = require("./common/rule");
const drawNum = require("./common/drawNum");
const coopFrontVariable = require("./common/coopFrontVariable");
const {AESEncrypt} = require("./Crypto");
const homeInfo = require("./common/homeInfo");
const userInfo = require("./common/userInfo");
const proxy = {
...require("./project"),
"GET /projectRule.query": rule,
"GET /drawNum.query": drawNum,
"GET /coop_frontVariable.query": coopFrontVariable,
"GET /spring/start.do": {
"code": "code",
"success": true,
"message": "message",
"timeStamp": Date.now(),
"data": AESEncrypt(JSON.stringify({
"startId": "officia",
"countDown": 30
}), "1696BD3E5BB915A0", "cDOiBC1n2QrkAY2P"),
},
"GET /activity/index.do": homeInfo,
"GET /activity/userInfo.do": userInfo,
};
module.exports = proxy;
mock/project/index.js 0 → 100644
View file @ 6506a8cf
const fs = require('fs')
let proxy = {}
fs.readdirSync(__dirname)
.some(filename => {
if (filename !== 'index.js') {
proxy = Object.assign(proxy, require('./' + filename))
}
})
module.exports = proxy;
package.json 0 → 100644
View file @ 6506a8cf
{
"name": "temp_base",
"version": "3.6.8",
"private": true,
"scripts": {
"dev": "cross-env NODE_ENV=development node ./config/scripts/assets/generateAssetList.js && node ./config/webpack.dev.config.js",
"imgmin": "node ./config/scripts/assets/index.js imgmin",
"imgup": "node ./config/scripts/assets/index.js imgup",
"imgminup": "node ./config/scripts/assets/index.js imgmin imgup",
"spark:prebuild": "ncu @spark/pre-build -u && yarn && npx pre-build",
"lint": "eslint --ext .js,jsx,.html src public",
"prod": "rimraf ./dist &&cross-env NODE_ENV=production node ./config/webpack.prod.config.js",
"build": "rimraf ./dist &&cross-env NODE_ENV=production node ./config/scripts/assets/generateAssetList.js && node ./config/scripts/assets/index.js imgmin imgup && node ./config/webpack.prod.config.js"
},
"dependencies": {
"@spark/api-base": "^2.0.7",
"@spark/dbdomain": "^1.0.25",
"@spark/share": "^2.0.340",
"@spark/svgaplayer": "^2.0.5",
"@spark/ui": "^2.0.8",
"@spark/utils": "^2.0.17",
"classnames": "^2.5.1",
"crypto-js": "^4.2.0",
"duiba-utils": "^1.0.2",
"history": "^4.10.1",
"javascript-obfuscator": "^4.1.0",
"mobx": "^6.2.0",
"mobx-react": "^7.1.0",
"qs": "^6.9.4",
"react": "^16.4.1",
"react-dom": "^16.4.1",
"spark-utils": "^0.0.12",
"terser-webpack-plugin": "4.2.3"
},
"devDependencies": {
"@babel/core": "^7.12.10",
"@babel/eslint-parser": "^7.17.0",
"@babel/plugin-proposal-decorators": "^7.13.15",
"@babel/plugin-transform-runtime": "^7.12.10",
"@babel/preset-env": "^7.12.11",
"@babel/preset-react": "^7.12.10",
"@spark/eslint-plugin-best-practices": "^0.0.1-beta.2",
"@spark/eslint-plugin-security": "^0.0.1-beta.5",
"@spark/pre-build": "^0.0.1-beta.11",
"@types/crypto-js": "^4.2.2",
"autoprefixer": "^9.8.6",
"babel-loader": "^8.2.2",
"chalk": "^4.1.0",
"clean-webpack-plugin": "^3.0.0",
"commander": "^11.1.0",
"cross-env": "^7.0.3",
"css-loader": "^3.6.0",
"eslint": "^8.22.0",
"eslint-plugin-html": "^6.2.0",
"eslint-plugin-react": "^7.29.4",
"fs-extra": "^9.0.1",
"html-webpack-plugin": "^4.5.1",
"less": "^4.1.0",
"less-loader": "^7.2.1",
"mini-css-extract-plugin": "^1.3.4",
"mocker-api": "^2.7.5",
"npm-check-updates": "^12.5.4",
"optimize-css-assets-webpack-plugin": "^5.0.4",
"postcss-loader": "^3.0.0",
"postcss-px2rem-exclude": "0.0.6",
"prettier": "^2.0.5",
"progress-bar-webpack-plugin": "^2.1.0",
"rimraf": "^3.0.2",
"script-ext-html-webpack-plugin": "^2.1.5",
"spark-assets": "^2.6.2",
"spark-log-event": "^1.0.4",
"style-loader": "^1.2.1",
"url-loader": "^4.1.1",
"webpack": "^4.43.0",
"webpack-bundle-analyzer": "^4.5.0",
"webpack-cli": "^4.3.1",
"webpack-dev-server": "^3.11.0",
"webpack-merge": "^4.2.2"
}
}
project.settings.json 0 → 100644
View file @ 6506a8cf
{"proSetting":{"projectxIDs":{"testId":[],"prodId":[{"label":"线上测试","value":"p2b588cb1"},{"label":"线上正式","value":"p47d5ddb4"}]},"skinVariables":[]},"envSetting":{},"psdSetting":{"psdFSSetting":true,"psdCenterSetting":true}}
public/index.html 0 → 100644
View file @ 6506a8cf
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<link rel="dns-prefetch" href="//yun.duiba.com.cn" />
<link rel="preconnect" href="//embedlog.duiba.com.cn">
<title>新客九重礼</title>
<script type="text/javascript">
if (localStorage && localStorage.isWebp) {
document
.getElementsByTagName('html')[0]
.setAttribute('duiba-webp', 'true');
}
</script>
<script src="//yun.duiba.com.cn/spark/v2/spark.base.fz.wxpollyfill.js"></script>
<script src="//yun.duiba.com.cn/js-libs/rem/1.1.3/rem.min.js"></script>
<script src="//yun.duiba.com.cn/h5/lib/zepto.min.js"></script>
<script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<link rel="stylesheet" href="//yun.duiba.com.cn/h5/lib/reset.css">
<!-- 埋点测试 -->
<!-- <script src="https://cdn2.h5no1.com/cbsp-telegraph/opfStatisticSdk.v3.t2.js"></script> -->
<script src="https://cdn2.h5no1.com/cbsp-telegraph/opfStatisticSdk.v3.min.js"></script>
<script>
window.terminal = (function () {
var u = navigator.userAgent;
// app = navigator.appVersion;
return {
// 浏览器版本信息
trident: u.indexOf('Trident') > -1,
presto: u.indexOf('Presto') > -1,
webKit: u.indexOf('AppleWebKit') > -1,
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') > -1,
mobile: !!u.match(/AppleWebKit.*Mobile.*/),
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,
iPhone: u.indexOf('iPhone') > -1,
iPad: u.indexOf('iPad') > -1,
webApp: u.indexOf('Safari') > -1,
weixin:
(u.indexOf('MicroMessenger') > -1 &&
u.replace(/.*(MicroMessenger\/[^\s]*).*/, '$1').replace('MicroMessenger/', '')) ||
false,
appVersion: u.indexOf('bocapp(') > -1 ? u.match(/bocapp\(\S+\)/)[0].slice(7, -1) : '3.0.0',
app: u.indexOf('bocapp(') > -1,
isWeixin: u.indexOf('MicroMessenger') > -1
};
})();
/**
* 引入cordova
*/
if (window.terminal.app) {
var script = document.createElement('script');
// eslint-disable-next-line @spark/best-practices/no-url-in-js
var path = 'https://ebsnew.boc.cn/bocphone/BocMerchant/'; // 生产环境
// 外网环境直接引用生产地址即可，若需新增cordova方法，另行提供DMZ区地址
if (window.terminal.ios) {
script.src = path + 'paylib/ios.js';
} else if (window.terminal.android) {
script.src = path + 'paylib/android.js';
} else {
alert('无法识别终端类型');
}
document.getElementsByTagName('head')[0].appendChild(script);
}
</script>
<script>
var CFG = CFG || {};
CFG.projectId = location.pathname.split('/')[2] || '1';
function getUrlParam (name) {
var search = window.location.search;
var matched = search
.slice(1)
.match(new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'));
return search.length ? matched && matched[2] : null;
}
CFG.appID = '${APPID}';
CFG.domain = location.origin;
CFG.appKey = '3CDJtKxCbGB7eh3Mxj2guJKRvfgK';
if (CFG.projectId == 'p2b588cb1') { // 测试环境
CFG.appKey = '3PT1ia3EjnkhqpkqtvvYn9Sph3vQ';
}
// 长图页
CFG.imgPageUrl = "/projectx/" + CFG.projectId + "/img.html?appID=" + CFG.appID + "&imgUrl=";
// 首页
CFG.indexUrl = "/projectx/" + CFG.projectId + "/index.html?appID=" + CFG.appID;
// 是否app分享页面 1是app分享页面
CFG.isAppShare = getUrlParam('appShare') || '';
// 行方埋点参数
CFG.opfStatisticSdk_pfid = "be_2zFRQQ2Fb";
CFG.opfStatisticSdk_appid = "db5681a6-2bdf-4e6d-8c96-930e988c3b3b";
if (CFG.projectId == 'p2b588cb1') { // 测试项目
CFG.opfStatisticSdk_pfid = "be_2zFRQQ2Fb";
CFG.opfStatisticSdk_appid = "d4168704-ab8a-42ac-b9f6-d816bd7e1062";
}
// app端投放的商户id
CFG.MER_ID = getUrlParam('merId') || '10478';
if (!getUrlParam("appID")) {
// alert("【警告】检测到活动url中没有appID参数\n缺少该参数会导致埋点、分享、app信息获取错误。")
}
</script>
</head>
<body>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div id="root"></div>
<!--
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
You can add webfonts, meta tags, or analytics to this file.
The build step will place the bundled scripts into the <body> tag.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
</body>
</html>
spark.config.json 0 → 100644
View file @ 6506a8cf
{"proName":"中总行新客九重礼-20250408","proDesc":"","proPath":"/Users/duibagroup/Downloads/duiba-wyx/2025/九重礼/SparkProjects","createTime":1744082788556}
sparkrc.js 0 → 100644
View file @ 6506a8cf
module.exports ={
"OUTPUT_DIR": "dist",
"SOURCE_DIR": "src",
"TEMP_DIR": "./.temp",
"ENTRY": "src/app.jsx",
"TEMPLATE": "./public/index.html",
"API_MOCK": true,
"PX2REM": true,
"IMAGE_Q1": 0.6,
"IMAGE_Q2": 0.8,
"RES_PATH": "/src/assets/",
"RES_PATH_PROD": "//yun.duiba.com.cn/spark/v2/temp_base/1747277730652",
"JS_PATH_PROD": "https://yun.duiba.com.cn/spark/v2/temp_base/1747277736404/js"
}
\ No newline at end of file
sparkrescfg.json 0 → 100644
View file @ 6506a8cf
{"assetsPathArr":["//yun.duiba.com.cn/spark/v2/temp_base/1678169645525/loadingDemo/上面.png","//yun.duiba.com.cn/spark/v2/temp_base/1678169645525/loadingDemo/底部173.png","//yun.duiba.com.cn/spark/v2/temp_base/1678169645525/loadingDemo/背景.jpg"]}
\ No newline at end of file
src/AppTool.js 0 → 100644
View file @ 6506a8cf
/**
* 普通跳转客服
* 注意:小程序需要额外增加业务域名 https://duiba.qiyukf.com/
*/
export function jumpService() {
location.href = location.origin + "/faq/index";
}
// app跳转
export function appJump(url) {
console.info("app跳转:", url);
if (url.indexOf("http") > -1) {
window.location.href = url;
return;
}
const setting = {
page: url,
};
window.c_plugins.merchantBridge.goToNative(
function (res) {
console.info(res);
},
function (err) {
console.info(err);
},
setting
);
}
function caesarCipher(str, shift) {
let result = "";
for (let i = 0; i < str.length; i++) {
const char = str.charCodeAt(i);
if (char >= 65 && char <= 90) {
result += String.fromCharCode(((char - 65 + shift) % 26) + 65);
} else if (char >= 97 && char <= 122) {
result += String.fromCharCode(((char - 97 + shift) % 26) + 97);
} else {
result += str[i];
}
}
return result;
}
export function caesarDecipher(str, shift) {
return caesarCipher(str, 26 - shift);
}
export const urlToBase64 = async (url) => {
try {
const response = await fetch(url);
const blob = await response.blob();
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.onloadend = () => resolve(reader.result);
reader.onerror = reject;
reader.readAsDataURL(blob);
});
} catch (error) {
console.error("Error converting image to base64:", error);
throw error;
}
};
// app分享
export async function appShare(shareInfo) {
console.info("app分享", shareInfo);
// const base64String = await urlToBase64(shareInfo.thumbnail);
const base64String = (await urlToBase64(shareInfo.thumbnail))?.split("base64,")[1];
console.info("base64String", base64String); // 输出base64编码后的字符串
window.c_plugins.merchantBridge.weixinShare(
function () {
console.info("这是成功回调");
},
function () {
console.info("这是失败回调");
},
{
title: shareInfo.title, // 分享标题
description: shareInfo.content, // 分享内容
url: shareInfo.url, // 分享链接
img: base64String, // 分享缩略图必须是base64图片
}
);
}
// app 组合分享 （没有落地页）
export async function appMultiShareTools(shareInfo) {
console.info("app组合分享", shareInfo);
const base64String = (await urlToBase64(shareInfo.thumbnail))?.split("base64,")[1];
// console.info('base64String', base64String); // 输出base64编码后的字符串
window.c_plugins &&
window.c_plugins.merchantBridge.multiShareTools(
function (data) {
console.info("这是成功回调", data);
},
function (err) {
console.info("这是失败回调", err);
},
{
// 公共参数
commonInfo: {
internalCode: "2d146069343c4120b43b00691ac68f95", // 对应投放的商户code
internalParams: JSON.stringify({
interpretedID: "merchant", // 固定
showPage: shareInfo.showPage || "", // 唤端需要带回来的参数
}),
},
// 分享参数
shareParams: [
{
shareTypeLink: {
externalUrl: shareInfo.url, // 传进去也没用 不会有落地页
title: shareInfo.title,
description: shareInfo?.content,
encryEnable: "N",
img: base64String, // 分享缩略图必须是base64图片
},
},
// 海报分享
// {
// shareTypePoster: {
// Imgurl: posterImg, // base64图片或者图片链接
// // Imgurl: shareInfo?.posterImg.replace(/^data:.+;base64,/, ''), // base64图片或者图片链接
// },
// },
],
}
);
}
// app打开微信小程序
export async function appOpenMiniProgram(userName, url) {
console.info("app打开微信小程序", url);
window.c_plugins.merchantBridge.weixinOpenMiniProgram(
function () {
// 这是成功回调
console.info("这是成功回调");
},
function () {
// 这是失败回调
console.info("这是失败回调");
},
{
userName, // 小程序名称id
path: url,
}
);
}
// 获取机构号
export async function getBranchId() {
const merId = {
merId: CFG.MER_ID,
};
return new Promise((resolve, reject) => {
if (location.href.indexOf("localhost") !== -1) resolve({ cipherText: "11" });
window.c_plugins.merchantBridge.getBocCustomerAllInfo(
function (data) {
console.info("getBocCustomerAllInfo suc: ", data);
resolve(data);
},
function (err) {
console.info("getBocCustomerAllInfo fail: ", err);
reject(err);
},
merId
);
});
}
src/api/index.js 0 → 100644
View file @ 6506a8cf
import { generateAPI } from "./utils.js";
const API = generateAPI({
/** 获取活动规则 */
getRule: 'projectRule.query',
/** 获取前端配置项 */
getFrontVariable: 'coop_frontVariable.query',
/** 参与接口 post请求 */
doJoin: {
uri: 'join.do',
method: "post"
},
/** 签到 */
doSign: {
uri: 'checkin_1/doSign.do',
withToken: true, // 携带token
},
// cookie丢失-临时保存cookie
tempSaveCookie: {
uri: "/autoLogin/tempSaveCookie",
showMsg: false,
},
// cookie丢失-重新设置cookie
resetCookie: "/autoLogin/resetCookie",
userLogin: {
uri: "userLogin.check",
showMsg: false,
},
buriedPoint: {
uri: "home/buriedPoint.do",
showMsg: false,
},
homeInfo: {
uri: "activity/index.do",
},
// app授权参数接收接口
appAuth: {
uri: "/customActivity/acw/bocAutoLogin/appAuth",
contentType: "json",
showMsg: false,
method: "post",
},
/** 获取用户信息 */
getUserInfo: {
uri: "activity/userInfo.do",
},
});
// console.log('======', API)
export default API;
src/api/utils.d.ts 0 → 100644
View file @ 6506a8cf
declare type Methods = 'get' | 'post';
declare interface APIArguments {
uri: string,
method?: Methods | Uppercase<Methods>,
headers?: any
withToken?: boolean
secret?: string,
secretKey?: string,
contentType?: string,
showMsg?:boolean,
showLoading?: boolean;
}
declare type APIConfig = APIArguments | string
declare interface GenerateAPIParams {
[key: string]: APIConfig
}
declare type RequestParamType = Record<string, any>
declare interface ResponseType<T = any> {
code: number,
success: boolean,
message: string,
data: T
}
export declare function generateAPI<
T extends GenerateAPIParams = GenerateAPIParams,
P = RequestParamType,
Q = ResponseType>
(apiList: T): {
[key in keyof T]: (args?: P) => Promise<Q>
}
src/api/utils.js 0 → 100644
View file @ 6506a8cf
import { callApi } from '@spark/api-base'
import { Loading, Toast } from '@spark/ui'
import { isFromShare, newUser } from 'duiba-utils';
import { errorHandler } from "@src/utils/errorHandler";
import API from "@src/api/index";
import { getPxToken } from "@src/built-in/getPxToken";
const mergeData = {
user_type: newUser ? '0' : '1',
is_from_share: isFromShare ? '0' : '1',
}
// let tempCookieId = "";
//
// export function setCookieId(cookieId) {
// tempCookieId = cookieId;
// }
export function resetBackCookie(duibaTempCookieId) {
return new Promise((resolve) => {
callApi("/autoLogin/resetCookie", {
duibaTempCookieId
}).then((resp) => {
return resolve('success');
}, (e) => {
return resolve(e);
});
});
}
/**
* 请求方法get、post处理
* @param {*} value
* @returns
*/
function getRequestParams(value) {
if (typeof value === 'string') {
return {
uri: value,
method: 'get'
}
} else if (typeof value === 'object') {
const { uri, method = 'get', showMsg = true, showLoading = false, headers, withToken, secret, secretKey, contentType = 'form' } = value;
return {
uri,
method,
headers,
withToken,
secret,
secretKey,
contentType,
showLoading,
showMsg
}
} else {
console.error('getRequestParams: 传参有误');
}
}
/**
* 请求API通用处理
* @param {*} value
* @returns
*/
export function generateAPI(apiList) {
const api = {};
for (const key in apiList) {
const value = apiList[key];
const { method, uri, headers: mHeaders, withToken, secret, secretKey, contentType, showLoading, showMsg = true } = getRequestParams(value);
api[key] = async (params = {}, headers) => {
// cookie丢失的问题
// 如遇跳转Cookie丢失，打开如下代码
// const duibaTempCookieId = localStorage.getItem("db_temp_cookie");
// // const duibaTempCookieId = tempCookieId;
//
// if (duibaTempCookieId) {
// localStorage.removeItem("db_temp_cookie");
// // tempCookieId = "";
//
// const res = await API.userLogin()
// .catch(async () => {
// await resetBackCookie(duibaTempCookieId);
// });
//
// if (!res || !res.success) {
// await resetBackCookie(duibaTempCookieId);
// }
// }
// 根据接口配置showLoading展示loading
// 600ms内结束的请求不显示loading，避免闪烁
let query = false;
showLoading && setTimeout(() => {
if (!query) {
Loading.show();
}
}, 600);
let token;
if (withToken) { // 是否携带token
try {
token = await getPxToken(); // 获取token
} catch (e) {
Toast('网络异常，请稍后再试~');
query = true;
showLoading && Loading.hide();// 根据接口配置showLoading关闭loading
return ({ success: false, data: '' });
}
}
const mergedHeaders = { ...mHeaders, ...headers }
if (withToken && token) {
params.token = token;
}
params = { ...params, ...mergeData };
const result = await callApi(uri, params, method, mergedHeaders, false, secret, secretKey, contentType)
.catch(e => {
query = true;
// 捕获网络异常
showMsg && Toast(e.message || '网络异常，请稍后再试~');
showLoading && Loading.hide();
});
query = true;
showLoading && Loading.hide();// 根据接口配置showLoading关闭loading
return new Promise((resolve) => {
if (result) {
// 判断接口错误
if (!result.success && showMsg) {
errorHandler(result);
}
// 返回整个结果
resolve(result);
} else {
resolve({ success: false, data: '' });
}
})
}
}
return api;
}
src/app.jsx 0 → 100644
View file @ 6506a8cf
/**
* 活动主入口
*/
import React, { Component } from "react";
import ReactDOM from "react-dom";
import { observer } from "mobx-react";
import { domain, ensureDomain } from "@spark/dbdomain";
import { isWeChat, onInitShare } from "./utils/share";
import "./app.less";
import store from "./store/index";
import shareStore from "./store/share";
import Modal from "./modal/modal";
import "./utils/checkwebp"; // webp检查
import MD from "../MD"; // 埋点
MD();
// 此处为spark-cli动态生成
import LoadingDemo from "@src/pages/LoadingDemo/LoadingDemo";
import HomePage from "@src/pages/HomePage";
import { PAGE_MAP } from "./utils/constants";
/**
* 所有页面场景
*/
const pageMap = {
[PAGE_MAP.LOADING_PAGE]: <LoadingDemo />,
[PAGE_MAP.HOME_PAGE]: <HomePage />,
};
@observer
class App extends Component {
async componentDidMount () {
// 获取前端开发配置，依据项目需要，酌情添加 ！！！
await Promise.all([
store.getFrontVariable(),
ensureDomain()
]);
// 获取动态域名
CFG.domain = domain;
// 初始化分享
if (isWeChat()) {
await onInitShare();
// 初始化分享参数
shareStore.initSharePageShare();
}
}
render () {
const { curPage, pageData } = store;
return (
<>
{{ ...pageMap[curPage], props: { ...pageData } }}
<Modal />
</>
);
}
}
ReactDOM.render(<App />, document.getElementById("root"));
src/app.less 0 → 100644
View file @ 6506a8cf
* {
margin: 0;
padding: 0;
-webkit-touch-callout: none; /*系统默认菜单被禁用*/
-khtml-user-select: none; /*早期浏览器*/
-moz-user-select: none; /*火狐*/
-ms-user-select: none; /*IE10*/
-webkit-tap-highlight-color: transparent;
user-select: text;
-webkit-user-select: text;
}
*:not(input,textarea) {
-webkit-touch-callout: none;
-webkit-user-select: none;
}
html,
body {
font-size: 24px;
width: 100%;
height: 100%;
-webkit-text-size-adjust: 100% !important;
text-size-adjust: 100% !important;
-moz-text-size-adjust: 100% !important;
// overflow: hidden;
}
.modal_center {
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
right: 0 !important;
margin: auto;
}
#root {
width: 100%;
height: 100%;
position: relative;
// overflow: hidden;
}
.com_Container {
width: 100%;
height: 100%;
position: relative;
overflow-x: hidden;
overflow-y: auto;
}
src/assetList.json 0 → 100644
View file @ 6506a8cf
{"preLoadImg":[],"asyncLoadImg":["LoadingPage/loadingBg.jpg","LoadingPage/loadingFill.png","LoadingPage/loadingIp.png","rulePop/close_btn.png","rulePop/按钮1.png","rulePop/按钮2.png","rulePop/背景.png","rulePop/背景2.png","shareGuidePop/share_guide.png","首页/banner.png","首页/banner2.png","首页/close.png","首页/信用卡臻享礼.png","首页/分享.png","首页/备老无忧礼.png","首页/工资优选礼.png","首页/幸运超享礼.png","首页/开户启新礼.png","首页/支付超享礼.png","首页/数币潮玩礼.png","首页/晋级提升礼.png","首页/活钱宝.png","首页/浮窗.png","首页/消费畅享礼.png","首页/消费畅想礼.png","首页/结售汇智选礼.png","首页/背景.png"]}
\ No newline at end of file
src/assets/首页/背景.png 0 → 100644
View file @ 6506a8cf
This diff is collapsed.
src/built-in/common-helpers/CodeError.js 0 → 100644
View file @ 6506a8cf
export class CodeError {
name = 'CodeError';
code = '';
message = '';
stack;
payload;
constructor(input, message) {
if (typeof input === 'number' || typeof input === 'string') {
this.code = input + '';
} else if (typeof input === 'object') {
if (input['code']) {
this.code = input['code'];
} else {
if (input instanceof Error) {
this.code = input['message'];
} else {
console.warn('input without code field:', JSON.stringify(input));
}
}
if (input['message']) {
this.message = input['message'];
}
if (input['payload']) {
this.payload = input['payload'];
}
}
if (message) {
this.message = message;
}
this.stack = (new Error()).stack;
if (!Error['captureStackTrace'])
this.stack = (new Error()).stack;
else
Error['captureStackTrace'](this, this.constructor);
}
}
src/built-in/common-helpers/errors.js 0 → 100644
View file @ 6506a8cf
export const Errors = {
UNKNOWN: 200001, // 未知异常
NET_ERROR: 210001, // 网络异常
// REQUEST_TIMEOUT, // 请求超时
// POLLING_TIMEOUT, // 轮询超时
// INVALID_RESPONSE, // 无效的响应体
// CALL_LIMITING, // 接口限流
GET_PX_TOKEN_FAILED: 220001, // 获取星速台token失败
};
src/built-in/getPxToken.js 0 → 100644
View file @ 6506a8cf
import { callApi, jsonp } from '@spark/api-base';
import { evalJsScript } from '@spark/utils';
import { CodeError } from "./common-helpers/CodeError";
import { Errors as ERRORS } from "./common-helpers/errors";
const isProd = location.href.indexOf('.com.cn/projectx') >= 0;
let pxTokenKeyValid = false;
let getting = false;
const _queue = [];
/**
* 获取token
* @ctype PROCESS
* @description 获取星速台防刷token
* @returns
* token string token
* @example 一般用法
* const token = await getPxToken().catch(e=>{
* console.log('获取失败，失败原因:', e.message)
* })
* if(token){
* console.log('获取成功，token：', token)
* }
*/
export async function getPxToken() {
if (!isProd) {
console.log('[Mock] getPxToken');
return 'test_token';
}
return new Promise((resolve, reject) => {
_queue.push({resolve, reject});
setTimeout(_getPxToken, 10);
});
}
async function _getPxToken() {
if (getting) {
return;
}
if (_queue.length > 0) {
const p = _queue.shift();
try {
getting = true;
const token = await _tryGetPxToken();
p.resolve(token);
getting = false;
setTimeout(_getPxToken, 10);
} catch (e) {
getting = false;
p.reject(e);
}
}
}
async function _tryGetPxToken() {
let token, err;
for (let i = 0; i < 2; i++) {
try {
token = await _doGetPxToken();
break;
} catch (e) {
err = e;
invalidPxTokenKey();
}
}
if (token) {
return token;
} else {
throw err;
}
}
async function _doGetPxToken() {
if (!pxTokenKeyValid) {
await refreshPxTokenKey();
}
return getToken();
}
/**
* 让tokenKey失效
* @ctype PROCESS
* @description 比如活动页跳转到其他星速台页面，回来的时候就需要监听history然后让tokenKey失效
* @example 一般用法
* invalidPxTokenKey()
*/
export function invalidPxTokenKey() {
pxTokenKeyValid = false;
}
async function refreshPxTokenKey() {
if (!isProd) {
pxTokenKeyValid = true;
console.log('[Mock] refreshPxTokenKey');
return;
}
pxTokenKeyValid = false;
await jsonp('getTokenKey?_t=' + Date.now());
pxTokenKeyValid = true;
}
async function getToken() {
const resp = await callApi('getToken', undefined, undefined, undefined, false);
if (resp.success) {
evalJsScript(resp.data);
const token = window['ohjaiohdf']();
if (token) {
return token;
}
throw new CodeError(ERRORS.GET_PX_TOKEN_FAILED, '获取token失败，请查明key是否被覆盖');
} else {
throw new CodeError(resp);
}
}
src/components/Button/index.jsx 0 → 100644
View file @ 6506a8cf
/**
* index.jsx
* Created by 还有醋v on 2022/10/10 下午3:03.
* Copyright © 2022 haiyoucuv. All rights reserved.
*/
import React, { useState } from "react";
/**
* @param children
* @param className
* @param onClick
* @param style
* @return {React.DetailedReactHTMLElement<{onTouchStart: onTouchStart, onClick: (function(): any), onTouchCancel: onTouchEnd, className, style: {transform: string, transitionDuration: number}, onTouchEnd: onTouchEnd}, HTMLElement>}
* @constructor
*/
export const Button = ({ children, className, onClick = () => void 0, style = {} }) => {
const [scale, setScale] = useState("unset");
const onTouchStart = () => {
setScale("scale(0.9,0.9)");
};
const onTouchEnd = () => {
setScale("unset");
};
const onTouchCancel = onTouchEnd;
return React.createElement("div", {
className, onTouchStart, onTouchEnd, onTouchCancel, onClick, style: {
transitionDuration: 0.5, transform: scale, ...style
}
}, children);
};
src/components/rulepop/rulepop.jsx 0 → 100644
View file @ 6506a8cf
"use strict";
import React from "react";
import { observer } from "mobx-react";
import "./rulepop.less";
import { _asyncThrottle } from "@src/utils/utils";
import store from "@src/store";
import modalStore from "@src/store/modal";
import { opfStatisticSdkClick } from "@src/store/opfStatisticSdk";
import { RES_PATH } from "../../../sparkrc";
import { noUrl } from "@src/utils/share";
import { Toast } from "@spark/ui";
import { handleLogClick, handleLogExposure } from '../../../MD';
@observer
class Rulepop extends React.Component {
constructor(props) {
super(props);
}
componentDidMount () {
const { item } = this.props.popData || {};
// 分会场活动弹窗曝光
handleLogExposure(1, 6, `${item.remark}分会场`);
const { rule } = item || {};
const [rule1, rule2] = rule?.split("######") || [rule, ""];
// 分会场活动弹窗-参与按钮曝光
rule1 && handleLogExposure(1, 7, `${item.remark}分会场`);
rule2 && handleLogExposure(1, 7, `${item.remark}分会场`, 1);
}
// 只有规则弹窗这块需要特殊处理一下有两个跳转地址的情况
handleDetail = _asyncThrottle(async (type = 1) => {
const { item } = this.props.popData || {};
const [wxUrl1, wxUrl2] = item?.wxUrl?.split?.(",") || [];
const [appUrl1, appUrl2] = item?.appUrl?.split?.(",") || [];
opfStatisticSdkClick(`detail-btn-${item.id}`, `${item.remark}弹窗按钮${type === 2 ? "2" : ""}`);
handleLogClick(1, 7, `${item.remark}分会场`, type === 1 ? 0 : 1);
const wxUrl = type === 1 ? wxUrl1 : wxUrl2;
const appUrl = type === 1 ? appUrl1 : appUrl2;
if (noUrl({ wxUrl, appUrl })) {
Toast("暂未开始抽奖");
return;
}
setTimeout(() =>
store.jumpLink({
wxUrl,
appUrl,
})
);
});
handleClose = () => {
modalStore.closePop();
};
render () {
const { item } = this.props.popData || {};
const { rule, popbuttonImg } = item || {};
const [rule1, rule2] = rule?.split("######") || [rule, ""];
const [wxUrl1, wxUrl2] = item?.wxUrl?.split?.(",") || [];
const [appUrl1, appUrl2] = item?.appUrl?.split?.(",") || [];
return (
<div className="rulepop modal_center">
<span className="close_btn" onClick={this.handleClose}></span>
<span className={`beiJing ${rule2 ? "two" : ""}`}></span>
{rule2 ? (
<>
<span
className="btn anNiu1"
style={{
backgroundImage: `url(${popbuttonImg || RES_PATH + "rulePop/按钮1.png"})`,
filter: `grayscale(${noUrl({ wxUrl: wxUrl1, appUrl: appUrl1 }) ? "100%" : "0"})`,
}}
onClick={() => this.handleDetail(1)}></span>
<span
className="btn anNiu2"
style={{
backgroundImage: `url(${popbuttonImg || RES_PATH + "rulePop/按钮2.png"})`,
filter: `grayscale(${noUrl({ wxUrl: wxUrl2, appUrl: appUrl2 }) ? "100%" : "0"})`,
}}
onClick={() => this.handleDetail(2)}></span>
<span className="txt ruleInfo1" dangerouslySetInnerHTML={{ __html: rule1 }}></span>
<span className="txt ruleInfo2" dangerouslySetInnerHTML={{ __html: rule2 }}></span>
</>
) : (
<>
<span
className="btn anNiu"
style={{
backgroundImage: `url(${popbuttonImg || RES_PATH + "rulePop/按钮1.png"})`,
filter: `grayscale(${noUrl({ wxUrl: wxUrl1, appUrl: appUrl1 }) ? "100%" : "0"})`,
}}
onClick={() => this.handleDetail(1)}></span>
<span className="txt ruleInfo" dangerouslySetInnerHTML={{ __html: rule1 }}></span>
</>
)}
</div>
);
}
}
export default Rulepop;
src/components/rulepop/rulepop.less 0 → 100644
View file @ 6506a8cf
@import "../../res.less";
.rulepop {
width: 550px;
height: 1100px;
left: 0px;
top: 0px;
position: absolute;
.beiJing {
width: 550px;
height: 1000px;
left: 0px;
top: 0px;
position: absolute;
.sparkBg("rulePop/背景.png");
&.two {
.sparkBg("rulePop/背景2.png");
}
}
.close_btn {
width: 54px;
height: 54px;
left: 50%;
transform: translateX(-50%);
top: 1050px;
position: absolute;
.sparkBg("rulePop/close_btn.png");
opacity: 0.4;
}
.btn {
width: 312px;
height: 99px;
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: left top;
&.anNiu {
left: 117px;
top: 868px;
position: absolute;
}
&.anNiu1 {
left: 117px;
top: 458px;
position: absolute;
}
&.anNiu2 {
left: 117px;
top: 869px;
position: absolute;
}
}
.txt {
font-size: 26px;
color: rgba(144, 64, 0, 1);
word-break: break-all;
overflow-y: auto;
/* 修改整个滚动条的宽度和颜色 */
&::-webkit-scrollbar {
// display: none;
width: 7px;
border-radius: 10rpx;
}
/* 修改滚动条轨道的颜色 */
&::-webkit-scrollbar-track {
background: #fae5bb;
border-radius: 10rpx;
}
/* 修改滑块（可拖动的部分）的颜色 */
&::-webkit-scrollbar-thumb {
background: #fcae77;
}
}
.ruleInfo {
width: 465px;
height: 625px;
left: 47px;
top: 184px;
position: absolute;
padding: 0 6px;
box-sizing: border-box;
}
.ruleInfo1,
.ruleInfo2 {
width: 455px;
padding: 0 6px;
box-sizing: border-box;
left: 48px;
}
.ruleInfo1 {
height: 282px;
top: 169px;
position: absolute;
}
.ruleInfo2 {
height: 268px;
top: 595px;
position: absolute;
}
}
.ruleInfo table {
width: 100%;
border-collapse: collapse;
margin: 12px 0;
border: none;
}
.ruleInfo table th,
.ruleInfo table td {
position: relative;
border: none;
padding: 8px;
font-size: 14px;
line-height: 1.5;
color: #333;
}
.ruleInfo th {
font-weight: bold;
}
/* 表格内链接样式 */
.ruleInfo table a {
color: #1677ff;
text-decoration: none;
}
.ruleInfo table a:hover {
color: #4096ff;
text-decoration: underline;
}
/* 备用方案：用伪元素绘制边框 */
.ruleInfo td::after,
.ruleInfo th::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 200%;
height: 200%;
border: 1px solid #000;
transform: scale(0.5);
transform-origin: 0 0;
pointer-events: none;
box-sizing: border-box;
}
src/components/shareGuidePop/shareGuidePop.jsx 0 → 100644
View file @ 6506a8cf
'use strict';
import React from 'react';
import { observer } from 'mobx-react';
import './shareGuidePop.less';
import { Button } from '../Button';
import modalStore from '@src/store/modal';
@observer
class ShareGuidePop extends React.Component {
constructor(props) {
super(props);
}
// 关闭弹窗
closeHandle = () => {
modalStore.closePop()
}
render() {
return (
<div className="shareGuidePop" onClick={this.closeHandle}>
<span className="share_guide"></span>
</div>
);
}
}
export default ShareGuidePop;
src/components/shareGuidePop/shareGuidePop.less 0 → 100644
View file @ 6506a8cf
@import "../../res.less";
.shareGuidePop {
width: 750px;
height: 1624px;
left: 0px;
top: 0px;
position: absolute;
.share_guide {
width: 362px;
height: 212px;
left: 341px;
top: 29px;
position: absolute;
.sparkBg("shareGuidePop/share_guide.png");
}
}
src/modal/modal.jsx 0 → 100644
View file @ 6506a8cf
import React, { Component } from "react";
import RulePop from "../components/rulepop/rulepop";
import './modal.less';
import { observer } from 'mobx-react';
import modalStore from '../store/modal';
import { toJS } from 'mobx';
import ShareGuidePop from "@src/components/shareGuidePop/shareGuidePop";
/**
* 弹窗配置
*/
export const cfg = {
RulePop: RulePop,
// 分享引导弹窗
ShareGuidePop: ShareGuidePop,
};
@observer
class Modal extends Component {
constructor(props) {
super(props);
}
componentDidMount() {}
render() {
const list = toJS(modalStore.popList);
if (!list.length) {
// TODO:此处根据需要自行修改
document.body.style.overflow = 'auto';
return <section></section>;
}
let PopUpMulti, popUpMultiData;
if (list.length > 1 && list[list.length - 1].isMulti == true) {
const popObj2 = list[list.length - 1];
PopUpMulti = cfg[popObj2.key];
popUpMultiData = popObj2.data;
}
const popObj = list[0];
const PopUp = cfg[popObj.key];
const popData = popObj.data;
if (PopUp || PopUpMulti) {
document.body.style.overflow = 'hidden';
}
return <section className="modal-hoc-bg" style={{
zIndex: modalStore.popList.length ? 1000 : -1,
display: modalStore.popList.length ? 'block' : 'none'
}}>
{PopUp && <PopUp popData={popData} />}
{PopUpMulti && <section className="modal-hoc-bg" style={{
zIndex: modalStore.popList.length ? 1000 : -1,
display: modalStore.popList.length ? 'block' : 'none'
}}><PopUpMulti popData={popUpMultiData} />
</section>}
</section>;
}
}
export default Modal;
src/modal/modal.less 0 → 100644
View file @ 6506a8cf
.modal-hoc-bg {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 1000;
}
\ No newline at end of file
src/pages/HomePage/FloatingIcon/hook.js 0 → 100644
View file @ 6506a8cf
import { useCallback, useEffect, useRef, useState } from "react";
export function useDebugPosition(id) {
const floatRef = useRef();
const [showFloat, setShowFloat] = useState(true);
const [position, setPosition] = useState({
x: 317,
y: 327
});
const onFloatTouchStart = useCallback(() => {
setShowFloat(false);
}, []);
const onFloatTouchMove = useCallback((e) => {
const { clientX, clientY } = e.touches[0];
const { clientWidth, clientHeight } = document.body;
let x = clientX;
let y = clientY;
// 设置边界值
const b_x = clientWidth - 64;
const b_y = clientHeight - 64;
if (x < 0) x = 0;
if (x > b_x) x = b_x;
if (y < 0) y = 0;
if (y > b_y) y = b_y;
setPosition({
x,
y,
});
}, []);
const onFloatTouchEnd = useCallback(() => {
setShowFloat(true);
}, []);
useEffect(() => {
floatRef.current = document.getElementById(id);
}, [id]);
return {
x: position.x,
y: position.y,
showFloat,
onFloatTouchStart,
onFloatTouchMove,
onFloatTouchEnd,
};
}
src/pages/HomePage/FloatingIcon/index.jsx 0 → 100644
View file @ 6506a8cf
import React, { useState } from "react";
import { useDebugPosition } from "./hook";
import { RES_PATH } from "../../../../sparkrc";
import { noUrl } from "@src/utils/share";
import { opfStatisticSdkClick } from "@src/store/opfStatisticSdk";
import store from "@src/store";
import { useThrottle } from "@src/utils/utils";
import { handleLogClick } from '../../../../MD';
import "./index.less";
const FloatingIcon = () => {
const [show, setShow] = useState(true);
const { x, y, onFloatTouchEnd, onFloatTouchMove, onFloatTouchStart } = useDebugPosition("#floatingIcon");
const handleClick = useThrottle(async (e) => {
handleLogClick(1, 3);
e.stopPropagation();
const { floatingInfo } = store.frontVariable;
if (noUrl(floatingInfo)) return;
await store.appAuth(() => {
opfStatisticSdkClick(`floating-icon`, `${floatingInfo.remark}浮窗按钮`);
setTimeout(() => store.jumpLink(floatingInfo));
});
}, 1000);
const handleClose = (e) => {
e.stopPropagation();
setShow(false);
};
if (!show) return null;
return (
<div
id="floatingIcon"
className="floating"
style={{
top: y,
left: x,
transition: "width left 0.5s ease-in-out",
touchAction: "none",
}}
onTouchStartCapture={onFloatTouchStart}
onTouchMoveCapture={onFloatTouchMove}
onTouchEndCapture={onFloatTouchEnd}>
<div className="icon-box">
<img onClick={handleClick} className="fuChuang" src={RES_PATH + "首页/浮窗.png"} alt="" />
<img onClick={handleClose} className="closeBtn" src={RES_PATH + "首页/close.png"} alt="" />
</div>
</div>
);
};
export default FloatingIcon;
src/pages/HomePage/FloatingIcon/index.less 0 → 100644
View file @ 6506a8cf
.floating {
width: 127px;
z-index: 100000;
left: 607px;
bottom: 128px;
position: fixed;
.icon-box {
position: relative;
}
.fuChuang {
display: block;
width: 127px;
height: 126px;
}
.closeBtn {
position: absolute;
right: 0;
top: 0;
display: block;
width: 32px;
height: 32px;
overflow: hidden;
opacity: 0.6;
}
}
src/pages/HomePage/index.jsx 0 → 100644
View file @ 6506a8cf
"use strict";
import React from "react";
import { observer } from "mobx-react";
import { _asyncThrottle } from "@src/utils/utils";
import store from "@src/store";
import shareStore from "@src/store/share";
import modalStore from "@src/store/modal";
import { opfStatisticSdkClick } from "@src/store/opfStatisticSdk";
import { noUrl } from "@src/utils/share";
import { RES_PATH } from "../../../sparkrc.js";
import "./index.less";
import FloatingIcon from "./FloatingIcon/index";
import { handleLogClick, handleLogExposure } from "../../../MD";
import { Toast } from "@spark/ui";
@observer
class ShouYe extends React.Component {
constructor(props) {
super(props);
}
async componentDidMount() {
// 获取首页信息
await store.fetchHomeInfo();
// 获取用户信息
await store.getUserInfo();
// 埋点注册
await store.initStatistic();
// 首页曝光埋点
handleLogExposure(1, 1);
// 首页底部banner曝光埋点
store?.homeInfo?.bannerInfo?.map((_, index) => {
handleLogExposure(1, 2, index + 1);
});
// 首页-活钱宝悬窗曝光埋点
handleLogExposure(1, 3);
// 首页-分享按钮
handleLogExposure(1, 4);
// 首页-分会场活动按钮曝光
store?.homeInfo?.activityInfo?.map((act, index) => {
handleLogExposure(1, 5, `${index + 1}_${act.remark}分会场入口按钮`);
});
}
handleClickJump = _asyncThrottle(async (item, index) => {
await store.appAuth(() => {
handleLogClick(1, 5, `${index + 1}_${item.remark}分会场入口按钮`);
opfStatisticSdkClick(`join-btn-${index + 1}`, `${item.remark}分会场入口按钮`);
// 如果没有规则内容，直接跳转
const { rule, wxUrl, appUrl } = item;
if (!rule) {
if (noUrl({ wxUrl, appUrl })) {
Toast("活动暂未开始");
} else {
setTimeout(() => store.jumpLink(item));
}
return;
}
// 有规则内容，显示弹窗
setTimeout(() => modalStore.pushPop("RulePop", { item }));
});
}, 500);
handleClickBanner = _asyncThrottle(async (item, index) => {
if (noUrl(item)) return;
await store.appAuth(() => {
handleLogClick(1, 2, `第${index + 1}个banner`);
opfStatisticSdkClick(`banner-${index + 1}`, `第${index + 1}个banner`);
setTimeout(() => store.jumpLink(item));
});
}, 500);
handleClickShare = _asyncThrottle(async () => {
handleLogClick(1, 4);
shareStore.doShare();
}, 1000);
render() {
const { activityInfo = [], bannerInfo } = store.homeInfo;
const { pageBgImg } = store.frontVariable;
return (
<div className="shouYe">
<img className="beiJing" src={pageBgImg || RES_PATH + "首页/背景.png"} alt="bg" />
<div className="activityInfo">
{activityInfo?.map((item, index) => (
<span
key={"activity_" + index}
className={`item item_${index}`}
onClick={() => this.handleClickJump(item, index)}>
<img src={item.buttonImg} alt="" />
</span>
))}
</div>
<div className="bannerInfo">
{bannerInfo?.map((banner, index) => (
<span
key={"banner_" + index}
className={`banner banner_${index}`}
onClick={() => this.handleClickBanner(banner, index)}>
<img src={banner.bannerImg} alt="" />
</span>
))}
</div>
<span className="share" onClick={this.handleClickShare}></span>
<FloatingIcon />
</div>
);
}
}
export default ShouYe;
src/pages/HomePage/index.less 0 → 100644
View file @ 6506a8cf
@import "../../res.less";
.shouYe {
position: relative;
width: 750px;
min-height: 100%;
top: -180px;
display: flex;
justify-content: center;
flex-wrap: wrap;
.beiJing {
display: block;
width: 750px;
height: auto;
// .sparkBg("首页/背景.png");
}
.activityInfo {
// width: 722px;
// height: 2079px;
left: 10px;
top: 713px;
position: absolute;
.item {
position: absolute;
}
.item_0 {
width: 445px;
height: 394px;
left: 168px;
top: 0px;
position: absolute;
// .sparkBg("首页/开户启新礼.png");
}
.item_1 {
width: 338px;
height: 311px;
left: 2px;
top: 350px;
position: absolute;
// .sparkBg("首页/消费畅想礼.png");
}
.item_2 {
width: 338px;
height: 352px;
left: 379px;
top: 407px;
position: absolute;
// .sparkBg("首页/支付超享礼.png");
}
.item_3 {
width: 396px;
height: 303px;
left: 1px;
top: 726px;
position: absolute;
z-index: 21;
// .sparkBg("首页/晋级提升礼.png");
}
.item_4 {
width: 338px;
height: 310px;
left: 383px;
top: 803px;
// left: 386px; // 383
// top: 833px; // 803
position: absolute;
// .sparkBg("首页/信用卡臻享礼.png");
}
.item_5 {
width: 338px;
height: 353px;
left: 5px;
top: 1078px;
position: absolute;
// .sparkBg("首页/备老无忧礼.png");
}
.item_6 {
width: 338px;
height: 351px;
left: 383px;
top: 1178px;
position: absolute;
// .sparkBg("首页/结售汇智选礼.png");
}
.item_7 {
width: 378px;
height: 313px;
left: 0px;
top: 1463px;
position: absolute;
z-index: 21;
// .sparkBg("首页/数币潮玩礼.png");
}
.item_8 {
width: 484px;
height: 397px;
left: 238px;
top: 1682px;
position: absolute;
// .sparkBg("首页/工资优选礼.png");
}
}
.bannerInfo {
width: 750px;
height: auto;
left: 0;
top: 2812px;
position: absolute;
padding-bottom: 20px;
.banner {
display: block;
width: 659px;
height: 199px;
position: relative;
margin: 0 auto 16px;
overflow: hidden;
border-radius: 20px;
}
}
.share {
width: 87px;
height: 45px;
top: 235px;
right: 0;
position: absolute;
.sparkBg("首页/分享.png");
}
img {
width: 100%;
height: auto;
}
}
src/pages/LoadingDemo/LoadingDemo.jsx 0 → 100644
View file @ 6506a8cf
import React from "react";
import {observer} from "mobx-react";
import store from "../../store/index";
import "./LoadingDemo.less";
import {preloadAsset} from "@src/utils/preload1.3.js";
import assetList from "@src/assetList.json";
import {PAGE_MAP} from "@src/utils/constants";
@observer
class LoadingDemo extends React.Component {
state = {
curPercentage: 0
}
curPercentage = 0;
intervalId = 0;
isEvenLoad = true; // 是否匀速加载进度条
componentDidMount() {
this.preloadAssetInit();
}
/**
* 资源预加载
*/
preloadAssetInit = async () => {
const imageList = assetList.preLoadImg;
preloadAsset(
imageList,
3,
this.onLoadingProgress,
).then(() => {
// 预加载资源完成
// 异步加载默认关闭
// setTimeout(() => {
// // 异步加载资源开始
// const asyncImageList = assetList.asyncLoadImg;
// preloadAsset(asyncImageList, 1)
// }, 5000);
});
};
jump = () => {
setTimeout(() => {
store.changePage(PAGE_MAP.HOME_PAGE); // 跳转页面
}, 100);
};
/**
* 资源加载进度回调
* @param {*} progress
*/
onLoadingProgress = (progress) => {
const percentage = Math.floor(progress * 100);
console.log("progress", percentage);
if (this.isEvenLoad) {
this.setEvenProgress(percentage);
} else {
if (percentage == 100) {
this.jump();
}
}
};
/**
* 以1%匀速加载进度
* @param {*} percentage
*/
setEvenProgress = (percentage) => {
this.intervalId && clearInterval(this.intervalId);
let curPercentage = this.curPercentage;
this.intervalId = setInterval(() => {
if (curPercentage >= percentage) {
clearInterval(this.intervalId);
this.jump();
return;
}
curPercentage += 1;
this.curPercentage = curPercentage;
this.setState({
curPercentage,
});
}, 10);
};
render() {
const {curPercentage} = this.state;
return <div className="loading">
<div className="loading-ip"/>
<div className="progressBarBg"/>
<div className="progressBar">
<div className="progressBarFill" style={{
transform: `translateX(${curPercentage - 100}%)`
}}/>
</div>
<span className="progressTxt">金豆正在路上...... {curPercentage}%</span>
</div>;
}
}
export default LoadingDemo;
src/pages/LoadingDemo/LoadingDemo.less 0 → 100644
View file @ 6506a8cf
@import "../../res.less";
.loading {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
//background: linear-gradient(152deg, #AEE7FF 6%, #F1DEFC 43%, #F3E7FB 73%);
.webpBg("LoadingPage/loadingBg.jpg");
background-size: 750px 1624px;
.loading-ip {
position: absolute;
left: 198px;
top: 572-153px;
width: 570px;
height: 508px;
.webpBg("LoadingPage/loadingIp.png");
}
.progressBarBg {
position: absolute;
left: 82px;
top: 898-153px;
width: 590px;
height: 30px;
border-radius: 118px;
background: #FCE4D4;
border: 2px solid #FFFFFF;
}
.progressBar {
position: absolute;
left: 84px;
top: 900-153px;
width: 590px;
height: 30px;
overflow: hidden;
border-radius: 118px;
.progressBarFill {
position: absolute;
left: 0;
top: 0;
width: 590px;
height: 30px;
.webpBg("LoadingPage/loadingFill.png")
}
}
.progressTxt {
position: absolute;
left: 246px;
top: 952-153px;
width: 256px;
height: 22px;
opacity: 1;
font-size: 24px;
font-weight: normal;
line-height: 22px;
color: #999999;
}
}
src/res.less 0 → 100644
View file @ 6506a8cf
@RES_PATH: '/src/assets/';
@webp: '?x-oss-process=image/format,webp';
.sparkBg(@value) {
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: left top;
background-image: url("@{RES_PATH}@{value}");
[duiba-webp='true'] & {
background-image: url("@{RES_PATH}@{value}@{webp}");
}
}
.webpBg(@value) {
.sparkBg("@{value}");
}
.mask(@value) {
mask-image: url("@{RES_PATH}@{value}");
-webkit-mask-image: url("@{RES_PATH}@{value}");
mask-repeat: no-repeat;
}
// 定位-水平垂直居中
.transform_center() {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
position: absolute;
}
// flex-水平垂直居中
.flex_center() {
display: flex;
justify-content: center;
align-items: center;
}
/* 文本过长隐藏文字并显示省略号 单行*/
.lineClamp1() {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.lineClampN(@num) {
text-overflow: -o-ellipsis-lastline;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: @num;
overflow: hidden;
}
// 按钮呼吸动效
.breathAnimation() {
animation: scale 1s linear infinite alternate;
@keyframes scale {
0% {
transform: scale(1);
}
100% {
transform: scale(1.12);
}
}
}
// 弹窗居中缩放动效
// 注意 加该样式的元素居中方式不能用translate(-50%, -50%)
// 可以用margin-left、margin-top为负的宽度、高度的一半
.popupCenterShow() {
animation: centerShowAni 300ms ease-out;
@keyframes centerShowAni {
0% {
transform: scale(0);
}
66.7% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
}
// 渐入动画
.fade-in {
opacity: 0;
animation: fadeIn ease-in 1;
animation-fill-mode: forwards;
animation-duration: 1s;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
70% {
opacity: 0;
}
100% {
opacity: 1;
}
}
// 隐藏滚动条
.hideScrollbar() {
scrollbar-width: none;
/* firefox */
-ms-overflow-style: none;
/* IE 10+ */
&::-webkit-scrollbar {
display: none;
/* Chrome Safari */
}
}
.ruleStyle {
overflow-x: hidden;
overflow-y: scroll;
word-break: break-all;
}
// 上滑弹窗动画
.topPop_move {
animation: move_top_ani 500ms ease-in-out;
@keyframes move_top_ani {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0);
}
}
}
src/store/index.js 0 → 100644
View file @ 6506a8cf
import { PAGE_MAP } from "@src/utils/constants";
import { makeAutoObservable } from "mobx";
import API from "../api/index";
import { GetCurrSkinId, getCustomShareId, windowJumpUrl } from "@src/utils/utils";
import { Toast } from "@spark/ui";
import { isWeChat } from "@src/utils/share";
import { appJump, getBranchId } from "@src/AppTool";
import { opfStatisticSdkInit } from "./opfStatisticSdk";
const skinId = GetCurrSkinId() || getCustomShareId();
const store = makeAutoObservable({
/** 活动规则 */
ruleInfo: "",
/** 前端开发配置 */
frontVariable: {},
/** 当前页面 */
curPage:
{
// TODO 举例子，自定义页面，因为mng更新原因原数字id会对应一个新的字符串id
5055: "sharePage",
Did1NDA0NDc: "sharePage",
myPrize: "myPrize", // TODO 举例子 新宿台奖品页
index: PAGE_MAP.HOME_PAGE,
}[skinId] || PAGE_MAP.HOME_PAGE,
pageData: {},
/** 场景切换 */
changePage(page, data = {}) {
this.pageData = data;
this.curPage = page;
},
/** 获取活动规则 */
async initRule() {
// 模拟获取远程的数据
const { data } = await API.getRule();
this.ruleInfo = data;
},
/** 获取前端配置项 */
async getFrontVariable() {
// 获取前端开发配置
const { data } = await API.getFrontVariable();
console.info("前端开发配置", data);
this.frontVariable = data
? {
...data,
shareInfo: JSON.parse(data?.shareInfo || "{}"),
floatingInfo: JSON.parse(data?.floatingInfo || "{}"),
}
: {};
},
/** 用户信息 */
userInfo: {},
/** 获取用户信息 */
async getUserInfo() {
const { success, data } = await API.getUserInfo();
if (success) {
this.userInfo = data || {};
sessionStorage.setItem("openid", data?.openid);
sessionStorage.setItem("unionid", data?.unionid);
}
},
/** 初始化埋点 */
async initStatistic() {
if (!isWeChat()) return;
opfStatisticSdkInit({
openid: sessionStorage.getItem("openid") || store.userInfo?.openid,
unionid: sessionStorage.getItem("unionid") || store.userInfo?.unionid,
});
},
/** 首页 */
homeInfo: {},
/** 获取首页信息 */
async fetchHomeInfo() {
const { success, data } = await API.homeInfo();
if (success) {
this.homeInfo = data;
// console.info("首页信息", data);
}
},
/** app授权客户信息 */
async appAuth(callback) {
// 微信端直接跳转 不需要授权
if (isWeChat()) return callback();
// 有客户信息直接跳转 不需要授权
// if (store.userInfo?.customerId) return callback();
const branchData = await getBranchId();
console.info("app授权", branchData);
const splitBranchParams = JSON.parse(branchData.cipherText || "{}");
if (splitBranchParams && splitBranchParams?.hmaCipherText) {
await API.appAuth({
body: splitBranchParams.body,
hmaCipherText: splitBranchParams.hmaCipherText,
hmac: splitBranchParams.hmac,
skey: splitBranchParams.skey,
});
await store.getUserInfo();
callback && callback();
}
},
/** 判断活动状态 */
judgeActivity() {
const { actStartTime, actEndTime, systemTime } = store?.homeInfo || {};
if (systemTime < actStartTime) {
Toast("活动未开始");
return false;
} else if (systemTime >= actEndTime) {
Toast("活动已结束");
return false;
}
return true;
},
/** 跳转方法 */
jumpLink(item) {
if (!item?.wxUrl && !item?.appUrl) {
Toast("活动暂未上线，敬请期待~");
return;
}
if (isWeChat()) {
if (item.wxUrl) {
windowJumpUrl(item.wxUrl);
} else {
Toast("前往APP活动参与~");
}
} else {
if (item.appUrl) {
appJump(item.appUrl);
} else {
Toast("暂未开放~");
}
}
},
});
export default store;
src/store/modal.js 0 → 100644
View file @ 6506a8cf
import { makeAutoObservable } from 'mobx';
// 此处配置页面的优先级，越大优先级越高
// PopIndex:11
/**
* 弹窗优先级 可以是负数， 不写默认是10， 数值越小，层级越高
*/
const modalIndex = {}
const modalStore = makeAutoObservable({
popList: [],
/**
*
* @param {*} key 弹窗名，一般是类名的字符串
* @param {*} data 需要传递的数据，弹窗中使用 const {popData} = props; 获取
* @param {*} isMulti 是否是二级弹窗，在不关闭已有弹窗的基础上，弹出当前弹窗。注意，如果是二级弹窗，关闭时必须传key
*/
pushPop(key, data = {}, isMulti = false) {
if (this.popList.length) {
let cacheList = this.popList.slice();
cacheList.push({ key, data, isMulti });
cacheList = cacheList.sort((a, b) => ((modalIndex[b.key] ? modalIndex[b.key] : 10) - (modalIndex[a.key] ? modalIndex[a.key] : 10)))
this.popList.clear();
this.popList.push(...cacheList);
} else {
this.popList.push({ key, data, isMulti });
}
// console.log("this.popList:::",toJS(this.popList));
},
/**
*
* @param {*} key 弹窗名，一般是类名的字符串，关闭指定弹窗，若未指定，则关闭当前弹窗
*/
closePop(key) {
if (key) {
let cacheList = this.popList.slice();
cacheList = cacheList.filter(obj => (obj.key != key));
this.popList.clear();
this.popList.push(...cacheList);
} else {
this.popList.shift();
}
},
/**
* 关闭所有弹窗
*/
closePopAll() {
this.popList.clear();
}
});
export default modalStore;
src/store/opfStatisticSdk.js 0 → 100644
View file @ 6506a8cf
import { isWeChat } from "@src/utils/share"
let isInit = false;
export const opfStatisticSdkInit = (opt) => {
if (!isWeChat()) return
if (isInit) return
try {
opfStatisticSdk?.init(
{
pfid: CFG.opfStatisticSdk_pfid, // （必须）CDMS 系统分配的平台 id，正式服 pfid：be_2zFRQQ2Fb
appid: CFG.opfStatisticSdk_appid, // （必须，1-50 位，数字，大小写字母，下划线，短横线）场景载体id，一般指作品 id
apptype: "xapp", // （必须）应用类型，外部导入作品均为 xapp
mpid: "wx567af860fd4db040", // （非必须参数，如果有微信授权，则必须填入）微信公众号 appid
openid: "", // （非必须参数，如果有微信授权，则必须填入）微信公众号获取的用户 openid
unionid: "", // （非必须参数，如果有微信授权且有 unionid，则必须填入）微信公众号获取的用户 unionid
userInfo: {}, // （非必须，如果有微信授权并能拿到用户信息，则必须填入）微信公众号网页授权获取的用户信息 JSON 对象
appUid: "", // (非必须)中行 app 用户标识
phone: "", // (非必须)用户手机号码
closeSdkAutoExit: false, // 需要由 SDK 自行判断上报退出事件时机时，传false，建议传 false
pageName: "", // (当初始化时 document.title 为空时必传)传入非空值时将用作page_name 的值，取代 document.title 的值
...opt
},
{
// sdkUrl: location.href.indexOf("test") > -1 ? "https://activity.m.duiba.com.cn/83591boclog/test/real-time/" : "https://activity.m.duiba.com.cn/83591boclog/prod/real-time/"
sdkUrl: `${location.origin}/real-time/`
// audidUrl: "https://xxx.xxx.xxx/unlogin/app/post_rabbitpre", // 正式服获取营销系统客户档案 id 接口地址，以实际使用为准(按照代理配置填写)
}
)
} catch (e) {
console.error("maidian", e)
}
isInit = true
}
export const opfStatisticSdkClick = (id, btnName) => {
if (!isWeChat()) return
opfStatisticSdk.btnClick(id, btnName);
}
src/store/share.js 0 → 100644
View file @ 6506a8cf
This diff is collapsed.
src/utils/Crypto.js 0 → 100644
View file @ 6506a8cf
This diff is collapsed.
src/utils/checkwebp.js 0 → 100644
View file @ 6506a8cf
This diff is collapsed.
src/utils/constants.js 0 → 100644
View file @ 6506a8cf
This diff is collapsed.
src/utils/errorHandler.js 0 → 100644
View file @ 6506a8cf
This diff is collapsed.
src/utils/preload1.3.js 0 → 100644
View file @ 6506a8cf
This diff is collapsed.
src/utils/share.js 0 → 100644
View file @ 6506a8cf
This diff is collapsed.
src/utils/utils.js 0 → 100644
View file @ 6506a8cf
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