创建页面广告样式调整

This commit is contained in:
xixi 2024-07-22 10:46:25 +08:00
parent cf6d539d59
commit 4f673d2a8f
3 changed files with 10 additions and 8 deletions

View File

@ -19,6 +19,7 @@ export default function ScrollAd(props:any) {
<div className="scrolling-ad-content">
{props.ad}
{/* 广告11111111111111111111111112222222222222222222223333333333333 */}
</div>
</div>

View File

@ -12,10 +12,10 @@
}
.scrolling-ad-content {
font-size: 16px;
display: inline-block;
padding-left: 100%; /* 确保广告从盒子外开始滚动 */
animation: scrollLeft 10s linear infinite; /* 滚动动画持续时间为10秒,线性匀速,无限循环 */
animation: scrollLeft 25s linear infinite; /* 滚动动画持续时间为25秒,线性匀速,无限循环 */
}
@keyframes scrollLeft {

View File

@ -4,7 +4,7 @@ import { MouseEvent, Reducer, useEffect, useReducer, useState } from "react";
import { useNavigate, useSearchParams, Outlet } from "react-router-dom";
import { IMenuListItem, IMenuWithTopButton } from "../../interfaces/menu/IMenuWithTopButton.ts";
import MenuWithTopButton from "../../components/menu/MenuWithTopButton.tsx";
// import MenuWithBottomButtom from '../../components/menu/MenuWithBottomButton.tsx'
import MenuWithBottomButtom from '../../components/menu/MenuWithBottomButton.tsx'
import MenuTreeWithTopButton from "../../components/menu/MenuTreeWithTopButton.tsx";
// import ListProj from "../../components/list/ListProj.tsx";
// import ListProjAgent from "../../components/list/ListProjAgent.tsx";
@ -388,7 +388,7 @@ export default function Index() {
list={agentMenu.list}
handleListItem={agentMenu.handleListItem}
/> */}
{/* <MenuWithBottomButtom
<MenuWithBottomButtom
button={sellMenu.button}
list={sellMenu.list}
handleListItem={sellMenu.handleListItem}
@ -397,7 +397,7 @@ export default function Index() {
button={buyMenu.button}
list={buyMenu.list}
handleListItem={buyMenu.handleListItem}
/> */}
/>
</div>
</div>
<div className="right">
@ -453,6 +453,7 @@ export default function Index() {
{ value: 'ALL', label: '全托管' },
]}
defaultValue=""
// placeholder={'选择类型'}
/>
<div style={{
width: '253px',