Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
C
CivWeb
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
ReactWeb5
CivWeb
Commits
54b10b9e
Commit
54b10b9e
authored
1 month ago
by
陶晶晶
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
fix:集成登录分辨率适配
parent
eba1e801
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
25 additions
and
7 deletions
+25
-7
index.js
src/pages/bootpage/template/project/wuliangye/index.js
+16
-5
index.less
src/pages/bootpage/template/project/wuliangye/index.less
+9
-2
No files found.
src/pages/bootpage/template/project/wuliangye/index.js
View file @
54b10b9e
...
...
@@ -43,6 +43,8 @@ const IntegrationQinzhou = props => {
const
[
ref
,
isFullscreen
,
handleFullScreen
,
handleExitFullScreen
]
=
useFullScreen
(
false
);
const
clientRef
=
useRef
(
props
.
global
.
client
);
const
jpRef
=
useRef
();
const
cardRef
=
useRef
();
const
integrationClient
=
integratedConfig
?.
client
||
window
?.
globalConfig
?.
client
||
'city'
;
// 集成登录client
const
[
integrationData
,
setIntegrationData
]
=
useState
({});
// 所有子站
...
...
@@ -142,7 +144,18 @@ const IntegrationQinzhou = props => {
scale
:
n
,
boxHeight
:
bHeight
,
});
if
(
jpRef
?.
current
&&
n
)
{
const
jpHeight
=
bHeight
*
n
const
bl
=
(
Math
.
abs
(
clientHeight
-
jpHeight
))
/
2
jpRef
.
current
.
style
.
bottom
=
`
${(
184
-
bl
)}
px`
}
if
(
cardRef
?.
current
&&
n
)
{
const
jpHeight
=
bHeight
*
n
const
bl
=
(
Math
.
abs
(
clientHeight
-
jpHeight
))
/
2
cardRef
.
current
.
style
.
bottom
=
`-
${(
bl
)}
px`
}
}
};
const
startTiming
=
(
time
=
2
)
=>
{
...
...
@@ -326,7 +339,7 @@ const IntegrationQinzhou = props => {
}, [loginAction.events, props]);
return (
<div className={classNames(styles.integrationQinzhou, 'integrationQinzhou')} style={{ background: `
url
(
$
{
BGIcon
})
center
/
100
%
100
%
no
-
repeat
` }} ref={ref}>
<div className={classNames(styles.integrationQinzhou, 'integrationQinzhou')} style={{ background: `
url
(
$
{
BGIcon
})
center
/
100
%
100
%
no
-
repeat
` }} ref={ref}
>
{/* 动态特效 */}
<div className={styles.DX1} style={{ background: `
url
(
$
{
dxIcon
})
no
-
repeat
center
center
` }} />
...
...
@@ -381,8 +394,7 @@ const IntegrationQinzhou = props => {
</div>
</div>
</div>
<div className={styles.showCenter} >
{/* 动效1 */}
<div ref={jpRef} className={styles.showCenter} style={{ zIndex: 100 }} >
<img src={Icon10}
className={
integrationData['平台总览'] ?
...
...
@@ -392,7 +404,7 @@ const IntegrationQinzhou = props => {
title='点击平台总览跳转'
onClick={() => { onLink(integrationData['平台总览'], loginAction) }} />
</div>
<div className={styles.integrationTips}>
<div
ref={cardRef}
className={styles.integrationTips}>
{
BIConfig.map(item => {
return <div
...
...
@@ -403,7 +415,6 @@ const IntegrationQinzhou = props => {
name={item.name}
onClick={() => { item.name ? onLink(integrationData[item.name], loginAction) : null }}
>
{/* tipIcon */}
<div className={styles.integration_TitBG} style={{ background: `
url
(
$
{
tipIcon
})
center
/
100
%
100
%
no
-
repeat
` }} >{item.name}</div>
<img src={item.icon} />
</div>
...
...
This diff is collapsed.
Click to expand it.
src/pages/bootpage/template/project/wuliangye/index.less
View file @
54b10b9e
...
...
@@ -171,7 +171,8 @@
align-items: center;
display: flex;
justify-content: center;
top: calc(50vh - 290px);
// top: calc(50vh - 290px);
bottom: 185px;
img {
width: 344px;
...
...
@@ -185,6 +186,7 @@
justify-content: space-around;
width: 100%;
top: -11px;
height: 360px;
.integration_card {
text-align: center;
...
...
@@ -247,9 +249,14 @@
cursor: not-allowed;
}
.integration_row_col_link {
transition: transform 0.3s ease;
/* 平滑过渡 */
}
.integration_row_col_link:hover {
filter: brightness(120%);
margin-top: -10px
;
transform: translateY(-10px)
;
}
// 业务应用start
...
...
This diff is collapsed.
Click to expand it.
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment