- {/* checkChange(event, item)
- }> */}
+
编号 : {item.goodsNumber}
@@ -405,7 +402,7 @@ export default function ProductRelease() {
|
{item.goodsName}
- {/* {item.goodsName}
- {item.goodsName}
- {item.goodsName}
- {item.goodsName}
- {item.goodsName} */}
-
- {/*
- (接口软著)
- */}
+
|
{item.goodsVersion} |
{item.goodsPrice} |
{item.goodsLastTime} |
- {/*
- { opneChange(e, item) }} defaultChecked={item.open == 0 ? false : true} />
- | */}
-
+
@@ -472,7 +458,7 @@ export default function ProductRelease() {
display: item.goodsCheckStatus == '1' || item.goodsCheckStatus == '2' ? 'none' : 'unset'
}} onClick={() => submit(item)}>提交审核
del(item)}>删除
@@ -500,10 +486,131 @@ export default function ProductRelease() {
)
- }
+ } */}
+
+
+
+
+
+
+ ¥
+ 299
+
+
+
+ 截止日期:2025年05月12日
+
+
+
+
+
+
+
+
+
+
+ ¥
+ 299
+
+
+
+ 2025-05-12
+
+
+
+
+
+
+
+
+
+
+ ¥
+ 299
+
+
+
+ 2025-05-12
+
+
+
+
+
+
+
+
+
+
+ ¥
+ 299
+
+
+
+ 2025-05-12
+
+
+
+
+
+
+
+
+
+
+ ¥
+ 299
+
+
+
+ 2025-05-12
+
+
+
+
+
diff --git a/src/route/ProductRelease/product-release.css b/src/route/ProductRelease/product-release.css
index 7082f79..f2d3363 100644
--- a/src/route/ProductRelease/product-release.css
+++ b/src/route/ProductRelease/product-release.css
@@ -34,6 +34,7 @@
align-items: center;
justify-content: center;
}
+
.product-release-table-name-td {
max-width: 130px;
font-size: 16px;
@@ -41,6 +42,7 @@
text-align: center;
}
+
/* .product-release-table-name {
font-size: 16px;
color: #1B8BD2;
@@ -69,7 +71,7 @@
background: rgb(255, 255, 255);
/* background: pink; */
z-index: 2;
-
+
}
thead {
@@ -77,4 +79,111 @@ thead {
top: 0;
background: #F7F7F7;
z-index: 1;
- }
\ No newline at end of file
+}
+
+.showGoodsBox {
+ width: calc(100% - 2px);
+ height: 100%;
+ /* background-color: pink; */
+ /* 使用 grid 布局 */
+ display: grid;
+ /* 自动填充列,每列最小宽度 183px,最大宽度 1fr */
+ grid-template-columns: repeat(auto-fill, minmax(183px, 1fr));
+ /* 行间距 10px */
+ row-gap: 10px;
+ /* 列间距 10px */
+ column-gap: 10px;
+ /* cursor: pointer; */
+}
+
+
+.goodSBox {
+ width: 100%;
+ height: 340px;
+ /* background-color: skyblue; */
+ margin: 0;
+ cursor: pointer;
+ border: 1px solid transparent;
+ /* 初始设置透明边框,避免元素位置跳动 */
+ transition: border-color 0.3s ease;
+ /* 添加过渡效果,让边框显示更平滑 */
+}
+
+.goodSBox:hover {
+ border-color: #d38225;
+ /* 鼠标悬停时显示黑色边框,可根据需求修改颜色 */
+}
+
+
+.goodsImg {
+ width: 100%;
+ height: 183px;
+ object-fit: cover;
+ background: pink;
+}
+
+.goodsBot {
+ padding: 10px 5px 0 5px;
+ box-sizing: border-box;
+ height: 157px;
+ /* background-color: rgb(167, 167, 167); */
+}
+
+.goodsPrice {
+ color: #E30000;
+ font-size: 24px;
+ font-weight: 700;
+}
+
+.goodsNameBox {
+ display: flex;
+ align-items: center;
+ width: 100%;
+ /* background-color: #1B8BD2; */
+ margin-top: 10px;
+}
+
+.tipsPrice {
+ width: 38px;
+ height: 23px;
+ background: #FF9600;
+ border-radius: 5px;
+ color: white;
+ font-size: 12px;
+ text-align: center;
+ line-height: 23px;
+ margin-right: 6px;
+}
+
+.goodsName {
+ width: calc(100% - 29px);
+ /* background-color: #1bd258; */
+ font-weight: bold;
+ font-size: 20px;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ /* cursor: pointer; */
+}
+
+.goodsTime {
+ font-size: 14px;
+ color: #707070;
+ margin-top: 10px;
+}
+
+.goodsBtnBox {
+ display: flex;
+ margin-top: 10px;
+}
+
+.goodsBtn {
+ padding: 5px 10px;
+ border: 1px solid #DCDCDC;
+ font-size: 16px;
+ color: #959595;
+ margin-left: 10px;
+}
+.goodsBtnBox .goodsBtn:first-child {
+ margin-left: 0; /* 让第一个按钮的左边距为 0 */
+}
\ No newline at end of file
diff --git a/src/route/index/Index.tsx b/src/route/index/Index.tsx
index feb5cb0..7b867f4 100644
--- a/src/route/index/Index.tsx
+++ b/src/route/index/Index.tsx
@@ -17,7 +17,7 @@ import MenuWithTopButton from "../../components/menu/MenuWithTopButton.tsx";
import RefunModal from '../../components/RefunModal/RefunModal.tsx'
import CorrectionModal from '../../components/CorrectionModal/CorrectionModal.tsx'
import ContractModal from '../../components/ContractModal/ContractModal.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";
@@ -582,9 +582,9 @@ export default function Index() {
},
list: [
{ id: 'PRODUCT', name: '我要卖软著' }, //原商品发布
- { id: 'TRABSACTION', name: '已上架软著'},
- { id: 'COPYRIGHT', name: '我要买软著'},
- { id: 'TRADING', name: '已购买软著'},
+ { id: 'TRABSACTION', name: '已上架软著' },
+ { id: 'COPYRIGHT', name: '我要买软著' },
+ { id: 'TRADING', name: '已购买软著' },
// { id: 'COMPLETE', name: '已完成的' },
@@ -1703,21 +1703,26 @@ export default function Index() {
list={agentMenu.list}
handleListItem={agentMenu.handleListItem}
/> */}
- {/*
+ ) : (
+ <>>
+ )}
- sellStatrtTime={sellStatrtTime}
- sellEndTime={sellEndTime}
- sellOrderStatus={sellOrderStatus}
- sellOrderKeywords={sellOrderKeywords}
- /> */}
{/*
-
-
+
+
|