4

frontend/unpackage/dist/dev/app-plus/app-service.js

@@ -2176,7 +2176,29 @@ if (uni.restoreGlobal) {
                     1
                     /* TEXT */
                   ),
-                  vue.createCommentVNode(" 隐藏库存与价格展示，按需求仅展示基础信息 ")
+                  it.cardParams && Object.keys(it.cardParams).length ? (vue.openBlock(), vue.createElementBlock("view", {
+                    key: 0,
+                    class: "card-params"
+                  }, [
+                    (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      null,
+                      vue.renderList(it.cardParams, (v, k) => {
+                        return vue.openBlock(), vue.createElementBlock(
+                          "view",
+                          {
+                            class: "param",
+                            key: k
+                          },
+                          vue.toDisplayString(k) + "：" + vue.toDisplayString(v),
+                          1
+                          /* TEXT */
+                        );
+                      }),
+                      128
+                      /* KEYED_FRAGMENT */
+                    ))
+                  ])) : vue.createCommentVNode("v-if", true)
                 ])
               ], 8, ["onClick"]);
             }),

frontend/unpackage/dist/dev/app-plus/pages/product/list.css

@@ -136,6 +136,19 @@
   color: #444;
   font-size: 0.75rem;
 }
+.card-params {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.25rem 0.5rem;
+  margin-top: 0.25rem;
+}
+.card-params .param {
+  color: #444;
+  font-size: 0.6875rem;
+  background: #ffffff;
+  padding: 0.0625rem 0.1875rem;
+  border-radius: 0.25rem;
+}
 .price {
   margin-left: 0.625rem;
   color: #4C8DFF;

frontend/unpackage/dist/dev/app-plus/pages/product/product-detail.css

@@ -92,13 +92,18 @@
 }
 .param {
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-start;
+  align-items: center;
+  gap: 0.5rem;
   font-size: 0.8125rem;
   color: #2d3a4a;
 }
 .param-key {
   color: #7a8899;
 }
+.param-val {
+  text-align: left;
+}
 .images {
   display: grid;
   grid-template-columns: repeat(3, 1fr);