- 截止日期 : {item.goodsLastTime}
-
diff --git a/src/route/ProductRelease/product-release.css b/src/route/ProductRelease/product-release.css
index d1d46e1..fa8e725 100644
--- a/src/route/ProductRelease/product-release.css
+++ b/src/route/ProductRelease/product-release.css
@@ -88,7 +88,7 @@ thead {
/* 使用 grid 布局 */
display: grid;
/* 自动填充列,每列最小宽度 183px,最大宽度 1fr */
- grid-template-columns: repeat(auto-fill, minmax(183px, 1fr));
+ grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
/* 行间距 10px */
row-gap: 20px;
/* 列间距 10px */
@@ -152,19 +152,49 @@ thead {
.goodsImg {
width: 100%;
- height: 183px;
+ height: 245px;
object-fit: cover;
/* background: pink; */
padding: 15px 9px 0px 9px;
box-sizing: border-box;
overflow: hidden;
+ position: relative;
+}
+
+.goodsTime {
+ font-size: 14px;
+ color: #e6e6e6;
+ /* margin-top: 10px; */
+ position: absolute;
+ /* background-color: skyblue; */
+ height: 33px;
+ background: rgba(11, 70, 75, 0.41);
+ width: 100%;
+ left: 0;
+ bottom: 0;
+ text-align: center;
+ line-height: 33px;
+}
+
+.tipsPrice {
+ width: 63px;
+ height: 32px;
+ background: #FF9F08;
+ border-radius: 0px 0px 0px 10px;
+ color: white;
+ font-size: 18px;
+ text-align: center;
+ line-height: 32px;
+ position: absolute;
+ right: 0;
+ top: 0;
}
.goodsBot {
padding: 10px 5px 10px 5px;
box-sizing: border-box;
/* height: 157px; */
- /* background-color: rgb(167, 167, 167); */
+ /* background-color: rgb(175, 64, 64); */
}
.goodsPrice {
@@ -188,22 +218,12 @@ thead {
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-weight: bold; */
font-size: 20px;
overflow: hidden;
text-overflow: ellipsis;
@@ -211,15 +231,12 @@ thead {
/* cursor: pointer; */
}
-.goodsTime {
- font-size: 14px;
- color: #707070;
- margin-top: 10px;
-}
+
.goodsBtnBox {
display: flex;
margin-top: 10px;
+
}
.goodsBtn {
@@ -268,9 +285,10 @@ thead {
.goodsTypeArray {
display: flex;
font-size: 18px;
- flex-wrap: wrap;
+ flex-wrap: wrap;
}
-.typeName{
+
+.typeName {
margin-left: 10px;
margin-bottom: 5px;
/* background-color: pink; */
diff --git a/src/route/TransactionOrder/TransactionOrder.tsx b/src/route/TransactionOrder/TransactionOrder.tsx
index 7b7c0a6..34d3e12 100644
--- a/src/route/TransactionOrder/TransactionOrder.tsx
+++ b/src/route/TransactionOrder/TransactionOrder.tsx
@@ -156,6 +156,7 @@ export default function TransactionOrder() {
width={110}
render={(text) => (
{text.goodsPrice}
+ //
1
)} />
{
setCopyrightKeywords(copyrightNewKeywords)
}
+ const [specialPrice,setSpecialPrice] = useState(false) //商品特价标识
const copyrightInit = () => {
setMinPrice(null)
setMaxPrice(null)
@@ -886,7 +888,10 @@ export default function Index() {
setCopyrightType(null)
setCopyrightNewKeywords('')
setCopyrightKeywords('')
+ // 清除特价标识
+ setSpecialPrice(false)
}
+
useEffect(() => {
if (location.pathname == '/copyright-goods') {
nav('/copyright-goods', {
@@ -898,10 +903,12 @@ export default function Index() {
copyrightDate: copyrightDate,
copyrightLanguage: copyrightLanguage,
copyrightType: copyrightType,
+ // 新增特价标识
+ goodsFlag:specialPrice?'特价':''
}
})
}
- }, [copyrightKeywords, minPrice, maxPrice, sort, copyrightDate, copyrightLanguage, copyrightType])
+ }, [copyrightKeywords, minPrice, maxPrice, sort, copyrightDate, copyrightLanguage, copyrightType,specialPrice])
// ----------------------------------------------------------------------------------------------
@@ -3084,6 +3091,21 @@ export default function Index() {
options={[]}
value={copyrightType}
/>
+ }
+ style={{
+ background: specialPrice?'#FF9F08':'#FFF6EF',
+ color: specialPrice?'white':'#FF9F00 ',
+ marginLeft: 5, height: 31,
+ border:'1px solid #FF9F00 ',
+ }}
+ onClick={()=>{
+ // 特价标识
+ setSpecialPrice(!specialPrice)
+ }}
+ >
+ 今日特价
+
-
- 今日特价!
-
+