2025/2/8第一次更新

dist/dev/mp-weixin/components/firstui/fui-background-image/fui-background-image.js

@@ -0,0 +1,41 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const _sfc_main = {
+  name: "fui-background-image",
+  props: {
+    src: {
+      type: String,
+      default: ""
+    },
+    background: {
+      type: String,
+      default: "transparent"
+    },
+    zIndex: {
+      type: [Number, String],
+      default: -1
+    },
+    aspectFill: {
+      type: Boolean,
+      default: true
+    },
+    absolute: {
+      type: Boolean,
+      default: false
+    }
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return common_vendor.e({
+    a: $props.src != ""
+  }, $props.src != "" ? {
+    b: $props.src,
+    c: $props.aspectFill ? "aspectFill" : "scaleToFill"
+  } : {}, {
+    d: $props.absolute ? "absolute" : "fixed",
+    e: $props.background,
+    f: $props.zIndex
+  });
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
+wx.createComponent(Component);

dist/dev/mp-weixin/components/firstui/fui-background-image/fui-background-image.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "usingComponents": {}
+}

dist/dev/mp-weixin/components/firstui/fui-background-image/fui-background-image.wxml

@@ -0,0 +1 @@
+<view style="{{'position:' + d + ';' + ('background:' + e) + ';' + ('z-index:' + f) + ';' + virtualHostStyle}}" class="{{['fui-background__image-wrap', virtualHostClass]}}"><image wx:if="{{a}}" src="{{b}}" class="fui-background__image" mode="{{c}}"></image><slot></slot></view>

dist/dev/mp-weixin/components/firstui/fui-background-image/fui-background-image.wxss

@@ -0,0 +1,22 @@
+
+.fui-background__image-wrap {
+
+		width: 100%;
+		height: 100%;
+
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+}
+.fui-background__image {
+		position: absolute;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+
+		width: 100%;
+		height: 100%;
+		display: block;
+}