diff --git a/ant-design-vue-jeecg/src/config/router.config.js b/ant-design-vue-jeecg/src/config/router.config.js
index ad108f89..9031de02 100644
--- a/ant-design-vue-jeecg/src/config/router.config.js
+++ b/ant-design-vue-jeecg/src/config/router.config.js
@@ -642,4 +642,8 @@ export const constantRouterMap = [
     path: '/shopping/views/ClothDetail',//这里是你需要设置新窗口打开的页面的路径s
     component: () => import('@/views/shopping/pages/clothDetail'),
   },
+  {
+    path: '/shopping/views/person',//这里是你需要设置新窗口打开的页面的路径s
+    component: () => import('@/views/shopping/pages/gerenzhongxin'),
+  },
 ]
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/bg05.png b/ant-design-vue-jeecg/src/views/shopping/assets/bg05.png
new file mode 100644
index 00000000..bc6bac21
Binary files /dev/null and b/ant-design-vue-jeecg/src/views/shopping/assets/bg05.png differ
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/common.css b/ant-design-vue-jeecg/src/views/shopping/assets/common.css
index 8e571cd7..78cd8e36 100644
--- a/ant-design-vue-jeecg/src/views/shopping/assets/common.css
+++ b/ant-design-vue-jeecg/src/views/shopping/assets/common.css
@@ -90,4 +90,8 @@ a {
 
 .c_9a9b9b {
   color: #9A9B9B;
-}
\ No newline at end of file
+}
+.c_1B {
+  color: #1B1B1B;
+}
+.textfield {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
\ No newline at end of file
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/details01.png b/ant-design-vue-jeecg/src/views/shopping/assets/details01.png
new file mode 100644
index 00000000..f8273718
Binary files /dev/null and b/ant-design-vue-jeecg/src/views/shopping/assets/details01.png differ
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/details02.png b/ant-design-vue-jeecg/src/views/shopping/assets/details02.png
new file mode 100644
index 00000000..f8273718
Binary files /dev/null and b/ant-design-vue-jeecg/src/views/shopping/assets/details02.png differ
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/details03.png b/ant-design-vue-jeecg/src/views/shopping/assets/details03.png
new file mode 100644
index 00000000..f8273718
Binary files /dev/null and b/ant-design-vue-jeecg/src/views/shopping/assets/details03.png differ
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/details04.png b/ant-design-vue-jeecg/src/views/shopping/assets/details04.png
new file mode 100644
index 00000000..f8273718
Binary files /dev/null and b/ant-design-vue-jeecg/src/views/shopping/assets/details04.png differ
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.css b/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.css
index ff38f99a..3439648d 100644
--- a/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.css
+++ b/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.css
@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 3854415 */
-  src: url('iconfont.woff2?t=1673012900302') format('woff2'),
-       url('iconfont.woff?t=1673012900302') format('woff'),
-       url('iconfont.ttf?t=1673012900302') format('truetype');
+  src: url('iconfont.woff2?t=1673860163583') format('woff2'),
+       url('iconfont.woff?t=1673860163583') format('woff'),
+       url('iconfont.ttf?t=1673860163583') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,26 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-weishoucang:before {
+  content: "\e603";
+}
+
+.icon-yishoucang:before {
+  content: "\e614";
+}
+
+.icon-ic_jia:before {
+  content: "\e608";
+}
+
+.icon-zanting:before {
+  content: "\e640";
+}
+
+.icon-biaoqian:before {
+  content: "\e63d";
+}
+
 .icon-sousuo:before {
   content: "\e622";
 }
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.js b/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.js
index 9a95f567..8490ccc6 100644
--- a/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.js
+++ b/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.js
@@ -1 +1 @@
-window._iconfont_svg_string_3854415='<svg><symbol id="icon-sousuo" viewBox="0 0 1024 1024"><path d="M862.609 816.955L726.44 680.785l-0.059-0.056a358.907 358.907 0 0 0 56.43-91.927c18.824-44.507 28.369-91.767 28.369-140.467 0-48.701-9.545-95.96-28.369-140.467-18.176-42.973-44.19-81.56-77.319-114.689-33.13-33.129-71.717-59.144-114.69-77.32-44.507-18.825-91.767-28.37-140.467-28.37-48.701 0-95.96 9.545-140.467 28.37-42.973 18.176-81.56 44.19-114.689 77.32-33.13 33.129-59.144 71.717-77.32 114.689-18.825 44.507-28.37 91.767-28.37 140.467 0 48.7 9.545 95.96 28.37 140.467 18.176 42.974 44.19 81.561 77.32 114.69 33.129 33.129 71.717 59.144 114.689 77.319 44.507 18.824 91.767 28.369 140.467 28.369 48.7 0 95.96-9.545 140.467-28.369 32.78-13.864 62.997-32.303 90.197-54.968 0.063 0.064 0.122 0.132 0.186 0.195l136.169 136.17c6.25 6.25 14.438 9.373 22.628 9.373 8.188 0 16.38-3.125 22.627-9.372 12.496-12.496 12.496-32.758 0-45.254z m-412.274-69.466c-79.907 0-155.031-31.118-211.534-87.62-56.503-56.503-87.62-131.627-87.62-211.534s31.117-155.031 87.62-211.534c56.502-56.503 131.626-87.62 211.534-87.62s155.031 31.117 211.534 87.62c56.502 56.502 87.62 131.626 87.62 211.534s-31.118 155.031-87.62 211.534c-56.503 56.502-131.627 87.62-211.534 87.62z" fill="" ></path></symbol><symbol id="icon-gerenzhongxin" viewBox="0 0 1024 1024"><path d="M509.3 511.3c-117.1 0-212.4-95.3-212.4-212.4S392.2 86.5 509.3 86.5c117.1 0 212.4 95.3 212.4 212.4s-95.3 212.4-212.4 212.4z m0-374.8c-89.5 0-162.4 72.9-162.4 162.4s72.9 162.4 162.4 162.4 162.4-72.9 162.4-162.4-72.9-162.4-162.4-162.4z"  ></path><path d="M812.5 903.5H219.1c-29.3 0-56.7-13.1-75.1-35.9-18.4-22.8-25.4-52.4-19.1-81.1 19.6-90.5 68.9-172.6 138.7-231.4 34.9-29.4 74-52.3 116.1-68.1 43.6-16.4 89.4-24.6 136.2-24.6s92.6 8.3 136.2 24.6c42.1 15.8 81.1 38.7 116 68.1 69.8 58.7 119 140.9 138.7 231.4 6.2 28.7-0.7 58.3-19.1 81.1-18.5 22.8-45.9 35.9-75.2 35.9zM515.8 512.4c-40.8 0-80.7 7.2-118.6 21.5-36.8 13.8-70.9 33.8-101.4 59.5-61.4 51.7-104.7 124-122 203.7-3 13.9 0.3 28.1 9.2 39.1 8.9 11 22 17.3 36.2 17.3h593.4c14.1 0 27.3-6.3 36.2-17.3 8.9-11 12.2-25.3 9.2-39.1-17.3-79.7-60.7-152.1-122-203.7-30.5-25.7-64.7-45.7-101.4-59.5-38.1-14.3-78.1-21.5-118.8-21.5z"  ></path></symbol><symbol id="icon-gouwudai" viewBox="0 0 1024 1024"><path d="M615.8 263H408.3c-11.4 0-20.8 9.3-20.8 20.8s9.3 20.8 20.8 20.8h207.5c11.4 0 20.8-9.3 20.8-20.8s-9.4-20.8-20.8-20.8z"  ></path><path d="M927 761h-4.2l-53.2-425.3c-5.2-41.5-57-72.7-98.9-72.7h-52.5c-10.4-93.2-89.6-166-185.5-166h-41.5c-96 0-175.2 72.8-185.5 166h-69c-41.9 0-77.2 31.2-82.4 72.7L101.2 761H97v41.5h0.1C97 870.2 151.9 927 221.5 927h581c69.6 0 124.6-56.8 124.4-124.5h0.1V761zM195.6 340.9c2.6-20.7 20.3-36.4 41.2-36.4h67.7v88.8c-12.4 7.2-20.8 20.4-20.8 35.7 0 22.9 18.6 41.5 41.5 41.5s41.5-18.6 41.5-41.5c0-15.3-8.4-28.6-20.8-35.7V283.8c0-80.1 65.2-145.3 145.3-145.3h41.5c80.1 0 145.3 65.2 145.3 145.3v109.5c-12.4 7.2-20.8 20.4-20.8 35.7 0 22.9 18.6 41.5 41.5 41.5s41.5-18.6 41.5-41.5c0-15.3-8.4-28.6-20.8-35.7v-88.8h51.2c24.3 0 55.6 19.7 57.7 36.4L881 761H143l52.6-420.1z m669.1 516.5c-16 18.1-38.1 28.1-62.2 28.1h-581c-24.2 0-46.2-10-62.2-28.1-13.7-15.5-20.4-34.7-20.3-54.9h746.1c0 20.2-6.7 39.5-20.4 54.9z"  ></path></symbol></svg>',function(n){var t=(t=document.getElementsByTagName("script"))[t.length-1],e=t.getAttribute("data-injectcss"),t=t.getAttribute("data-disable-injectsvg");if(!t){var c,o,i,s,d,a=function(t,e){e.parentNode.insertBefore(t,e)};if(e&&!n.__iconfont__svg__cssinject__){n.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}c=function(){var t,e=document.createElement("div");e.innerHTML=n._iconfont_svg_string_3854415,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?a(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(c,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),c()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(i=c,s=n.document,d=!1,h(),s.onreadystatechange=function(){"complete"==s.readyState&&(s.onreadystatechange=null,l())})}function l(){d||(d=!0,i())}function h(){try{s.documentElement.doScroll("left")}catch(t){return void setTimeout(h,50)}l()}}(window);
\ No newline at end of file
+window._iconfont_svg_string_3854415='<svg><symbol id="icon-weishoucang" viewBox="0 0 1024 1024"><path d="M512 799.507692l322.953846-319.015384c31.507692-31.507692 51.2-78.769231 51.2-126.03077 0-47.261538-19.692308-90.584615-51.2-126.030769-31.507692-31.507692-78.769231-51.2-126.030769-51.2-47.261538 0-90.584615 19.692308-126.030769 51.2l-31.507693 31.507693-39.384615 39.384615-43.323077-43.323077-27.569231-27.569231c-35.446154-31.507692-78.769231-51.2-126.030769-51.2-47.261538 0-90.584615 19.692308-126.030769 51.2-31.507692 35.446154-51.2 78.769231-51.2 126.030769 0 47.261538 19.692308 90.584615 51.2 126.03077l322.953846 319.015384m0 82.707693l-362.338462-362.338462c-90.584615-90.584615-90.584615-240.246154 0-334.769231C192.984615 141.784615 252.061538 118.153846 315.076923 118.153846s122.092308 23.630769 165.415385 70.892308l31.507692 27.569231 27.569231-27.569231C582.892308 141.784615 645.907692 118.153846 708.923077 118.153846c63.015385 0 122.092308 23.630769 165.415385 70.892308 90.584615 90.584615 90.584615 240.246154 0 334.769231L512 882.215385z" fill="#666666" ></path></symbol><symbol id="icon-yishoucang" viewBox="0 0 1024 1024"><path d="M512 882.215385l-362.338462-362.338462c-90.584615-90.584615-90.584615-240.246154 0-334.769231 90.584615-90.584615 240.246154-90.584615 334.769231 0l27.569231 31.507693 27.569231-27.569231c90.584615-90.584615 240.246154-90.584615 334.769231 0 90.584615 90.584615 90.584615 240.246154 0 334.769231L512 882.215385z" fill="#F30240" ></path></symbol><symbol id="icon-ic_jia" viewBox="0 0 1024 1024"><path d="M490.666667 547.591111V433.777778a21.333333 21.333333 0 0 1 21.333333-21.333334c39.274667 0 71.111111-31.836444 71.111111-71.111111s-31.836444-71.111111-71.111111-71.111111-71.111111 31.836444-71.111111 71.111111h-42.666667c0-62.840889 50.936889-113.777778 113.777778-113.777777s113.777778 50.936889 113.777778 113.777777c0 55.544889-39.800889 101.795556-92.444445 111.786667V547.555556l341.333334 113.777777c29.376 14.108444 49.777778 43.783111 49.777777 78.222223 0 47.125333-38.208 85.333333-85.333333 85.333333H184.888889c-47.125333 0-85.333333-38.208-85.333333-85.333333 0-34.439111 20.401778-64.113778 49.777777-77.596445l341.333334-114.368z m21.333333 37.831111l-341.987556 113.991111-2.88 1.322667A42.673778 42.673778 0 0 0 142.222222 739.555556a42.666667 42.666667 0 0 0 42.666667 42.666666h654.222222a42.666667 42.666667 0 0 0 42.666667-42.666666 42.673778 42.673778 0 0 0-24.910222-38.819556l-2.88-1.322667L512 585.422222z" fill="#333333" ></path></symbol><symbol id="icon-zanting" viewBox="0 0 1024 1024"><path d="M512.01598 0C229.68971 0 0 229.68971 0 512.01598s229.68971 511.98402 512.01598 511.98402c282.29431 0 511.98402-229.68971 511.98402-511.98402S794.31029 0 512.01598 0zM512.01598 960.081895C264.940545 960.081895 63.918105 759.059455 63.918105 512.01598S264.940545 63.918105 512.01598 63.918105c247.043476 0 448.065916 201.02244 448.065916 448.097875S759.059455 960.081895 512.01598 960.081895zM743.079929 472.195l-279.833463-171.172685-4.122718-2.141257c-2.36497-1.02269-23.969289-9.939265-46.947848-9.939265-39.757061 0-65.484098 26.430136-65.484098 67.273805l0 324.895727 1.725789 5.017571c6.008302 17.673356 26.174464 47.55507 63.374801 47.55507l0 0c11.824849 0 24.065167-3.195905 37.551887-10.099061l276.637558-156.791111 2.716519-1.757748c19.047595-13.48672 39.629225-47.363316 18.440373-85.522424L743.079929 472.195zM419.047096 667.368934c-4.026841 2.045379-6.295933 2.36497-7.030992 2.428888-0.383509-0.319591-0.862894-0.862894-1.374239-1.534035l0-312.048188c0-1.374239 0.063918-2.492806 0.191754-3.323741 5.912425-0.319591 16.970257 2.460847 21.508442 4.122718l256.918823 157.142661L419.047096 667.368934z" fill="#272636" ></path></symbol><symbol id="icon-biaoqian" viewBox="0 0 1024 1024"><path d="M920.528912 444.49616l-340.111125-340.114737a135.932464 135.932464 0 0 0-96.155899-39.758503L200.418112 64.662657h-0.018063C125.275769 64.662657 64.301413 125.40943 64.301413 200.548159v283.673992a136.091412 136.091412 0 0 0 39.881326 96.199248l340.230335 340.241173a136.022775 136.022775 0 0 0 192.369598 0l283.74624-283.76069c53.128139-53.131752 53.128139-139.277583 0-192.405722z m-45.209673 147.192436l-283.746241 283.760691a72.064544 72.064544 0 0 1-101.924964 0l-340.212273-340.241173A72.187367 72.187367 0 0 1 128.241582 484.218538V200.548159A72.021195 72.021195 0 0 1 200.396437 128.602826l283.843776-0.039737a71.887535 71.887535 0 0 1 50.935389 21.053294l340.114737 340.1039a72.104281 72.104281 0 0 1 0.0289 101.968313z" fill="" ></path><path d="M384.002258 255.999097c-70.69543 0-128.003161 57.307731-128.003161 128.003161S313.306828 511.998194 384.002258 511.998194s127.999548-57.307731 127.999548-127.999549S454.690463 255.999097 384.002258 255.999097z m45.296371 173.29592a64.059379 64.059379 0 1 1 18.759396-45.292759 63.640337 63.640337 0 0 1-18.763008 45.292759z" fill="" ></path></symbol><symbol id="icon-sousuo" viewBox="0 0 1024 1024"><path d="M862.609 816.955L726.44 680.785l-0.059-0.056a358.907 358.907 0 0 0 56.43-91.927c18.824-44.507 28.369-91.767 28.369-140.467 0-48.701-9.545-95.96-28.369-140.467-18.176-42.973-44.19-81.56-77.319-114.689-33.13-33.129-71.717-59.144-114.69-77.32-44.507-18.825-91.767-28.37-140.467-28.37-48.701 0-95.96 9.545-140.467 28.37-42.973 18.176-81.56 44.19-114.689 77.32-33.13 33.129-59.144 71.717-77.32 114.689-18.825 44.507-28.37 91.767-28.37 140.467 0 48.7 9.545 95.96 28.37 140.467 18.176 42.974 44.19 81.561 77.32 114.69 33.129 33.129 71.717 59.144 114.689 77.319 44.507 18.824 91.767 28.369 140.467 28.369 48.7 0 95.96-9.545 140.467-28.369 32.78-13.864 62.997-32.303 90.197-54.968 0.063 0.064 0.122 0.132 0.186 0.195l136.169 136.17c6.25 6.25 14.438 9.373 22.628 9.373 8.188 0 16.38-3.125 22.627-9.372 12.496-12.496 12.496-32.758 0-45.254z m-412.274-69.466c-79.907 0-155.031-31.118-211.534-87.62-56.503-56.503-87.62-131.627-87.62-211.534s31.117-155.031 87.62-211.534c56.502-56.503 131.626-87.62 211.534-87.62s155.031 31.117 211.534 87.62c56.502 56.502 87.62 131.626 87.62 211.534s-31.118 155.031-87.62 211.534c-56.503 56.502-131.627 87.62-211.534 87.62z" fill="" ></path></symbol><symbol id="icon-gerenzhongxin" viewBox="0 0 1024 1024"><path d="M509.3 511.3c-117.1 0-212.4-95.3-212.4-212.4S392.2 86.5 509.3 86.5c117.1 0 212.4 95.3 212.4 212.4s-95.3 212.4-212.4 212.4z m0-374.8c-89.5 0-162.4 72.9-162.4 162.4s72.9 162.4 162.4 162.4 162.4-72.9 162.4-162.4-72.9-162.4-162.4-162.4z"  ></path><path d="M812.5 903.5H219.1c-29.3 0-56.7-13.1-75.1-35.9-18.4-22.8-25.4-52.4-19.1-81.1 19.6-90.5 68.9-172.6 138.7-231.4 34.9-29.4 74-52.3 116.1-68.1 43.6-16.4 89.4-24.6 136.2-24.6s92.6 8.3 136.2 24.6c42.1 15.8 81.1 38.7 116 68.1 69.8 58.7 119 140.9 138.7 231.4 6.2 28.7-0.7 58.3-19.1 81.1-18.5 22.8-45.9 35.9-75.2 35.9zM515.8 512.4c-40.8 0-80.7 7.2-118.6 21.5-36.8 13.8-70.9 33.8-101.4 59.5-61.4 51.7-104.7 124-122 203.7-3 13.9 0.3 28.1 9.2 39.1 8.9 11 22 17.3 36.2 17.3h593.4c14.1 0 27.3-6.3 36.2-17.3 8.9-11 12.2-25.3 9.2-39.1-17.3-79.7-60.7-152.1-122-203.7-30.5-25.7-64.7-45.7-101.4-59.5-38.1-14.3-78.1-21.5-118.8-21.5z"  ></path></symbol><symbol id="icon-gouwudai" viewBox="0 0 1024 1024"><path d="M615.8 263H408.3c-11.4 0-20.8 9.3-20.8 20.8s9.3 20.8 20.8 20.8h207.5c11.4 0 20.8-9.3 20.8-20.8s-9.4-20.8-20.8-20.8z"  ></path><path d="M927 761h-4.2l-53.2-425.3c-5.2-41.5-57-72.7-98.9-72.7h-52.5c-10.4-93.2-89.6-166-185.5-166h-41.5c-96 0-175.2 72.8-185.5 166h-69c-41.9 0-77.2 31.2-82.4 72.7L101.2 761H97v41.5h0.1C97 870.2 151.9 927 221.5 927h581c69.6 0 124.6-56.8 124.4-124.5h0.1V761zM195.6 340.9c2.6-20.7 20.3-36.4 41.2-36.4h67.7v88.8c-12.4 7.2-20.8 20.4-20.8 35.7 0 22.9 18.6 41.5 41.5 41.5s41.5-18.6 41.5-41.5c0-15.3-8.4-28.6-20.8-35.7V283.8c0-80.1 65.2-145.3 145.3-145.3h41.5c80.1 0 145.3 65.2 145.3 145.3v109.5c-12.4 7.2-20.8 20.4-20.8 35.7 0 22.9 18.6 41.5 41.5 41.5s41.5-18.6 41.5-41.5c0-15.3-8.4-28.6-20.8-35.7v-88.8h51.2c24.3 0 55.6 19.7 57.7 36.4L881 761H143l52.6-420.1z m669.1 516.5c-16 18.1-38.1 28.1-62.2 28.1h-581c-24.2 0-46.2-10-62.2-28.1-13.7-15.5-20.4-34.7-20.3-54.9h746.1c0 20.2-6.7 39.5-20.4 54.9z"  ></path></symbol></svg>',function(c){var t=(t=document.getElementsByTagName("script"))[t.length-1],e=t.getAttribute("data-injectcss"),t=t.getAttribute("data-disable-injectsvg");if(!t){var i,o,n,l,a,s=function(t,e){e.parentNode.insertBefore(t,e)};if(e&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}i=function(){var t,e=document.createElement("div");e.innerHTML=c._iconfont_svg_string_3854415,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?s(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(i,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),i()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(n=i,l=c.document,a=!1,h(),l.onreadystatechange=function(){"complete"==l.readyState&&(l.onreadystatechange=null,d())})}function d(){a||(a=!0,n())}function h(){try{l.documentElement.doScroll("left")}catch(t){return void setTimeout(h,50)}d()}}(window);
\ No newline at end of file
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.json b/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.json
index acb41baa..622d2a89 100644
--- a/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.json
+++ b/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.json
@@ -5,6 +5,41 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "9526741",
+      "name": "未收藏",
+      "font_class": "weishoucang",
+      "unicode": "e603",
+      "unicode_decimal": 58883
+    },
+    {
+      "icon_id": "9526824",
+      "name": "已收藏",
+      "font_class": "yishoucang",
+      "unicode": "e614",
+      "unicode_decimal": 58900
+    },
+    {
+      "icon_id": "5219331",
+      "name": "衣架",
+      "font_class": "ic_jia",
+      "unicode": "e608",
+      "unicode_decimal": 58888
+    },
+    {
+      "icon_id": "887983",
+      "name": "暂停",
+      "font_class": "zanting",
+      "unicode": "e640",
+      "unicode_decimal": 58944
+    },
+    {
+      "icon_id": "1305451",
+      "name": "标签",
+      "font_class": "biaoqian",
+      "unicode": "e63d",
+      "unicode_decimal": 58941
+    },
     {
       "icon_id": "1304890",
       "name": "搜索",
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.ttf b/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.ttf
index 57e07f90..45e4eccf 100644
Binary files a/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.ttf and b/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.ttf differ
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.woff b/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.woff
index a5ceba4d..6fea7e63 100644
Binary files a/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.woff and b/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.woff differ
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.woff2 b/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.woff2
index 6a42ba0b..57a48c17 100644
Binary files a/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.woff2 and b/ant-design-vue-jeecg/src/views/shopping/assets/iconfont/iconfont.woff2 differ
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/photo.png b/ant-design-vue-jeecg/src/views/shopping/assets/photo.png
new file mode 100644
index 00000000..d6e42647
Binary files /dev/null and b/ant-design-vue-jeecg/src/views/shopping/assets/photo.png differ
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/selected01.png b/ant-design-vue-jeecg/src/views/shopping/assets/selected01.png
new file mode 100644
index 00000000..58e1c63b
Binary files /dev/null and b/ant-design-vue-jeecg/src/views/shopping/assets/selected01.png differ
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/selected02.png b/ant-design-vue-jeecg/src/views/shopping/assets/selected02.png
new file mode 100644
index 00000000..3b122aea
Binary files /dev/null and b/ant-design-vue-jeecg/src/views/shopping/assets/selected02.png differ
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/selected03.png b/ant-design-vue-jeecg/src/views/shopping/assets/selected03.png
new file mode 100644
index 00000000..4ed8228d
Binary files /dev/null and b/ant-design-vue-jeecg/src/views/shopping/assets/selected03.png differ
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/selected04.png b/ant-design-vue-jeecg/src/views/shopping/assets/selected04.png
new file mode 100644
index 00000000..76cb95f1
Binary files /dev/null and b/ant-design-vue-jeecg/src/views/shopping/assets/selected04.png differ
diff --git a/ant-design-vue-jeecg/src/views/shopping/assets/selected05.png b/ant-design-vue-jeecg/src/views/shopping/assets/selected05.png
new file mode 100644
index 00000000..a054f09f
Binary files /dev/null and b/ant-design-vue-jeecg/src/views/shopping/assets/selected05.png differ
diff --git a/ant-design-vue-jeecg/src/views/shopping/components/Header/HeaderView.vue b/ant-design-vue-jeecg/src/views/shopping/components/Header/HeaderView.vue
index c362e53a..429a792f 100644
--- a/ant-design-vue-jeecg/src/views/shopping/components/Header/HeaderView.vue
+++ b/ant-design-vue-jeecg/src/views/shopping/components/Header/HeaderView.vue
@@ -24,7 +24,7 @@
         <!-- <img src="@/assets/sousuo.png" alt="" /> -->
         <span class="iconfont icon-sousuo" :style="{ color: fontColor }"></span>
       </router-link>
-      <router-link to="person">
+      <router-link to="/shopping/views/person">
         <!-- <img src="@/assets/gerenzhongxin.png" alt=""/> -->
         <span
           class="iconfont icon-gerenzhongxin"
diff --git a/ant-design-vue-jeecg/src/views/shopping/pages/clothDetail.vue b/ant-design-vue-jeecg/src/views/shopping/pages/clothDetail.vue
index d7c9cc70..4b6d67cb 100644
--- a/ant-design-vue-jeecg/src/views/shopping/pages/clothDetail.vue
+++ b/ant-design-vue-jeecg/src/views/shopping/pages/clothDetail.vue
@@ -1,20 +1,203 @@
 <template>
   <div class="clothDetails">
     <Header fontColor="#000"></Header>
-    <div class="detailDiv">
-      详情页衣服id{{ this.$route.query.id }} 详情页衣服title{{
-      this.$route.query.title
-      }}
+    <div class="jz menu d-flex">
+      <el-breadcrumb separator="/">
+        <el-breadcrumb-item :to="{ path: '/shopping/views/clothType' }">服装类型</el-breadcrumb-item>
+        <el-breadcrumb-item :to="{ path: '/shopping/views/clothType' }">男装</el-breadcrumb-item>
+        <el-breadcrumb-item :to="{ path: '/shopping/views/clothType' }">裤子</el-breadcrumb-item>
+        <el-breadcrumb-item>{{
+          this.$route.query.title
+          }}</el-breadcrumb-item>
+      </el-breadcrumb>
+      <div class="collect d-flex">
+        <span v-if="collectFlag" class="iconfont icon-weishoucang"></span>
+        <span v-else class="iconfont icon-yishoucang"></span>
+        <span>点击收藏（{{popularity}}人气）</span>
+      </div>
+
     </div>
+    <div class="detailDiv jz d-flex">
+      <!--      详情页衣服id{{ this.$route.query.id }} 详情页衣服title{{-->
+      <!--      this.$route.query.title-->
+      <!--      }} -->
+      <div class="l">
+        <a-carousel arrows dots-class="slick-dots slick-thumb">
+          <a slot="customPaging" slot-scope="props">
+            <img src="../assets/details02.png" />
+          </a>
+          <div v-for="(item,index) in baseUrl" :key="index">
+            <img :src="item" />
+          </div>
+        </a-carousel>
+      </div>
+      <div class="r">
+        <div class="title f_20">{{title}}</div>
+        <p class="sales f_12">销量：{{sales}}件</p>
+        <p class="price f_14 c_333">价格：<span class="f_20">¥{{price}}</span></p>
+        <p class="favour f_14 c_333">优惠：<span class="f_12">{{favour}}</span></p>
+        <p class="sell f_14 c_333 d-flex">促销：<span class="f_14">{{sell}}</span><span class="button">详情>>></span></p>
+        <div class="line"></div>
+        <div class="color f_14">颜色:{{color}} </div>
+        <a-radio-group v-model="radioValue" @change="onChange">
+          <a-radio :value="1">
+            黑
+          </a-radio>
+          <a-radio :value="2">
+            灰
+          </a-radio>
+          <a-radio :value="3">
+            橙
+          </a-radio>
+        </a-radio-group>
+        <div class="size f_14">尺码:<a>尺码参照表</a> | <i class="iconfont icon-ic_jia"></i> <span class="c_333 f_14">找到您的尺寸</span></div>
+        <div class="sizeDiv d-flex">
+          <span class="item f_16" v-for="(item,index) in sizeList" :key="index">{{item.size}}</span>
+        </div>
+        <div class="line"></div>
+        <div class="serve f_16 c_1B">免费配送与退货服务<span class="button">更多详情</span></div>
+        <div class="line"></div>
+        <div class="stages f_16 c_1B">使用花呗分期，最低每月¥1182.50。<span class="button c_1B">详细说明</span></div>
+        <div class="d-flex btnDiv">
+          <div class="dialogButton primary f_14">加入购物袋</div>
+          <div type="primary" class="dialogButton default  f_14">立即购买</div></div>
+
+      </div>
+
+    </div>
+    <div class="selected jz">
+      <div class="title f_16 c_333">已选</div>
+      <div class="selectedCloth d-flex">
+        <div class="item" v-for="(item,index) in selectedClothList" :key="index">
+          <img :src="item.url">
+          <p class="c_333">{{item.text}}</p>
+        </div>
+      </div>
+    </div>
+    <div class="detail jz">
+      <div class="title d-flex">
+        <span class="c_fff">商品介绍</span>
+        <span class="c_fff">加入购物车</span>
+      </div>
+      <table>
+        <tr>
+          <td class="textfield">商品名称：{{clothDetail.name}}</td>
+          <td>商品编号：{{clothDetail.num}}</td>
+          <td>风格：{{clothDetail.style}}</td>
+          <td>商品毛重：{{clothDetail.weight}}</td>
+        </tr>
+        <tr>
+          <td>货号：{{clothDetail.itemNo}}</td>
+          <td>领型：{{clothDetail.collar}}</td>
+          <td>材质：{{clothDetail.material}}</td>
+          <td>适用场景：{{clothDetail.scene}}</td>
+        </tr>
+        <tr>
+          <td>版型：{{clothDetail.type}}</td>
+          <td>衣门襟：{{clothDetail.placket}}</td>
+          <td>开衩设计：{{clothDetail.slit}}</td>
+          <td>适用人群：{{clothDetail.people}}</td>
+        </tr>
+      </table>
+    </div>
+    <Footer></Footer>
   </div>
 </template>
 <script>
   import Header from "../components/Header/HeaderView";
+  import Footer from "../components/Footer/FooterView"
   export default {
     name: "clothDetail",
-    components: { Header },
+    components: { Header,Footer },
     data() {
-      return {};
+      return {
+        radioValue: 1,
+        collectFlag:false,//是否收藏
+        popularity:0,//人气
+        title:'【西服定制】定制西装男套装结婚西装婚礼伴郎订婚正装新郎西服套装夏季 款式仅供参考 一人一版量身定制',//标题
+        sales:2342,//销量
+        price:13200.00,//价格
+        favour:'满1100减300',//优惠
+        sell:'每满300元，可减40元现金，每满600元，可减80元现金，最多可减40000元 | 距结束还剩',//促销
+        color:'黑色',//颜色
+        sizeList:[
+          {
+            id:1,
+            size:"XXS"
+          },
+          {
+            id:2,
+            size:"XS"
+          },
+          {
+            id:3,
+            size:"S"
+          },
+          {
+            id:4,
+            size:"M"
+          },
+          {
+            id:5,
+            size:"L"
+          },
+          {
+            id:6,
+            size:"XL"
+          },
+          {
+            id:7,
+            size:"XXL"
+          },
+        ],
+        selectedClothList:[
+          {
+            id:1,
+            text:'明门襟',
+            url:require("../assets/selected04.png")
+          },
+          {
+            id:2,
+            text:'大八字领',
+            url:require("../assets/selected02.png")
+          },
+          {
+            id:3,
+            text:'无口袋',
+            url:require("../assets/selected05.png")
+          },
+          {
+            id:4,
+            text:'边褶不收省',
+            url:require("../assets/selected03.png")
+          },
+          {
+            id:5,
+            text:'礼服圆角',
+            url:require("../assets/selected01.png")
+          },
+        ],//已选的图片信息
+        clothDetail:{
+          name:'【西服定制】定制西装男套装结婚西装婚礼伴郎订婚正装新郎西服套装夏季 款式仅供参考 一人一版量身定制',
+          num:10053909681884,
+          style:'通勤风',
+          weight:'1.0Kg',
+          itemNo:'3680婚庆西服',
+          collar:'青果领',
+          material:'羊毛100%',
+          scene:'婚礼，宴会',
+          type:'标准型',
+          placket:'单排扣',
+          slit:'后中开衩',
+          people:'青年'
+        },//商品信息
+        baseUrl:[require("../assets/details01.png"),require("../assets/details02.png"),require("../assets/details03.png"),require("../assets/details04.png"),]
+      };
+    },
+    methods: {
+      onChange(e) {
+        console.log('radio checked', e.target.value);
+      },
     },
   };
 </script>
@@ -24,9 +207,224 @@
   }
 </style>
 <style lang="less" scoped>
+  @import '../assets/common.css';
   .clothDetails {
-    .detailDiv {
+    .menu{
+      justify-content: space-between;
       padding-top: 100px;
+      .collect{
+        &:hover .iconfont{
+          color: red;
+        }
+        align-items: center;
+        font-size: 14px;
+        span{
+          margin-right: 5px;
+          vertical-align: top;
+        }
+
+      }
+
+    }
+    .detailDiv {
+      justify-content: space-between;
+      min-width: 1200px;
+      .l{
+        width: 610px;
+        .cloth{
+          width: 610px;
+          height: 641px;
+        }
+      }
+      .r{
+        padding: 20px;
+        .title{
+          color: #1B1B1B;
+          font-weight: 500;
+          margin-bottom: 16px;
+        }
+        .sales{
+          font-weight: 400;
+          color: rgba(51,51,51,0.5);
+        }
+        .favour{
+          color: #746957;
+          span{
+            border: 1px solid #746957;
+            padding: 2px 5px;
+          }
+        }
+        .sell{
+          align-items: center;
+          .f_14{
+            display: inline-block;
+            width: 50%;
+            overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
+          }
+        }
+        .line{
+          height: 0px;
+          border-bottom: 1px solid #ccc;
+          margin: 20px 0 20px 0;
+        }
+        .color{
+          font-weight: 600;
+          color: #1B1B1B;
+          margin-bottom: 15px;
+        }
+        & /deep/ .ant-radio-wrapper{
+          margin-right: 25px;
+        }
+        .size{
+          margin-top: 20px;
+          a{
+            margin-left: 20px;
+            text-decoration: underline;
+            color: #333333;
+            margin-right: 20px;
+          }
+          i{
+            margin-left: 20px;
+            margin-right: 6px;
+            color: #1B1B1B;
+          }
+        }
+        .sizeDiv{
+          margin-top: 20px;
+          margin-bottom: 20px;
+          .item{
+            margin-right: 30px;
+            color: #1B1B1B ;
+          }
+        }
+        .serve{
+          font-weight: 600;
+          .button{
+            margin-left: 10px;
+            text-decoration: underline;
+          }
+        }
+        .stages{
+          color: #B79674;
+          margin-bottom: 30px;
+          .button{
+            text-decoration: underline;
+          }
+        }
+        .btnDiv{
+          justify-content: space-around;
+          .dialogButton {
+            width: 35%;
+            min-width: 300px;
+            height: 44px;
+            text-align: center;
+            line-height: 44px;
+            transition: all 0.2s;
+          }
+          .default {
+            border: 1px solid #1b1b1b;
+            color: #1b1b1b;
+            margin-right: 20px;
+
+            &:hover {
+              border-color: #fff;
+              color: #fff;
+              background-color: #1b1b1b;
+            }
+          }
+          .primary {
+            background: #1b1b1b;
+            border: 2px solid #1b1b1b;
+            color: #e5dfd9;
+            &:hover {
+              // border-color: #1b1b1b;
+              // color: #1b1b1b;
+              // background-color: #fff;
+              opacity: 0.8;
+            }
+          }
+        }
+
+      }
+    }
+    .selected{
+      .title{
+      border-left: 5px solid #746957;
+      height: 40px;
+      line-height: 40px;
+      padding-left: 25px;
+        margin-bottom: 50px;
+      }
+      .selectedCloth{
+        flex-wrap: wrap;
+        .item{
+          margin-right: 55px;
+          width: 180px;
+          height: 250px;
+          img{
+            width: 180px;
+            height: 180px;
+            margin-bottom: 20px;
+          }
+          p{
+            text-align: center;
+          }
+        }
+      }
     }
+    .detail{
+      margin-bottom: 20px;
+      .title{
+        justify-content: space-between;
+        background-color: #F7F7F7;
+        border: 1px solid #EEEEEE;
+        margin-bottom: 25px;
+        span{
+          width: 146px;
+          height: 38px;
+          line-height: 38px;
+          background-color: #746957;
+          text-align: center;
+          align-items: center;
+        }
+      }
+      table{
+        width: 100%;
+        td{
+          max-width: 500px;
+          min-width: 300px;
+          margin-right: 20px;
+          padding-right: 50px;
+          padding-bottom: 10px;
+        }
+      }
+    }
+  }
+</style>
+<style scoped>
+  /* For demo */
+  .ant-carousel >>> .slick-dots {
+    height: auto;
+  }
+  .ant-carousel >>> .slick-slide img {
+    border: 5px solid #fff;
+    display: block;
+    margin: auto;
+    max-width: 80%;
+  }
+  .ant-carousel >>> .slick-thumb {
+    bottom: -45px;
+  }
+  .ant-carousel >>> .slick-thumb li {
+    width: 60px;
+    height: 45px;
+  }
+  .ant-carousel >>> .slick-thumb li img {
+    width: 100%;
+    height: 100%;
+    filter: grayscale(100%);
+  }
+  .ant-carousel >>> .slick-thumb li.slick-active img {
+    filter: grayscale(0%);
   }
 </style>
diff --git a/ant-design-vue-jeecg/src/views/shopping/pages/gerenzhongxin.vue b/ant-design-vue-jeecg/src/views/shopping/pages/gerenzhongxin.vue
new file mode 100644
index 00000000..824682e7
--- /dev/null
+++ b/ant-design-vue-jeecg/src/views/shopping/pages/gerenzhongxin.vue
@@ -0,0 +1,93 @@
+<template>
+  <div class="gerenzhongxin">
+    <Header></Header>
+    <div class="bg"></div>
+    <div class="info jz d-flex">
+      <img src="../assets/photo.png">
+      <p class="f_36 c_1B">welcome, 用户名</p>
+      <a>量体数据</a>
+    </div>
+    <div class="jz">
+      <a-tabs default-active-key="1" :tabBarGutter="200" @change="callback">
+        <a-tab-pane key="1" tab="我的账户">
+          我的账户
+        </a-tab-pane>
+        <a-tab-pane key="2" tab="我的收藏" force-render>
+          我的收藏
+        </a-tab-pane>
+        <a-tab-pane key="3" tab="地址管理">
+          地址管理
+        </a-tab-pane>
+        <a-tab-pane key="4" tab="发票管理" force-render>
+          发票管理
+        </a-tab-pane>
+        <a-tab-pane key="5">
+          <span slot="tab">
+            全部订单
+            <a-icon type="down" />
+          </span>
+          全部订单
+        </a-tab-pane>
+      </a-tabs>
+
+    </div>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+  import Header from "../components/Header/HeaderView";
+  import Footer from "../components/Footer/FooterView"
+  export default {
+    name: "gerenzhongxin",
+    components: { Header,Footer },
+    data() {
+      return {
+
+      };
+    },
+    methods: {
+      callback(key) {
+        console.log(key);
+      },
+    },
+  };
+</script>
+<!--<style>-->
+<!--  .gerenzhongxin .top .middle .router-link-exact-active.router-link-active {-->
+<!--    border-bottom: 2px solid #000;-->
+<!--  }-->
+<!--</style>-->
+<style lang="less" scoped>
+  @import '../assets/common.css';
+  .bg{
+    width: 100%;
+    height: 250px;
+    background-image: url("../assets/bg05.png");
+  }
+  .info{
+    flex-direction: column;
+    align-items: center;
+    margin-top: -75px;
+    img{
+      width: 150px;
+      height: 150px;
+      margin-bottom: 30px;
+    }
+    p{
+      margin-bottom: 15px;
+    }
+    a{
+      color: #666;
+      font-size: 16px;
+      margin-bottom: 60px;
+    }
+  }
+  /*/deep/ .ant-tabs-nav{*/
+  /*  width: 100%;*/
+  /*  & >div{*/
+  /*    display: flex;*/
+  /*    justify-content: space-around;*/
+  /*  }*/
+  /*}*/
+</style>
+