@hlw-uni/mp-vue 2.1.17 → 2.1.19

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hlw-uni/mp-vue",
-    "version": "2.1.17",
+    "version": "2.1.19",
     "description": "hlw-uni 小程序运行时 — Vue 组件 + composables + theme + http + 工具集（合并自原 mp-core）",
     "main": "dist/index.js",
     "module": "dist/index.mjs",

package/src/components/hlw-card/index.vue

@@ -215,10 +215,6 @@ const showDivider = computed(() => {
 /* 内容区 */
 .hlw-card-body {
     width: 100%;
-
-    &--padded {
-        padding: 24rpx 28rpx;
-    }
 }
 
 /* 底部 */

package/src/components/hlw-page/index.vue

@@ -13,14 +13,14 @@
 
         <scroll-view
             class="hlw-page-content"
-            :class="bodyClass"
-            :style="bodyStyle"
             :scroll-y="true"
             :enable-flex="true"
             :enhanced="true"
             :show-scrollbar="false"
         >
-            <slot />
+            <view class="hlw-page-body" :class="bodyClass" :style="bodyStyle">
+                <slot />
+            </view>
         </scroll-view>
 
         <view class="hlw-page-footer">
@@ -48,9 +48,12 @@ interface Props {
     title?: string;
     isBack?: boolean;
     bgClass?: string;
-    /** 透传到 scroll-view 内容区的 class，常用于直接挂 .container */
+    /**
+     * 透传到 scroll-view 内层 view 包裹（不是 scroll-view 本身）的 class，常用于直接挂 .container。
+     * 用 view 包裹是因为 mp-weixin 的 scroll-view 是原生组件，flex/gap 行为跟普通 view 不一致。
+     */
     bodyClass?: ClassValue;
-    /** 透传到 scroll-view 内容区的 style */
+    /** 透传到内层 view 包裹的 style，规则同 bodyClass */
     bodyStyle?: StyleValue;
 }
 
@@ -84,6 +87,12 @@ const props = withDefaults(defineProps<Props>(), {
     width: 100%;
 }
 
+.hlw-page-body {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
 .hlw-page-footer {
     flex-shrink: 0;
 }