实例介绍
【实例简介】react通用的电子商务网站
通用的电子商务网站模板，使用NextJs、AntDesign、ReactHooks等前端技术编码。可以创建一流的电商购物网站，模板附带4 标题样式,25 部分和3 产品细节风格。此外,这个整洁、干净和简单的网站模板—SEO友好的编码模式,将提高你的网站质量。
【实例截图】
【核心代码】
.
├── README.md
├── next.config.js
├── package-lock.json
├── package.json
├── public
│ ├── assets
│ │ ├── css
│ │ │ ├── elegant-icon.css
│ │ │ └── icomoon-icon.css
│ │ ├── fonts
│ │ │ ├── ElegantIcons.eot
│ │ │ ├── ElegantIcons.svg
│ │ │ ├── ElegantIcons.ttf
│ │ │ ├── ElegantIcons.woff
│ │ │ ├── icomoon.eot
│ │ │ ├── icomoon.svg
│ │ │ ├── icomoon.ttf
│ │ │ └── icomoon.woff
│ │ └── images
│ │ ├── banners
│ │ │ ├── 1.png
│ │ │ ├── 2.png
│ │ │ └── 3.png
│ │ ├── footer
│ │ │ └── payment.png
│ │ ├── header
│ │ │ ├── menu-bag.png
│ │ │ └── menu-wishlist.png
│ │ ├── logo-dark.png
│ │ ├── logo.png
│ │ ├── products
│ │ │ ├── clothes
│ │ │ │ ├── 1.png
│ │ │ │ ├── 10.png
│ │ │ │ ├── 11.png
│ │ │ │ ├── 12.png
│ │ │ │ ├── 13.png
│ │ │ │ ├── 14.png
│ │ │ │ ├── 15.png
│ │ │ │ ├── 16.png
│ │ │ │ ├── 17.png
│ │ │ │ ├── 18.png
│ │ │ │ ├── 19.png
│ │ │ │ ├── 2.png
│ │ │ │ ├── 20.png
│ │ │ │ ├── 3.png
│ │ │ │ ├── 4.png
│ │ │ │ ├── 5.png
│ │ │ │ ├── 6.png
│ │ │ │ ├── 7.png
│ │ │ │ ├── 8.png
│ │ │ │ └── 9.png
│ │ │ ├── comestic
│ │ │ │ ├── 1.png
│ │ │ │ ├── 10.png
│ │ │ │ ├── 11.png
│ │ │ │ ├── 12.png
│ │ │ │ ├── 13.png
│ │ │ │ ├── 14.png
│ │ │ │ ├── 15.png
│ │ │ │ ├── 16.png
│ │ │ │ ├── 17.png
│ │ │ │ ├── 18.png
│ │ │ │ ├── 19.png
│ │ │ │ ├── 2.png
│ │ │ │ ├── 20.png
│ │ │ │ ├── 3.png
│ │ │ │ ├── 4.png
│ │ │ │ ├── 5.png
│ │ │ │ ├── 6.png
│ │ │ │ ├── 7.png
│ │ │ │ ├── 8.png
│ │ │ │ └── 9.png
│ │ │ ├── electronic
│ │ │ │ ├── 1.png
│ │ │ │ ├── 10.png
│ │ │ │ ├── 11.png
│ │ │ │ ├── 12.png
│ │ │ │ ├── 13.png
│ │ │ │ ├── 14.png
│ │ │ │ ├── 15.png
│ │ │ │ ├── 16.png
│ │ │ │ ├── 17.png
│ │ │ │ ├── 18.png
│ │ │ │ ├── 19.png
│ │ │ │ ├── 2.png
│ │ │ │ ├── 20.png
│ │ │ │ ├── 3.png
│ │ │ │ ├── 4.png
│ │ │ │ ├── 5.png
│ │ │ │ ├── 6.png
│ │ │ │ ├── 7.png
│ │ │ │ ├── 8.png
│ │ │ │ └── 9.png
│ │ │ ├── fruits
│ │ │ │ ├── 1.png
│ │ │ │ ├── 10.png
│ │ │ │ ├── 11.png
│ │ │ │ ├── 12.png
│ │ │ │ ├── 13.png
│ │ │ │ ├── 14.png
│ │ │ │ ├── 15.png
│ │ │ │ ├── 16.png
│ │ │ │ ├── 17.png
│ │ │ │ ├── 18.png
│ │ │ │ ├── 19.png
│ │ │ │ ├── 2.png
│ │ │ │ ├── 20.png
│ │ │ │ ├── 3.png
│ │ │ │ ├── 4.png
│ │ │ │ ├── 5.png
│ │ │ │ ├── 6.png
│ │ │ │ ├── 7.png
│ │ │ │ ├── 8.png
│ │ │ │ └── 9.png
│ │ │ └── furniture
│ │ │ ├── 1.png
│ │ │ ├── 10.png
│ │ │ ├── 11.png
│ │ │ ├── 12.png
│ │ │ ├── 13.png
│ │ │ ├── 14.png
│ │ │ ├── 15.png
│ │ │ ├── 16.png
│ │ │ ├── 17.png
│ │ │ ├── 18.png
│ │ │ ├── 19.png
│ │ │ ├── 2.png
│ │ │ ├── 20.png
│ │ │ ├── 3.png
│ │ │ ├── 4.png
│ │ │ ├── 5.png
│ │ │ ├── 6.png
│ │ │ ├── 7.png
│ │ │ ├── 8.png
│ │ │ └── 9.png
│ │ ├── shop
│ │ │ └── shop-detail
│ │ │ ├── care-icons.png
│ │ │ └── guaranteed.png
│ │ └── subpages
│ │ ├── home1.png
│ │ ├── home2.png
│ │ ├── home3.png
│ │ └── home4.png
│ └── fav.png
├── react通用的电子商务网站.rar
├── src
│ ├── common
│ │ ├── ClientOnlyPortal.js
│ │ ├── WithHeaderScroll.js
│ │ ├── defines.js
│ │ ├── shopUtils.js
│ │ ├── useDebound.js
│ │ ├── useProductData.js
│ │ ├── utils.js
│ │ └── withReduxStore.js
│ ├── components
│ │ ├── cart
│ │ │ ├── CartSidebar.js
│ │ │ └── CartSidebarItem.js
│ │ ├── controls
│ │ │ └── QuantitySelector.js
│ │ ├── footer
│ │ │ ├── Footer.js
│ │ │ └── elements
│ │ │ └── FooterSubcribe.js
│ │ ├── header
│ │ │ ├── Header.js
│ │ │ └── elements
│ │ │ ├── Menu.js
│ │ │ ├── MenuSidebar.js
│ │ │ ├── SearchBar.js
│ │ │ └── TopNav.js
│ │ ├── layouts
│ │ │ └── LayoutOne.js
│ │ ├── other
│ │ │ ├── Container.js
│ │ │ ├── Loading.js
│ │ │ └── ZoomImage.js
│ │ ├── product
│ │ │ └── Product.js
│ │ ├── productDetail
│ │ │ ├── ProductDetailOne.js
│ │ │ ├── ProductDetailThree.js
│ │ │ ├── ProductDetailTwo.js
│ │ │ ├── elements
│ │ │ │ ├── ProductDetailReviewItem.js
│ │ │ │ └── ProductGuaranteed.js
│ │ │ ├── productDetailContent
│ │ │ │ └── ProductDetailContentOne.js
│ │ │ ├── productDetailImage
│ │ │ │ ├── ProductDetailImageOne.js
│ │ │ │ ├── ProductDetailImageThree.js
│ │ │ │ └── ProductDetailImageTwo.js
│ │ │ └── productDetailTab
│ │ │ ├── ProductDetailTabOne.js
│ │ │ └── ProductDetailTabTwo.js
│ │ ├── shop
│ │ │ ├── Banners.js
│ │ │ ├── ShopContent.js
│ │ │ ├── ShopContentHeader.js
│ │ │ ├── ShopContentProduct.js
│ │ │ ├── ShopLayout.js
│ │ │ ├── ShopQuickView.js
│ │ │ └── ShopSidebar.js
│ │ ├── subpages
│ │ │ └── SubpagesSidebar.js
│ │ └── wishlist
│ │ ├── WishlistSidebar.js
│ │ └── WishlistSidebarItem.js
│ ├── data
│ │ ├── footer-links.json
│ │ └── product.json
│ ├── pages
│ │ ├── 404.js
│ │ ├── _app.js
│ │ ├── _document.js
│ │ ├── homepage2.js
│ │ ├── homepage3.js
│ │ ├── homepage4.js
│ │ ├── index.js
│ │ ├── product
│ │ │ └── [slug].js
│ │ └── shop
│ │ ├── checkout-complete.js
│ │ ├── checkout.js
│ │ └── product-detail
│ │ ├── product-detail-1.js
│ │ ├── product-detail-2.js
│ │ └── product-detail-3.js
│ ├── redux
│ │ ├── actions
│ │ │ ├── cartActions.js
│ │ │ ├── globalActions.js
│ │ │ ├── shopActions.js
│ │ │ └── wishlistActions.js
│ │ ├── defines.js
│ │ ├── reducers
│ │ │ ├── cartReducer.js
│ │ │ ├── globalReducer.js
│ │ │ ├── rootReducer.js
│ │ │ ├── shopReducer.js
│ │ │ └── wishlistReducer.js
│ │ └── store.js
│ └── styles
│ ├── abstracts
│ │ ├── _functions.scss
│ │ ├── _mixins.scss
│ │ └── _variables.scss
│ ├── antd.less
│ ├── base
│ │ ├── _container.scss
│ │ ├── _font-family.scss
│ │ ├── _reset.scss
│ │ └── _transition.scss
│ ├── components
│ │ ├── _banners.scss
│ │ ├── _cart-sidebar.scss
│ │ ├── _loading.scss
│ │ ├── _menu-side.scss
│ │ ├── _menu.scss
│ │ ├── _product.scss
│ │ ├── _quantity-selector.scss
│ │ ├── _subpages-sidebar.scss
│ │ ├── _top-nav.scss
│ │ ├── _ui.scss
│ │ ├── _wishlist-sidebar.scss
│ │ └── _zoom-image.scss
│ ├── layouts
│ │ ├── _checkout-complete.scss
│ │ ├── _checkout.scss
│ │ ├── _content.scss
│ │ ├── _footer.scss
│ │ ├── _header.scss
│ │ ├── _product-detail.scss
│ │ ├── _shop-quickview.scss
│ │ └── _shop.scss
│ ├── pages
│ │ ├── _checkout-complete.scss
│ │ └── _checkout.scss
│ └── styles.scss
└── 帮助文档
├── assets
│ ├── bootstrap.min.css
│ ├── bootstrap.min.js
│ ├── jquery.fancybox.min.css
│ ├── jquery.fancybox.min.js
│ ├── jquery.js
│ └── script.js
├── css
│ ├── normalize.css
│ ├── prettify.css
│ └── style.css
├── images
│ ├── bg-img.jpg
│ ├── change-color-1.png
│ ├── change-color-2.png
│ ├── change-content.png
│ ├── change-logo.png
│ ├── change-mailchimp.png
│ ├── change-map.png
│ ├── code-structure
│ │ ├── component-structure.png
│ │ ├── layout-structure.png
│ │ └── page-structure.png
│ ├── component-structure.png
│ ├── customization
│ │ ├── data.png
│ │ ├── logo.png
│ │ ├── map.png
│ │ └── newsletter.png
│ ├── fav.png
│ ├── favicon.ico
│ ├── files.png
│ ├── folder-structure
│ │ ├── 1.png
│ │ ├── 2.png
│ │ └── 3.png
│ ├── image1.jpg
│ ├── installation
│ │ ├── 1.png
│ │ ├── 2.png
│ │ ├── 3.png
│ │ ├── 4.png
│ │ ├── 5.png
│ │ ├── 6.png
│ │ └── 7.png
│ ├── layout-structure.png
│ ├── logo-white.png
│ ├── node.png
│ ├── npm-build.png
│ ├── npm-dev.png
│ ├── npm-install.png
│ ├── page-structure.png
│ ├── remove-sidebar.png
│ ├── root-folder.png
│ ├── src-folder.png
│ └── yarn.png
├── index.html
├── js
│ ├── jquery.min.js
│ ├── prettify.min.js
│ └── scripts.min.js
└── style.css
60 directories, 285 files
小贴士
感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论