Skip to content

肖康 / Europa-web

Go to a project
Commit 7a638787 by 肖康
Options

BUILD

parent 75929dc5
Expand all
Inline Side-by-side
Showing with 26 additions and 12 deletions
build/asset-manifest.json
{ {
"files": { "files": {
"main.css": "/static/css/main.ad8e0cdd.css", "main.css": "/static/css/main.1539bebd.css",
"main.js": "/static/js/main.b941506a.js", "main.js": "/static/js/main.89acd93f.js",
"static/media/contactUsBanner.png": "/static/media/contactUsBanner.3589d483b42e3df320a1.png", "static/media/contactUsBanner.png": "/static/media/contactUsBanner.3589d483b42e3df320a1.png",
"static/media/aboutUsBanner.png": "/static/media/aboutUsBanner.6aff9a629cca34f2447b.png", "static/media/aboutUsBanner.png": "/static/media/aboutUsBanner.6aff9a629cca34f2447b.png",
"static/media/p404.png": "/static/media/p404.d99ce38b3c2654c5e3f5.png", "static/media/p404.png": "/static/media/p404.d99ce38b3c2654c5e3f5.png",
...@@ -9,11 +9,11 @@ ...@@ -9,11 +9,11 @@
"static/media/iconfont.woff?t=1719816191916": "/static/media/iconfont.e42dedab476e8fa9b144.woff", "static/media/iconfont.woff?t=1719816191916": "/static/media/iconfont.e42dedab476e8fa9b144.woff",
"static/media/iconfont.woff2?t=1719816191916": "/static/media/iconfont.f461f4d34035e6bf1175.woff2", "static/media/iconfont.woff2?t=1719816191916": "/static/media/iconfont.f461f4d34035e6bf1175.woff2",
"index.html": "/index.html", "index.html": "/index.html",
"main.ad8e0cdd.css.map": "/static/css/main.ad8e0cdd.css.map", "main.1539bebd.css.map": "/static/css/main.1539bebd.css.map",
"main.b941506a.js.map": "/static/js/main.b941506a.js.map" "main.89acd93f.js.map": "/static/js/main.89acd93f.js.map"
}, },
"entrypoints": [ "entrypoints": [
"static/css/main.ad8e0cdd.css", "static/css/main.1539bebd.css",
"static/js/main.b941506a.js" "static/js/main.89acd93f.js"
] ]
} }
\ No newline at end of file
build/index.html
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="keywords" content=""><meta name="description" content=""/><link rel="manifest" href="/manifest.json"/><title>麒麟电子商城</title><script defer="defer" src="/static/js/main.b941506a.js"></script><link href="/static/css/main.ad8e0cdd.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html> <!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="/favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="keywords" content=""><meta name="description" content=""/><link rel="manifest" href="/manifest.json"/><title>麒麟电子商城</title><script defer="defer" src="/static/js/main.89acd93f.js"></script><link href="/static/css/main.1539bebd.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
\ No newline at end of file \ No newline at end of file
build/static/js/main.89acd93f.js.map 0 → 100644
This diff could not be displayed because it is too large.
build/static/js/main.b941506a.js.map deleted 100644 → 0
This diff could not be displayed because it is too large.
src/pages/GoodsDetail/components/DetailHead.tsx
...@@ -12,7 +12,7 @@ const DetailHead = (props: DetailResponseType) => { ...@@ -12,7 +12,7 @@ const DetailHead = (props: DetailResponseType) => {
<> <>
<div className='detail-headers w1226 row bothSide boxsiz'> <div className='detail-headers w1226 row bothSide boxsiz'>
<div className='l row'> <div className='l row'>
<img src={sku_info?.goods_images || 'http://static.ichunt.com//dist/res/home/images/goods_default.png'} className='goodsimg' alt="" /> <img src={sku_info.goods_images || 'http://static.ichunt.com//dist/res/home/images/goods_default.png'} className='goodsimg' alt="" />
<div className='info'> <div className='info'>
<div className='box'> <div className='box'>
<h1>{sku_info.sku_name}</h1> <h1>{sku_info.sku_name}</h1>
......
src/pages/GoodsDetail/index.less
.mv-detail-page{ .mv-detail-page{
margin-bottom: 47px; margin-bottom: 47px;
min-height: 500px;
.detail-headers{ .detail-headers{
min-height: 304px; min-height: 304px;
padding:40px 35px; padding:40px 35px;
......
src/pages/GoodsDetail/index.min.css
.mv-detail-page{margin-bottom:47px}.mv-detail-page .detail-headers{min-height:304px;padding:40px 35px;background:#fff}.mv-detail-page .detail-headers .goodsimg{width:222px;height:222px;margin-right:20px}.mv-detail-page .detail-headers .info .box{height:192px;width:420px}.mv-detail-page .detail-headers .info .box h1{font-weight:bold;font-size:18px;color:#313131;line-height:24px;margin-bottom:12px}.mv-detail-page .detail-headers .info .box p{font-size:12px;color:#000000;line-height:25px;max-height:50px;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mv-detail-page .detail-headers .info .handle .btn{width:80px;height:30px;background:#FF9A00;line-height:30px;text-align:center;color:#fff}.mv-detail-page .detail-headers .r{width:452px;min-height:222px;background:#FFFCF8;padding:10px 50px}.mv-detail-page .detail-headers .r .mb23{margin-bottom:24px}.mv-detail-page .detail-headers .r .items{width:50%;font-size:12px;color:#000000;line-height:25px}.mv-detail-page .detail-headers .r .items span{width:50%}.mv-detail-page .detail-section{margin-top:20px}.mv-detail-page .detail-section .secl{width:978px;min-height:330px;background:#FFFFFF;padding:30px}.mv-detail-page .detail-section .secl .lilist-box{border-top:1px solid #e5e5e5;font-size:14px;color:#313131;flex-shrink:0;flex-wrap:wrap;border-left:1px solid #e5e5e5}.mv-detail-page .detail-section .secl .lilist-box p{line-height:36px;width:50%;box-sizing:border-box;height:36px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mv-detail-page .detail-section .secl .lilist-box p b{width:130px;float:left;display:block;border-right:1px solid #e5e5e5;padding-left:20px;background:#F5F5F5;margin-right:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mv-detail-page .detail-section .secl .lilist-box p span{padding-left:10px}.mv-detail-page .detail-section .secl .lilist-box p .ple0 span{padding-left:0px !important}.mv-detail-page .detail-section .secl .goods-mask{height:60px;line-height:30px;color:#313131;font-size:14px}.mv-detail-page .detail-section .secl .goods-mask div{width:130px;float:left;border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding-left:20px;background:#F5F5F5;height:90px}.mv-detail-page .detail-section .secl .goods-mask h4{background:#fff;width:745px;height:90px;padding-left:10px;padding-right:10px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.mv-detail-page .detail-section .secr .item{padding:34px 18px;width:233px;height:330px;transition:all .5s;background:#fff;display:block;margin-bottom:20px}.mv-detail-page .detail-section .secr .item:last-child{margin-bottom:0px}.mv-detail-page .detail-section .secr .item:hover{box-shadow:4px 6px 7px 1px rgba(154,151,149,0.18);transform:translateY(-1px)}.mv-detail-page .detail-section .secr .item img{width:150px;height:109px;display:block;margin:0 auto;margin-bottom:60px}.mv-detail-page .detail-section .secr .item .gos{font-size:14px;color:#000000;line-height:25px;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:50px;margin-bottom:30px}.mv-detail-page .detail-section .secr .item .nam{font-weight:normal;font-size:16px;color:#000000;line-height:18px;text-overflow:ellipsis;overflow:hidden;height:18px;max-width:110px}.mv-detail-page .detail-section .secr .item .prs{font-size:16px;color:#FF0006;line-height:18px}.mv-detail-page .datanos{background:#fff;padding:80px 0}.mv-detail-page .datanos img{height:296px;width:360px;display:block;margin:0 auto} .mv-detail-page{margin-bottom:47px;min-height:500px}.mv-detail-page .detail-headers{min-height:304px;padding:40px 35px;background:#fff}.mv-detail-page .detail-headers .goodsimg{width:222px;height:222px;margin-right:20px}.mv-detail-page .detail-headers .info .box{height:192px;width:420px}.mv-detail-page .detail-headers .info .box h1{font-weight:bold;font-size:18px;color:#313131;line-height:24px;margin-bottom:12px}.mv-detail-page .detail-headers .info .box p{font-size:12px;color:#000000;line-height:25px;max-height:50px;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mv-detail-page .detail-headers .info .handle .btn{width:80px;height:30px;background:#FF9A00;line-height:30px;text-align:center;color:#fff}.mv-detail-page .detail-headers .r{width:452px;min-height:222px;background:#FFFCF8;padding:10px 50px}.mv-detail-page .detail-headers .r .mb23{margin-bottom:24px}.mv-detail-page .detail-headers .r .items{width:50%;font-size:12px;color:#000000;line-height:25px}.mv-detail-page .detail-headers .r .items span{width:50%}.mv-detail-page .detail-section{margin-top:20px}.mv-detail-page .detail-section .secl{width:978px;min-height:330px;background:#FFFFFF;padding:30px}.mv-detail-page .detail-section .secl .lilist-box{border-top:1px solid #e5e5e5;font-size:14px;color:#313131;flex-shrink:0;flex-wrap:wrap;border-left:1px solid #e5e5e5}.mv-detail-page .detail-section .secl .lilist-box p{line-height:36px;width:50%;box-sizing:border-box;height:36px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mv-detail-page .detail-section .secl .lilist-box p b{width:130px;float:left;display:block;border-right:1px solid #e5e5e5;padding-left:20px;background:#F5F5F5;margin-right:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mv-detail-page .detail-section .secl .lilist-box p span{padding-left:10px}.mv-detail-page .detail-section .secl .lilist-box p .ple0 span{padding-left:0px !important}.mv-detail-page .detail-section .secl .goods-mask{height:60px;line-height:30px;color:#313131;font-size:14px}.mv-detail-page .detail-section .secl .goods-mask div{width:130px;float:left;border-right:1px solid #e5e5e5;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;padding-left:20px;background:#F5F5F5;height:90px}.mv-detail-page .detail-section .secl .goods-mask h4{background:#fff;width:745px;height:90px;padding-left:10px;padding-right:10px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.mv-detail-page .detail-section .secr .item{padding:34px 18px;width:233px;height:330px;transition:all .5s;background:#fff;display:block;margin-bottom:20px}.mv-detail-page .detail-section .secr .item:last-child{margin-bottom:0px}.mv-detail-page .detail-section .secr .item:hover{box-shadow:4px 6px 7px 1px rgba(154,151,149,0.18);transform:translateY(-1px)}.mv-detail-page .detail-section .secr .item img{width:150px;height:109px;display:block;margin:0 auto;margin-bottom:60px}.mv-detail-page .detail-section .secr .item .gos{font-size:14px;color:#000000;line-height:25px;word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:50px;margin-bottom:30px}.mv-detail-page .detail-section .secr .item .nam{font-weight:normal;font-size:16px;color:#000000;line-height:18px;text-overflow:ellipsis;overflow:hidden;height:18px;max-width:110px}.mv-detail-page .detail-section .secr .item .prs{font-size:16px;color:#FF0006;line-height:18px}.mv-detail-page .datanos{background:#fff;padding:80px 0}.mv-detail-page .datanos img{height:296px;width:360px;display:block;margin:0 auto}
\ No newline at end of file \ No newline at end of file
src/pages/GoodsDetail/index.tsx
...@@ -6,16 +6,18 @@ import DetailSection from './components/DetailSection'; ...@@ -6,16 +6,18 @@ import DetailSection from './components/DetailSection';
import BreadNav from '../../components/BreadNav'; import BreadNav from '../../components/BreadNav';
import { useNavigate, useParams } from 'react-router-dom'; import { useNavigate, useParams } from 'react-router-dom';
import useRequest from '../../hooks/useRequest'; import useRequest from '../../hooks/useRequest';
import { useEffect, useState } from 'react'; import { useEffect, useRef, useState } from 'react';
import type { DetailResponseType } from './types' import type { DetailResponseType } from './types'
const GoodsDetail = () => { const GoodsDetail = () => {
const navigate = useNavigate() const navigate = useNavigate()
const isReq=useRef(0)
const params = useParams() const params = useParams()
const [detailData, setDetailData] = useState<DetailResponseType>() const [detailData, setDetailData] = useState<DetailResponseType>()
const { request: detailRequest } = useRequest<DetailResponseType>({ manual: true }) const { request: detailRequest } = useRequest<DetailResponseType>({ manual: true })
useEffect(() => { useEffect(() => {
isReq.current=0
detailRequest({ url: '/api/goodsSku/getGoodsSkuDetail', params: { sku_id: params.sku_id } }).then(res => { detailRequest({ url: '/api/goodsSku/getGoodsSkuDetail', params: { sku_id: params.sku_id } }).then(res => {
if (res?.code === 0) { if (res?.code === 0) {
setDetailData(res) setDetailData(res)
...@@ -25,6 +27,7 @@ const GoodsDetail = () => { ...@@ -25,6 +27,7 @@ const GoodsDetail = () => {
} else { } else {
// navigate('/404') // navigate('/404')
} }
isReq.current=1
}) })
}, [detailRequest, params.sku_id, navigate]) }, [detailRequest, params.sku_id, navigate])
...@@ -40,11 +43,20 @@ const GoodsDetail = () => { ...@@ -40,11 +43,20 @@ const GoodsDetail = () => {
</> </>
: :
<> <>
{
isReq.current===1&&
<>
<BreadNav > <strong>找不到型号数据</strong></BreadNav> <BreadNav > <strong>找不到型号数据</strong></BreadNav>
<div className='datanos w1226'> <div className='datanos w1226'>
<img src={require('../../images/p404.png')} alt="" /> <img src={require('../../images/p404.png')} alt="" />
</div> </div>
</>
}
</> </>
} }
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment