功能：商城商品背景颜色

src/pages/mall/product/[id].tsx

@@ -10,7 +10,7 @@ import BreadcrumbView from '@/components/breadcrumb';
 import LayoutView from '@/components/layout';
 import ProductHeadView from '@/components/product-comp/product-head';
 import ProductStoreView from '@/components/product-comp/product-store';
-import { ProductWrap } from '@/pages/mall/product/styled';
+import { ProductBackground, ProductWrap } from '@/pages/mall/product/styled';
 
 // 商品详情类型
 type DetailType = InterDataType<AppMallGoodsDetails>;
@@ -58,6 +58,7 @@ const MallProductView: React.FC<{
 }> = ({ productDetail, storeDetail }) => {
   return (
     <LayoutView>
+      <ProductBackground />
       <ProductWrap>
         {/* 面包屑 */}
         <BreadcrumbView />

src/pages/mall/product/styled.tsx

@@ -4,7 +4,18 @@ import PageNotFoundView from '@/components/404';
 export default function Index() {
   return <PageNotFoundView />;
 }
-
+// 背景
+export const ProductBackground = styled.div`
+  position: absolute;
+  content: '';
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgb(232, 222, 216, 0.5);
+  z-index: -1;
+`;
+// 样式
 export const ProductWrap = styled.div`
   position: relative;
   max-width: 1190px;
@@ -35,8 +46,9 @@ export const ProductWrap = styled.div`
   }
   .product-richText {
     position: relative;
-    width: 100%;
-    margin-bottom: 3.5rem;
+    //width: 100%;
+    max-width: 750px;
+    margin: 0 auto 3.5rem;
     .content-html {
       width: 100%;
       img {