Skip to content

肖康 / Europa-web

Go to a project
Commit 15307176 by 肖康
Options

网站修改

parent 2eced89c
Inline Side-by-side
Showing with 24 additions and 17 deletions
components/Footer/index.module.min.css 0 → 100644
.mvFooterBox{height:160px;background:#F4F4F4}.mvFooterBox .cons{width:1226px;height:120px;margin:0 auto;padding-top:25px}.mvFooterBox .cons .img{height:90px;width:90px}.mvFooterBox .cons .navlink{margin-top:24px}.mvFooterBox .cons .navlink a{padding:0 40px;border-left:1px solid #d1d1d1;font-size:14px;color:#000;height:19px}.mvFooterBox .cons .navlink a:hover{color:#FF9A00}.mvFooterBox .cons .navlink a:first-child{border-left:0px}.mvFooterBox .cons .navlink a:last-child{padding-right:0px}.mvFooterBox .footerBot{height:40px;background:#FF9A00}.mvFooterBox .footerBot .consp{width:1226px;margin:0 auto;height:40px;line-height:40px;color:#FF9A00;font-size:14px;color:#fff}.mvFooterBox .footerBot .consp a{color:#fff;margin-left:30px}
components/Footer/index.module.scss
...@@ -7,9 +7,8 @@ ...@@ -7,9 +7,8 @@
margin: 0 auto; margin: 0 auto;
padding-top: 25px; padding-top: 25px;
.img { .img {
height: 70px; height: 90px;
width: 70px; width: 90px;
border-radius: 70px;
} }
.navlink { .navlink {
margin-top: 24px; margin-top: 24px;
......
components/Footer/index.tsx
...@@ -8,7 +8,7 @@ const Footer = () => { ...@@ -8,7 +8,7 @@ const Footer = () => {
<> <>
<div className={`${footerCss.mvFooterBox} `}> <div className={`${footerCss.mvFooterBox} `}>
<div className={`${footerCss.cons} boxsiz row bothSide`} > <div className={`${footerCss.cons} boxsiz row bothSide`} >
<img src='/images/qq.png' alt='' className={`${footerCss.img} `}/> <img src='/images/logo.png' alt='' className={`${footerCss.img} `}/>
<div className={`${footerCss.navlink} cons boxsiz row bothSide`}> <div className={`${footerCss.navlink} cons boxsiz row bothSide`}>
<Link href='/brands.html'>品牌馆</Link> <Link href='/brands.html'>品牌馆</Link>
<Link href='/about.html'>关于我们</Link> <Link href='/about.html'>关于我们</Link>
......
components/Header/components/SearchH/index.module.min.css
.mvSearchBox{height:146px;background:#FFFFFF}.mvSearchBox .cons{width:1226px;margin:0 auto;padding-top:22px}.mvSearchBox .cons img{width:117px;height:97px}.mvSearchBox .cons .searchInputBox{width:794px;height:40px;background:#FFFFFF;border-radius:2px;border:1px solid #FF9A00;margin-top:13px}.mvSearchBox .cons .searchInputBox .inputGoods{width:588px;height:38px;line-height:38px;padding:0 15px;border-right:1px solid #FF9A00}.mvSearchBox .cons .searchInputBox .inputNums{width:133px;height:38px;line-height:38px;padding:0 15px;border-right:1px solid #FF9A00}.mvSearchBox .cons .searchInputBox .searchbtn{width:71px;height:38px;cursor:pointer;color:#FF9A00}.mvSearchBox .cons .searchInputBox .searchbtn i{font-size:26px} .mvSearchBox{height:146px;background:#FFFFFF}.mvSearchBox .cons{width:1226px;margin:0 auto;padding-top:22px}.mvSearchBox .cons img{width:126px;height:126px;margin-left:54px;margin-top:-5px}.mvSearchBox .cons .searchInputBox{width:794px;height:40px;background:#FFFFFF;border-radius:2px;border:1px solid #FF9A00;margin-top:13px}.mvSearchBox .cons .searchInputBox .inputGoods{width:588px;height:38px;line-height:38px;padding:0 15px;border-right:1px solid #FF9A00}.mvSearchBox .cons .searchInputBox .inputNums{width:133px;height:38px;line-height:38px;padding:0 15px;border-right:1px solid #FF9A00}.mvSearchBox .cons .searchInputBox .searchbtn{width:71px;height:38px;cursor:pointer;color:#FF9A00}.mvSearchBox .cons .searchInputBox .searchbtn i{font-size:26px}
components/Header/components/SearchH/index.module.scss
...@@ -6,8 +6,10 @@ ...@@ -6,8 +6,10 @@
margin:0 auto; margin:0 auto;
padding-top: 22px; padding-top: 22px;
img{ img{
width: 117px; width: 126px;
height: 97px; height: 126px;
margin-left: 54px;
margin-top: -5px;
} }
.searchInputBox{ .searchInputBox{
......
components/Header/components/SearchH/index.tsx
...@@ -49,7 +49,7 @@ const SearchH = () => { ...@@ -49,7 +49,7 @@ const SearchH = () => {
<div className={styles.mvSearchBox}> <div className={styles.mvSearchBox}>
<div className={`${styles.cons} row bothSide boxsiz`}> <div className={`${styles.cons} row bothSide boxsiz`}>
<Link href='/'><img src='/images/qq.png' alt='' /></Link> <Link href='/'><img src='/images/logo.png' alt='' /></Link>
<div className={`${styles.searchInputBox} row boxsiz`}> <div className={`${styles.searchInputBox} row boxsiz`}>
<input type='text' className={`${styles.inputGoods} boxsiz`} value={key} onChange={(e)=>{setKey(e.target.value)}} placeholder='请输入元器件型号、参数查找' /> <input type='text' className={`${styles.inputGoods} boxsiz`} value={key} onChange={(e)=>{setKey(e.target.value)}} placeholder='请输入元器件型号、参数查找' />
<input type='text' className={`${styles.inputNums} boxsiz`} value={num} placeholder='需求数量' onChange={(e)=>{changeNum(e)}}/> <input type='text' className={`${styles.inputNums} boxsiz`} value={num} placeholder='需求数量' onChange={(e)=>{changeNum(e)}}/>
......
hooks/useSeoTitle.tsx
...@@ -23,6 +23,7 @@ export const useSeoTitle = () => { ...@@ -23,6 +23,7 @@ export const useSeoTitle = () => {
return ( return (
<Head> <Head>
<title>{`麒麟电子商城-${titlestr}`}</title> <title>{`麒麟电子商城-${titlestr}`}</title>
<link rel="icon" href="/images/logo.png" />
<meta name="keywords" content="" /> <meta name="keywords" content="" />
<meta name="description" content="" /> <meta name="description" content="" />
</Head> </Head>
......
pages/_app.tsx
...@@ -5,6 +5,7 @@ import type { AppProps } from 'next/app'; ...@@ -5,6 +5,7 @@ import type { AppProps } from 'next/app';
const MyApp= ({ Component, pageProps }:AppProps) => { const MyApp= ({ Component, pageProps }:AppProps) => {
return <Component {...pageProps} /> return <Component {...pageProps} />
......
pages/about.html/index.module.min.css
.mvAboutPage .banner{height:231px;background:url(../../public/images/aboutUsBanner.png) no-repeat top center}.mvAboutPage .section{background:#fff}.mvAboutPage .section .cons{padding:0 143px;padding-top:111px;padding-bottom:119px}.mvAboutPage .section .cons .left{width:267px}.mvAboutPage .section .cons .left .title{border-bottom:1px solid #E7E7E7;font-weight:bold;font-size:20px;color:#313131}.mvAboutPage .section .cons .left .title span{display:inline-block;position:relative;border-bottom:3px solid #00C69F;padding-bottom:22px;top:2px}.mvAboutPage .section .cons .left p{padding-top:22px;font-weight:400;font-size:14px;color:#000000;line-height:30px}.mvAboutPage .section .cons img{width:296px;height:245px;position:relative;top:58px} .mvAboutPage .banner{height:231px;background:url(../../public/images/aboutUsBanner.png) no-repeat top center}.mvAboutPage .section{background:#fff}.mvAboutPage .section .cons{padding:0 143px;padding-top:111px;padding-bottom:119px}.mvAboutPage .section .cons .left{width:267px}.mvAboutPage .section .cons .left .title{border-bottom:1px solid #E7E7E7;font-weight:bold;font-size:20px;color:#313131}.mvAboutPage .section .cons .left .title span{display:inline-block;position:relative;border-bottom:3px solid #00C69F;padding-bottom:22px;top:2px}.mvAboutPage .section .cons .left p{padding-top:22px;font-weight:400;font-size:14px;color:#000000;line-height:30px}.mvAboutPage .section .cons img{width:245px;height:245px;position:relative;top:58px}
pages/about.html/index.module.scss
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
} }
} }
img{ img{
width: 296px; width: 245px;
height: 245px; height: 245px;
position: relative; position: relative;
top:58px; top:58px;
......
pages/about.html/index.tsx
...@@ -35,7 +35,7 @@ const Page = (props: { cateList: ResponseTypeCateList }) => { ...@@ -35,7 +35,7 @@ const Page = (props: { cateList: ResponseTypeCateList }) => {
成为你们希望的模样哦！ 成为你们希望的模样哦！
</p> </p>
</div> </div>
<img src="https://img.ichunt.com/test/images/cms/202405/30/a263b85bf297ae7d85f68a01b5db320d.jpg" alt="" /> <img src="/images/logo.png" alt="" />
</div> </div>
</div> </div>
</div> </div>
......
pages/contact.html/index.module.min.css
.mvContactPage .banner{height:231px;background:url(../../public/images/contactUsBanner.png) no-repeat top center}.mvContactPage .section{background:#fff}.mvContactPage .section .cons{padding:0 143px;padding-top:111px;padding-bottom:119px}.mvContactPage .section .cons .left{width:267px}.mvContactPage .section .cons .left .title{border-bottom:1px solid #E7E7E7;font-weight:bold;font-size:20px;color:#313131}.mvContactPage .section .cons .left .title span{display:inline-block;position:relative;border-bottom:3px solid #00C69F;padding-bottom:22px;top:2px}.mvContactPage .section .cons .left .lxbox{padding-top:30px;margin-bottom:25px}.mvContactPage .section .cons .left .lxbox span{width:44px;height:44px;border:1px solid #00C69F;margin-right:33px}.mvContactPage .section .cons .left .lxbox span i{color:#00C69F;font-size:40px}.mvContactPage .section .cons .left .lxbox .rxs{font-size:16px;color:#888888}.mvContactPage .section .cons .left .lxbox .rxs p{color:#000000;font-weight:bold;margin-top:7px}.mvContactPage .section .cons img{width:296px;height:245px;position:relative;top:58px} .mvContactPage .banner{height:231px;background:url(../../public/images/contactUsBanner.png) no-repeat top center}.mvContactPage .section{background:#fff}.mvContactPage .section .cons{padding:0 143px;padding-top:111px;padding-bottom:119px}.mvContactPage .section .cons .left{width:267px}.mvContactPage .section .cons .left .title{border-bottom:1px solid #E7E7E7;font-weight:bold;font-size:20px;color:#313131}.mvContactPage .section .cons .left .title span{display:inline-block;position:relative;border-bottom:3px solid #00C69F;padding-bottom:22px;top:2px}.mvContactPage .section .cons .left .lxbox{padding-top:30px;margin-bottom:25px}.mvContactPage .section .cons .left .lxbox span{width:44px;height:44px;border:1px solid #00C69F;margin-right:33px}.mvContactPage .section .cons .left .lxbox span i{color:#00C69F;font-size:40px}.mvContactPage .section .cons .left .lxbox .rxs{font-size:16px;color:#888888}.mvContactPage .section .cons .left .lxbox .rxs p{color:#000000;font-weight:bold;margin-top:7px}.mvContactPage .section .cons img{width:245px;height:245px;position:relative;top:58px}
pages/contact.html/index.module.scss
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
} }
} }
img{ img{
width: 296px; width: 245px;
height: 245px; height: 245px;
position: relative; position: relative;
top:58px; top:58px;
......
pages/contact.html/index.tsx
...@@ -38,7 +38,7 @@ const Page = (props: { cateList: ResponseTypeCateList }) => { ...@@ -38,7 +38,7 @@ const Page = (props: { cateList: ResponseTypeCateList }) => {
</div> </div>
</div> </div>
<img src="https://img.ichunt.com/test/images/cms/202405/30/a263b85bf297ae7d85f68a01b5db320d.jpg" alt="" /> <img src="/images/logo.png" alt="" />
</div> </div>
</div> </div>
</div> </div>
......
pages/item/[sku_id].tsx
...@@ -49,7 +49,7 @@ const Page = (props: { cateList: ResponseTypeCateList, detailInfoData: DetailRes ...@@ -49,7 +49,7 @@ const Page = (props: { cateList: ResponseTypeCateList, detailInfoData: DetailRes
<i className="icon iconfont icon-xiangyou1"></i> <i className="icon iconfont icon-xiangyou1"></i>
</> </>
} }
<strong>{detailData.data?.sku_info?.sku_name}</strong> <strong>{sku_info?.sku_name||sku_info?.goods_name}</strong>
</BreadNav> </BreadNav>
<DetailHead {...sku_info} /> <DetailHead {...sku_info} />
<DetailSection {...detailData} /> <DetailSection {...detailData} />
......
public/styles/base.min.css
html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none;outline:none;resize:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}a:hover{color:#FF9A00}table{border-color:#ccc !important}body,html,button,input{font-family:Arial, helvetica, PingFangSC-Regular, PingFang SC, "微软雅黑"}input::-webkit-input-placeholder{color:#808080}.fw{font-weight:bold}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.flex{display:flex}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}body,html{background:#fafafa;font-size:14px;color:#333}.w1226{width:1226px;margin:0 auto}.paginationxk{margin-top:20px;display:flex;justify-content:flex-end}.paginationxk li{display:block;background:#FBFBFB;border-radius:2px;border:1px solid #E8E8E8;text-align:center;line-height:25px;color:#616161;position:relative;transition:all 0.5s;border-radius:1px;font-size:12px;cursor:pointer;margin-left:7px}.paginationxk li.disabled{cursor:not-allowed}.paginationxk li.break a{line-height:19px}.paginationxk li a{color:#616161;display:block;box-sizing:border-box;text-align:center;padding:0 7px;height:25px;line-height:26px;min-width:25px;min-height:25px}.paginationxk li.activexk,.paginationxk li:hover{background:linear-gradient(180deg, #FDFDFD 0%, #E2E2E2 100%);border:1px solid #A1A1A1;color:#313131} html,body,div,iframe,em,img,p,a,strong,b,i,form,label,span,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,applet,object,blockquote,big,cite,code,del,dfn,abbr,acronym,address,pre,time,mark,audio,video,article,aside,canvas,details,embed,figure,figcaption,footer,header,nav,section,menu,button,input,textarea{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:normal;list-style:none;outline:none;resize:none}table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;font-size:100%;font:inherit}a{text-decoration:none}a:hover{color:#FF9A00}table{border-color:#ccc !important}body,html,button,input{font-family:Arial, helvetica, PingFangSC-Regular, PingFang SC, "微软雅黑"}input::-webkit-input-placeholder{color:#808080}.fw{font-weight:bold}.clr:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.clr{display:block;min-height:1%}.clr{clear:both}.clr:after{content:" ";display:table;clear:both}.fl{float:left}.fr{float:right}.fw{font-weight:bold}.ta-c{text-align:center}.ta-r{text-align:right}.ta-l{text-align:left}.flex{display:flex}.column{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.boxsiz{-webkit-box-sizing:border-box;box-sizing:border-box}.bothSide{justify-content:space-between}.avarage{justify-content:space-around}.rowCenter{justify-content:center}.verCenter{align-items:center}body,html{background:#fafafa;font-size:14px;color:#333}.w1226{width:1226px;margin:0 auto}.spinner{display:none !important}.paginationxk{margin-top:20px;display:flex;justify-content:flex-end}.paginationxk li{display:block;background:#FBFBFB;border-radius:2px;border:1px solid #E8E8E8;text-align:center;line-height:25px;color:#616161;position:relative;transition:all 0.5s;border-radius:1px;font-size:12px;cursor:pointer;margin-left:7px}.paginationxk li.disabled{cursor:not-allowed}.paginationxk li.break a{line-height:19px}.paginationxk li a{color:#616161;display:block;box-sizing:border-box;text-align:center;padding:0 7px;height:25px;line-height:26px;min-width:25px;min-height:25px}.paginationxk li.activexk,.paginationxk li:hover{background:linear-gradient(180deg, #FDFDFD 0%, #E2E2E2 100%);border:1px solid #A1A1A1;color:#313131}
public/styles/base.scss
...@@ -221,7 +221,9 @@ html { ...@@ -221,7 +221,9 @@ html {
width: 1226px; width: 1226px;
margin: 0 auto; margin: 0 auto;
} }
.spinner {
display: none !important;
}
.paginationxk{ .paginationxk{
margin-top: 20px; margin-top: 20px;
display: flex; display: flex;
......
types/detailTypes.tsx
...@@ -14,6 +14,7 @@ export type DetailResponseType = { ...@@ -14,6 +14,7 @@ export type DetailResponseType = {
} }
export type skuInfoResponseType = { export type skuInfoResponseType = {
sku_name:string, sku_name:string,
goods_name?:string,
brand_name?:string, brand_name?:string,
goods_images?:string, goods_images?:string,
encap:string, encap:string,
......
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