diff --git a/src/components/card/card-proj.css b/src/components/card/card-proj.css index 1881113..78fe89e 100644 --- a/src/components/card/card-proj.css +++ b/src/components/card/card-proj.css @@ -127,6 +127,14 @@ height: 143px; background: #F5F5F5; border-radius: 6px; + overflow: hidden; +} +.cpb-left-img img { + width: 100%; /* 使图片宽度等于容器宽度 */ + height: 100%; /* 使图片高度等于容器高度 */ + object-fit: cover; /* 图片等比例缩放并裁剪超出部分 */ + object-position: center; /* 图片居中显示 */ + display: block; /* 去掉图片底部的空隙 */ } .cpbl-right { diff --git a/src/components/payment/Payment.tsx b/src/components/payment/Payment.tsx index a491cf4..6f91184 100644 --- a/src/components/payment/Payment.tsx +++ b/src/components/payment/Payment.tsx @@ -166,7 +166,7 @@ export default function Payment(props: IPaymentProps) { } getPay(); // countdown() - }, [thirdParty, isRechargeMoneyEdit, refreshQrCodeCount]); + }, [thirdParty, refreshQrCodeCount]); const renderMoney = () => { @@ -185,6 +185,7 @@ export default function Payment(props: IPaymentProps) { messageApi.error(`金额最大为${moneyRange[1]}`) } setIsRechargeMoneyEdit(false); + getPay() }}>确定 ) @@ -429,6 +430,7 @@ export default function Payment(props: IPaymentProps) { { form.setFieldValue('thirdParty', e.target.value); setThirdParty(e.target.value); + setIsRechargeMoneyEdit(false) }}> 微信 支付宝 diff --git a/src/components/scrollAD/ScrollAd.tsx b/src/components/scrollAD/ScrollAd.tsx index eb5974d..289ba28 100644 --- a/src/components/scrollAD/ScrollAd.tsx +++ b/src/components/scrollAD/ScrollAd.tsx @@ -1,6 +1,6 @@ // import React, { useEffect } from 'react' import './scrollAd.css' -export default function ScrollAd(props:any) { +export default function ScrollAd(props: any) { // useEffect(() => { // const scrollInterval = setInterval(() => { // const adContainer = document.getElementById('scrolling-ad-container'); @@ -18,8 +18,14 @@ export default function ScrollAd(props:any) {
- {/* {props.ad} */} - 广告11111111111111111111111112222222222222222222223333333333333广告哈哈哈哈哈呵呵呵呵嘻嘻嘻嘻和嘎嘎嘎嘎嘎嘎嘎哈哈哈哈和额呵呵呵呵哈哈很大很大深度暗杀开橙卡故事背景噶大哥哈克很大空间的哈客户的客户 + {/* {props.ad} */} + { + window.open('https://www.aimzhu.com/ScrollAD.html') + }}> + {props.ad} + {/* 广告11111111111111111111111112222222222222222222223333333333333广告哈哈哈哈哈呵呵呵呵嘻嘻嘻嘻和嘎嘎嘎嘎嘎嘎嘎哈哈哈哈和额呵呵呵呵哈哈很大很大深度暗杀开橙卡故事背景噶大哥哈克很大空间的哈客户的客户 */} + +
) diff --git a/src/components/scrollAD/scrollAd.css b/src/components/scrollAD/scrollAd.css index 3e4d8ff..5f7405a 100644 --- a/src/components/scrollAD/scrollAd.css +++ b/src/components/scrollAD/scrollAd.css @@ -20,7 +20,7 @@ .scrolling-ad-content { display: inline-block; - font-size: 16px; + font-size: 18px; padding-left: 100%; /* 确保广告从盒子外开始滚动 */ white-space: nowrap; @@ -44,4 +44,8 @@ /* 悬停时停止动画 */ .scrolling-ad-container:hover .scrolling-ad-content { animation-play-state: paused; /* 悬停时动画暂停 */ + /* 添加下划线 */ + /* text-decoration: underline; */ + /* 下划线颜色 */ + /* text-decoration-color: red; */ } \ No newline at end of file diff --git a/src/route/proj/ProjCreate.tsx b/src/route/proj/ProjCreate.tsx index 8508489..d2a3cea 100644 --- a/src/route/proj/ProjCreate.tsx +++ b/src/route/proj/ProjCreate.tsx @@ -13,7 +13,7 @@ import { useEffect, useState } from "react"; import { get } from "../../util/AjaxUtils.ts"; import ScrollAd from '../../components/scrollAD/ScrollAd.tsx' // import { Link } from "react-router-dom"; - +import adimg from '../../static/ad.png' export default function ProjCreate() { const [messageApi, contextHolder] = message.useMessage(); // const [charge, setCharge] = useState({ @@ -82,15 +82,21 @@ export default function ProjCreate() {
-
-
+
+
+
+ + +
-
{ +
{ setShow(false) }}> diff --git a/src/route/proj/proj-create.css b/src/route/proj/proj-create.css index 755b1c9..b687028 100644 --- a/src/route/proj/proj-create.css +++ b/src/route/proj/proj-create.css @@ -27,5 +27,5 @@ } .adContent{ /* background-color: red; */ - width: calc(100% - 30px); + width: calc(100% - 50px); } \ No newline at end of file