广告调整

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 {

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()
                     }}>确定</Button>
                 </div>
             )
@@ -429,6 +430,7 @@ export default function Payment(props: IPaymentProps) {
                         <Radio.Group onChange={(e) => {
                             form.setFieldValue('thirdParty', e.target.value);
                             setThirdParty(e.target.value);
+                            setIsRechargeMoneyEdit(false)
                         }}>
                             <Radio value="微信">微信</Radio>
                             <Radio value="支付宝">支付宝</Radio>

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) {
         <div id="scrolling-ad-container" className="scrolling-ad-container">
 
             <div className="scrolling-ad-content">
-                    {/* {props.ad}   */}
+                {/* {props.ad}   */}
-                    广告11111111111111111111111112222222222222222222223333333333333广告哈哈哈哈哈呵呵呵呵嘻嘻嘻嘻和嘎嘎嘎嘎嘎嘎嘎哈哈哈哈和额呵呵呵呵哈哈很大很大深度暗杀开橙卡故事背景噶大哥哈克很大空间的哈客户的客户
+                <span style={{ cursor: 'pointer', color: '#FFAB31' }} onClick={() => {
+                    window.open('https://www.aimzhu.com/ScrollAD.html')
+                }}>
+                     {props.ad}  
+                    {/* 广告11111111111111111111111112222222222222222222223333333333333广告哈哈哈哈哈呵呵呵呵嘻嘻嘻嘻和嘎嘎嘎嘎嘎嘎嘎哈哈哈哈和额呵呵呵呵哈哈很大很大深度暗杀开橙卡故事背景噶大哥哈克很大空间的哈客户的客户 */}
+                </span>
+
             </div>
         </div>
     )

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; */
 }

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<IProjCharge>({
@@ -82,15 +82,21 @@ export default function ProjCreate() {
             <div style={{}}>
                 <div className="proj-create" style={{ height: `${height}px`, overflow: 'auto', position: 'relative' }}>
                     <div style={{
-                        position: 'absolute', top: 0, left: 0, width: '100%', background: 'rgba(0, 0, 0, 0.1)',
+                        position: 'absolute', top: 0, left: 0, width: '100%', background: 'rgba(255,159,8,0.08)',
-                        // display:show?'block':'none'
+                        border: '1px solid #F5E5B4',
+                        borderRadius:' 10px',
+                        display:show?'block':'none'
                     }}>
 
-                        <div style={{ position:'relative' }}>
+                        <div style={{ position: 'relative' }}>
-                            <div className='adContent'  style={{ width: '' }}>
+                            <div className='adContent' style={{ display: 'flex', alignItems: 'center' }}>
+                                <div style={{marginLeft:10,marginRight:10}}>
+                                    <img src={adimg} alt="" width={27} height={32} />
+
+                                </div>
                                 <ScrollAd ad={ad}></ScrollAd>
                             </div>
-                            <div style={{ width: 20, fontWeight: 700, cursor: 'pointer',position:'absolute', top:15,right:5 }} onClick={() => {
+                            <div style={{ width: 30, fontWeight: 700, cursor: 'pointer', position: 'absolute', top: 15, right: 5,fontSize:18,color:'#FFAB31' }} onClick={() => {
                                 setShow(false)
                             }}>
                                 <CloseOutlined />

src/route/proj/proj-create.css

@@ -27,5 +27,5 @@
 }
 .adContent{
     /* background-color: red; */
-    width: calc(100% - 30px);
+    width: calc(100% - 50px);
 }