Skip to content

太
太保-年鉴活动-20250625
Commit 3e953f43 authored by 俞嘉婷's avatar 俞嘉婷
Browse files
Options

feat: 新增免登中间页

parent fffaa6c3
Hide whitespace changes
Inline Side-by-side
Showing with 179 additions and 117 deletions
.gitignore
View file @ 3e953f43
...@@ -41,4 +41,6 @@ output.js.map ...@@ -41,4 +41,6 @@ output.js.map
.psd .psd
.psb .psb
dist
#src/assets/ #src/assets/
\ No newline at end of file
auth.html 0 → 100644
View file @ 3e953f43
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>太保时光藏馆</title>
<script>
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;
}
document.addEventListener("DOMContentLoaded", function () {
!(function (e, i) {
var t = e.documentElement,
n = navigator.userAgent.match(/iphone|ipod|ipad/gi),
a = n ? Math.min(i.devicePixelRatio, 3) : 1,
m = 'orientationchange' in window ? 'orientationchange' : 'resize';
t.dataset.dpr = a;
for (
var d, l, c = !1, o = e.getElementsByTagName('meta'), r = 0; r < o.length; r++
)
(l = o[r]), 'viewport' == l.name && ((c = !0), (d = l));
if (c)
d.content =
'width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no';
else {
var o = e.createElement('meta');
(o.name = 'viewport'),
(o.content =
'width=device-width,initial-scale=1.0,maximum-scale=1.0, minimum-scale=1.0,user-scalable=no'),
t.firstElementChild.appendChild(o);
}
var s = function () {
var e = t.clientWidth;
e / a > 750 && (e = 750 * a),
(window.remScale = e / 750),
(t.style.fontSize = 100 * (e / 750) + 'px');
};
s(), e.addEventListener && i.addEventListener(m, s, !1);
})(document, window);
})
</script>
</head>
<body>
<div id="root"></div>
<script type="module" src="./src/auth.jsx"></script>
<script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script src="./assets/js/duiba.js"></script>
<script>
var CFG = {}
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.activityName = "寻找剧中人活动";
CFG.channel = getUrlParam("sourceFrom") || sessionStorage.getItem("channel");
CFG.channel && sessionStorage.setItem("channel", CFG.channel);
// 生产
CFG.sensorUrl = 'https://xnjkfx.cpic.com.cn:8006/sa?project=SXGW';
if(location.href.indexOf("duibatest") > -1) {
var vConsole = new VConsole();
CFG.sensorUrl = 'https://xnjkfxsit.cpic.com.cn/sa?project=SXGW';
}
</script>
</body>
</html>
\ No newline at end of file
dist/assets/index-5f7f0a32.js deleted 100644 → 0
View file @ fffaa6c3
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/assets/index-5ff380f1.css deleted 100644 → 0
View file @ fffaa6c3
*{margin:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}html,body{font-size:.24rem;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}.popupCenterShow{animation:centerShowAni .5s ease-out}@keyframes centerShowAni{0%{transform:scale(0)}66.7%{transform:scale(1.1)}to{transform:scale(1)}}@font-face{font-family:SFMono-Medium;src:url(./assets/font/SFMono-Medium.ttf)}.customStyle{position:fixed!important;top:50%;left:50%;transform:translate(-50%,-50%)}.inputCon{position:absolute}.timeInput1,.timeInput2{position:absolute;width:4rem;height:.5rem;z-index:10}.timeInput2{top:1rem}.modal-hoc-bg{position:fixed;top:0;bottom:0;right:0;left:0;background-color:rgba(0,0,0,.8);z-index:1000}@font-face{font-family:SFMono-Medium;src:url(../../assets/font/SFMono-Medium.ttf)}.wanLiuDialog{width:7.5rem;height:4.48rem;position:absolute}.wanLiuDialog .bg,.wanLiuDialog .characterBg{width:6.48rem;height:4.48rem;left:.51rem;position:absolute;background-repeat:no-repeat;background-size:100% 100%;background-position:left top}.wanLiuDialog .tuiChuBtn,.wanLiuDialog .characterTuiChuBtn{width:2.11rem;height:.76rem;left:1.25rem;top:2.78rem;position:absolute;background-repeat:no-repeat;background-size:100% 100%;background-position:left top}.wanLiuDialog .continueBtn,.wanLiuDialog .characterContinueBtn{width:2.11rem;height:.76rem;left:4.11rem;top:2.78rem;position:absolute;background-repeat:no-repeat;background-size:100% 100%;background-position:left top}.wanLiuDialog .progressText{width:5.58rem;height:.35rem;text-align:center;position:absolute;left:.93rem;top:1.49rem;font-size:.3rem;color:#1b1b1b;line-height:.4rem}.wanLiuDialog .timeText{width:5.58rem;height:.4rem;text-align:center;position:absolute;left:.93rem;top:1.95rem;font-size:.3rem;color:#1b1b1b;line-height:.4rem}#toast_layer{position:absolute;left:0;top:0;box-sizing:border-box;width:100vw;height:100vh;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center}#toast_layer .wrapper{display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;flex-direction:column;-webkit-flex-direction:column;align-items:center;-webkit-align-items:center;max-width:80%}#toast_layer .wrapper .toast-message{opacity:0;margin-bottom:.1rem;font-size:0;transition:opacity .3s;-webkit-transition:opacity .3s;background-color:rgba(0,0,10,.8);box-shadow:.01rem .02rem .05rem .01rem rgba(0,0,0,.2);-webkit-box-shadow:.01rem .02rem .05rem .01rem rgba(0,0,0,.2);border-radius:.2rem}#toast_layer .wrapper .toast-message .toast-content{display:inline-block;overflow:hidden;padding:.2rem .25rem;font-family:-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:#fff;font-size:.3rem;text-align:center;max-width:100%;overflow-wrap:anywhere}#overlay_layer{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2001;pointer-events:none}@font-face{font-family:SFMono-Medium;src:url(../../assets/font/SFMono-Medium.ttf)}.homePage{width:100%;height:100vh;overflow-y:hidden;overflow-x:hidden;position:absolute}.homePage .bg{width:7.5rem;height:16.24rem;position:absolute;background-repeat:no-repeat;background-size:100% 100%;background-position:left top}.homePage .beginbtn{position:fixed;width:5.51rem;height:2.19rem;left:1.15rem;bottom:1.11rem;background-repeat:no-repeat;background-size:100% 100%;background-position:left top}.homePage .characterBeginbtn{width:4.75rem;height:1.47rem;left:1.31rem;bottom:1.44rem}.homePage .oldHealthyBeginbtn{width:4.83rem;height:1.86rem;left:1.26rem;bottom:1.31rem}.homePage .yinsi{position:fixed;width:3.73rem;height:.3rem;left:1.88rem;bottom:1.11rem;background-repeat:no-repeat;background-size:100% 100%;background-position:left top}.homePage .yinsi .selectIcon{display:inline-block;position:absolute;width:.19rem;height:.17rem;left:.06rem;top:.07rem;background-repeat:no-repeat;background-size:100% 100%;background-position:left top}.homePage .yinsi .gouxuan{display:inline-block;position:absolute;width:.38rem;height:.38rem;left:-.03rem;top:-.04rem;background:rgba(0,0,0,0)}.homePage .yinsi .chakanyinsi{display:inline-block;position:absolute;width:1.7rem;height:.3rem;right:0rem;top:0rem}.homePage .characterYinsi,.homePage .oldHealthyYinsi{width:3.75rem;height:.3rem;left:1.85rem;bottom:.9rem}
dist/assets/index-legacy-86eb523b.js deleted 100644 → 0
View file @ fffaa6c3
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/assets/polyfills-legacy-0b3f12d3.js deleted 100644 → 0
View file @ fffaa6c3
This source diff could not be displayed because it is too large. You can view the blob instead.
dist/index.html
View file @ 3e953f43
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title></title><script>function getUrlParam(name) { <!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>太保时光藏馆</title><script>function getUrlParam(name) {
var search = window.location.search; var search = window.location.search;
var matched = search var matched = search
.slice(1) .slice(1)
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
}; };
s(), e.addEventListener && i.addEventListener(m, s, !1); s(), e.addEventListener && i.addEventListener(m, s, !1);
})(document, window); })(document, window);
})</script><style></style><script type="module" crossorigin src="./assets/index-5f7f0a32.js"></script><link rel="stylesheet" href="./assets/index-5ff380f1.css"><script type="module">import.meta.url;import("_").catch(()=>1);async function* g(){};if(location.protocol!="file:"){window.__vite_is_modern_browser=true}</script><script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script></head><body><div id="root"></div><script src="./assets/js/duiba.js"></script><script>var CFG = {} })</script><style></style><script type="module" crossorigin src="./assets/index-a8059815.js"></script><link rel="modulepreload" crossorigin href="./assets/api-55223e67.js"><link rel="stylesheet" href="./assets/api-5a972db1.css"><link rel="stylesheet" href="./assets/index-d54a2e41.css"><script type="module">import.meta.url;import("_").catch(()=>1);async function* g(){};if(location.protocol!="file:"){window.__vite_is_modern_browser=true}</script><script type="module">!function(){if(window.__vite_is_modern_browser)return;console.warn("vite: loading legacy chunks, syntax error above and the same error below should be ignored");var e=document.getElementById("vite-legacy-polyfill"),n=document.createElement("script");n.src=e.src,n.onload=function(){System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))},document.body.appendChild(n)}();</script></head><body><div id="root"></div><script src="//res.wx.qq.com/open/js/jweixin-1.6.0.js"></script><script src="./assets/js/duiba.js"></script><script>var CFG = {}
function getUrlParam(name) { function getUrlParam(name) {
var search = window.location.search; var search = window.location.search;
...@@ -56,4 +56,4 @@ ...@@ -56,4 +56,4 @@
if(location.href.indexOf("duibatest") > -1) { if(location.href.indexOf("duibatest") > -1) {
var vConsole = new VConsole(); var vConsole = new VConsole();
CFG.sensorUrl = 'https://xnjkfxsit.cpic.com.cn/sa?project=SXGW'; CFG.sensorUrl = 'https://xnjkfxsit.cpic.com.cn/sa?project=SXGW';
}</script><script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script><script nomodule crossorigin id="vite-legacy-polyfill" src="./assets/polyfills-legacy-0b3f12d3.js"></script><script nomodule crossorigin id="vite-legacy-entry" data-src="./assets/index-legacy-86eb523b.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script></body></html> }</script><script nomodule>!function(){var e=document,t=e.createElement("script");if(!("noModule"in t)&&"onbeforeload"in t){var n=!1;e.addEventListener("beforeload",(function(e){if(e.target===t)n=!0;else if(!e.target.hasAttribute("nomodule")||!n)return;e.preventDefault()}),!0),t.type="module",t.src=".",e.head.appendChild(t),t.remove()}}();</script><script nomodule crossorigin id="vite-legacy-polyfill" src="./assets/polyfills-legacy-79d904a2.js"></script><script nomodule crossorigin id="vite-legacy-entry" data-src="./assets/index-legacy-b07044d6.js">System.import(document.getElementById('vite-legacy-entry').getAttribute('data-src'))</script></body></html>
\ No newline at end of file \ No newline at end of file
mock/home.js
View file @ 3e953f43
...@@ -2,14 +2,20 @@ import Mock from "mockjs" ...@@ -2,14 +2,20 @@ import Mock from "mockjs"
export const homeJs = [ export const homeJs = [
{ {
url: '/api/test', //请求地址 url: '/activity/login', //请求地址
method: 'post', //请求方式 method: 'get', //请求方式
response: () => { response: () => {
return { return {
ok: true,
code: 200, code: 200,
msg: 'ok', msg: 'ok',
timestamp: +new Date(),
data: { data: {
task: 1 "loginFlag": true,
"interestCollectionFlag": true,
"authBaseFlag": false,
"autoLoginUrl": "http://localhost:5173/index.html",
"token": "token111"
} }
} }
}, },
......
src/api/api.js
View file @ 3e953f43
import request from './request' import request from './request'
// 登录 // 太保免登接口
export const login = (data) => { export const loginApi = (data) => {
return request({ return request({
method: 'post', method: 'get',
url: '/api/test', url: '/activity/login',
data data
}) })
} }
......
src/assetList.json
View file @ 3e953f43
{"preLoadImg":[],"asyncLoadImg":["./assets/common/back.png","./assets/common/close.png","./assets/common/sub_page_bg.png","./assets/common/sub_page_bg_cover.png","./assets/futurePage/btn.png","./assets/futurePage/item_bg.png","./assets/futurePage/prize_img_bg.png","./assets/futurePage/title.png","./assets/homePage/arrow_left.png","./assets/homePage/bg_type1.png","./assets/homePage/bg_type2.png","./assets/homePage/btn_future.png","./assets/homePage/btn_prize.png","./assets/homePage/btn_rule.png","./assets/homePage/btn_share.png","./assets/homePage/mainbtn.png","./assets/homePage/mainbtn_bg.png","./assets/homePage/mainbtn_popover.png","./assets/homePage/tab1.png","./assets/homePage/tab2.png","./assets/homePage/title.png","./assets/lightedPop/bg.png","./assets/lightedPop/know_btn.png","./assets/prizePage/item_bg.png","./assets/prizePage/prize_img_bg.png","./assets/prizePage/tab_active_bg.png","./assets/prizePage/title.png","./assets/rulePop/bg.png","./assets/svga/4输出徽章紫色.svga","./assets/svga/6输出徽章绿色.svga","./assets/svga/box.svga","./assets/svga/home.svga","./assets/svga/huadong.svga","./assets/svga/light.svga","./assets/svga/pop.svga","./assets/svga/saoguang.svga"]} {"preLoadImg":[],"asyncLoadImg":["./assets/common/back.png","./assets/common/close.png","./assets/common/sub_page_bg.png","./assets/common/sub_page_bg_cover.png","./assets/futurePage/btn.png","./assets/futurePage/item_bg.png","./assets/futurePage/prize_img_bg.png","./assets/futurePage/title.png","./assets/homePage/arrow_left.png","./assets/homePage/bg_type1.png","./assets/homePage/bg_type2.png","./assets/homePage/btn_future.png","./assets/homePage/btn_prize.png","./assets/homePage/btn_rule.png","./assets/homePage/btn_share.png","./assets/homePage/mainbtn.png","./assets/homePage/mainbtn_bg.png","./assets/homePage/mainbtn_popover.png","./assets/homePage/tab1.png","./assets/homePage/tab2.png","./assets/homePage/title.png","./assets/lightEndPop/bg.png","./assets/lightEndPop/know_btn.png","./assets/lightGreyPop/bg.png","./assets/lightGreyPop/deng.png","./assets/lightGreyPop/join_btn.png","./assets/lightNewPop/bg.png","./assets/lightNewPop/draw_btn.png","./assets/lightNewPop/prize_box.png","./assets/lightedPop/bg.png","./assets/lightedPop/deng.png","./assets/lightedPop/know_btn.png","./assets/prizePage/item_bg.png","./assets/prizePage/prize_img_bg.png","./assets/prizePage/tab_active_bg.png","./assets/prizePage/title.png","./assets/rulePop/bg.png","./assets/svga/4输出徽章紫色.svga","./assets/svga/6输出徽章绿色.svga","./assets/svga/box.svga","./assets/svga/home.svga","./assets/svga/huadong.svga","./assets/svga/light.svga","./assets/svga/pop.svga","./assets/svga/saoguang.svga"]}
\ No newline at end of file \ No newline at end of file
src/auth.jsx 0 → 100644
View file @ 3e953f43
import React from 'react'
import ReactDOM from 'react-dom/client'
import AuthApp from './pages/authPage/authPage.jsx'
import './index.css'
ReactDOM.createRoot(document.getElementById('root')).render(
<React.StrictMode>
<AuthApp />
</React.StrictMode>,
)
\ No newline at end of file
src/pages/authPage/authPage.jsx 0 → 100644
View file @ 3e953f43
import React, { useState } from 'react'
import './authPage.less'
import { useEffect } from 'react'
import { loginApi } from '../../api/api'
import { getUrlParam } from '../../utils'
const AuthPage = () => {
const [loading, setLoading] = useState(false)
useEffect(() => {
console.log('authPage')
doLogin()
}, [])
const doLogin = async () => {
const fullUrl = window.location.href;
let url = fullUrl.replace('auth.html', 'index.html');
const res = await loginApi({
token: getUrlParam("token"),
src: "d8",
redirectUrl: encodeURIComponent(encodeURIComponent(url)),
});
if (res.ok) {
const { loginFlag, authBaseFlag, interestCollectionFlag, autoLoginUrl, token } = res.data || {};
// 授权三合一（登录、授权、兴趣收集合并
if (!loginFlag || !authBaseFlag || !interestCollectionFlag) {
const link = `/packageAgent/pages/loading/loading?gwAuthToken=P_PT_PHONE_25Adolescentvision&token=${token}&channel=${CFG.channel}`
console.info("官微小程序", link);
wx?.miniProgram?.navigateTo({ url: link });
} else {
location.href = autoLoginUrl;
}
}
}
return (
<div className="auth-container">
</div>
)
}
export default AuthPage
\ No newline at end of file
src/pages/authPage/authPage.less 0 → 100644
View file @ 3e953f43
.auth-container {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
src/pages/homePage/homePage.jsx
View file @ 3e953f43
...@@ -132,7 +132,7 @@ class HomePage extends Component { ...@@ -132,7 +132,7 @@ class HomePage extends Component {
<SvgaPlayer className="box" src={box} /> <SvgaPlayer className="box" src={box} />
<div className="mainbtn" style={{ 'backgroundImage': `url(${mainbtn})` }}></div> <div className="mainbtn" style={{ 'backgroundImage': `url(${mainbtn})` }}></div>
<div className="current_bb">当前持有：{babyCredits}保贝值</div> <div className="current_bb">当前持有：{babyCredits}保贝值</div>
<div className="mainbtn_popover" style={{ 'backgroundImage': `url(${mainbtn_popover})` }}>点亮勋章得XX保贝值</div> <div className="mainbtn_popover" style={{ 'backgroundImage': `url(${mainbtn_popover})` }}>点亮勋章得50保贝值</div>
</div> </div>
</div> </div>
</div> </div>
......
vite.config.js
View file @ 3e953f43
...@@ -17,6 +17,12 @@ const newParams = { ...@@ -17,6 +17,12 @@ const newParams = {
template: "./index.html", template: "./index.html",
entry: "./src/main.jsx", entry: "./src/main.jsx",
}, },
// 登录页面的配置
{
filename: "auth.html",
template: "./auth.html",
entry: "./src/auth.jsx",
},
] ]
} }
...@@ -90,6 +96,7 @@ export default defineConfig({ ...@@ -90,6 +96,7 @@ export default defineConfig({
rollupOptions: { rollupOptions: {
input: { input: {
'index': './src/main.jsx', 'index': './src/main.jsx',
'auth': './src/auth.jsx',
}, },
}, },
}, },
......
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