2025/2/8第一次更新

dist/dev/mp-weixin/components/firstui/fui-footer/fui-footer.js

@@ -0,0 +1,100 @@
+"use strict";
+const common_vendor = require("../../../common/vendor.js");
+const _sfc_main = {
+  name: "fui-footer",
+  props: {
+    //url，openType，delta ，text，color，size
+    //链接设置  object数据格式对应上面注释的属性值
+    navigate: {
+      type: Array,
+      default: function() {
+        return [];
+      }
+    },
+    //底部文本
+    text: {
+      type: String,
+      default: ""
+    },
+    //文本字体颜色
+    color: {
+      type: String,
+      default: "#B2B2B2"
+    },
+    //文本字体大小
+    size: {
+      type: [Number, String],
+      default: 24
+    },
+    //footer背景颜色
+    background: {
+      type: String,
+      default: "transparent"
+    },
+    //分隔线颜色，仅nvue生效
+    borderColor: {
+      type: String,
+      default: "#B2B2B2"
+    },
+    //是否固定在底部
+    isFixed: {
+      type: Boolean,
+      default: false
+    },
+    bottom: {
+      type: [Number, String],
+      default: 0
+    },
+    //是否适配底部安全区
+    safeArea: {
+      type: Boolean,
+      default: true
+    }
+  },
+  computed: {
+    linkColor() {
+      const app = common_vendor.index && common_vendor.index.$fui && common_vendor.index.$fui.color;
+      return app && app.link || "#465CFF";
+    }
+  },
+  data() {
+    return {
+      iphoneX: false
+    };
+  },
+  created() {
+  },
+  methods: {}
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return common_vendor.e({
+    a: $props.navigate.length > 0
+  }, $props.navigate.length > 0 ? {
+    b: common_vendor.f($props.navigate, (item, index, i0) => {
+      return {
+        a: common_vendor.t(item.text),
+        b: !item.color ? 1 : "",
+        c: index === $props.navigate.length - 1 ? 1 : "",
+        d: item.color || $options.linkColor,
+        e: (item.size || 28) + "rpx",
+        f: (item.size || 28) + "rpx",
+        g: index,
+        h: item.openType || "navigate",
+        i: item.url,
+        j: item.delta
+      };
+    }),
+    c: $props.borderColor
+  } : {}, {
+    d: common_vendor.t($props.text),
+    e: $props.color,
+    f: $props.size + "rpx",
+    g: $data.iphoneX && $props.safeArea ? 1 : "",
+    h: $props.safeArea ? 1 : "",
+    i: common_vendor.n($props.isFixed ? "fui-footer__fixed-bottom" : ""),
+    j: $props.background,
+    k: $props.bottom + "rpx"
+  });
+}
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-946bd64a"]]);
+wx.createComponent(Component);

dist/dev/mp-weixin/components/firstui/fui-footer/fui-footer.json

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

dist/dev/mp-weixin/components/firstui/fui-footer/fui-footer.wxml

@@ -0,0 +1 @@
+<view class="{{['fui-footer', 'data-v-946bd64a', i, virtualHostClass]}}" style="{{'background:' + j + ';' + ('bottom:' + k) + ';' + virtualHostStyle}}"><view wx:if="{{a}}" class="fui-footer__link data-v-946bd64a"><navigator wx:for="{{b}}" wx:for-item="item" wx:key="g" class="fui-link__item data-v-946bd64a" hover-class="fui-link-hover" hover-stop-propagation open-type="{{item.h}}" url="{{item.i}}" delta="{{item.j}}"><text class="{{['fui-link__text', 'data-v-946bd64a', item.b && 'fui-link__color', item.c && 'fui-link__text-border']}}" style="{{'color:' + item.d + ';' + ('font-size:' + item.e) + ';' + ('border-color:' + c) + ';' + ('line-height:' + item.f)}}">{{item.a}}</text></navigator></view><view class="{{['fui-footer__text', 'data-v-946bd64a', g && 'fui-as__safe-weex', h && 'fui-footer__safearea']}}"><text class="data-v-946bd64a" style="{{'color:' + e + ';' + ('font-size:' + f)}}">{{d}}</text></view></view>

dist/dev/mp-weixin/components/firstui/fui-footer/fui-footer.wxss

@@ -0,0 +1,94 @@
+
+.fui-footer.data-v-946bd64a {
+		flex: 1;
+
+		width: 100%;
+		box-sizing: border-box;
+		word-break: break-all;
+
+		overflow: hidden;
+		padding-top: 32rpx;
+		padding-bottom: 32rpx;
+		padding-left: 32rpx;
+		padding-right: 32rpx;
+}
+.fui-footer__fixed-bottom.data-v-946bd64a {
+		position: fixed;
+		z-index: 99;
+		left: 0;
+		right: 0;
+
+		left: constant(safe-area-inset-left);
+		left: env(safe-area-inset-left);
+		right: constant(safe-area-inset-right);
+		right: env(safe-area-inset-right)
+}
+.fui-footer__link.data-v-946bd64a {
+
+		display: flex;
+
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		font-size: 28rpx;
+}
+.fui-link__color.data-v-946bd64a {
+		color: var(--fui-color-link, #465CFF) !important;
+}
+.fui-link__item.data-v-946bd64a {
+		position: relative;
+		line-height: 1;
+}
+.fui-link__text.data-v-946bd64a {
+		padding: 0 18rpx;
+
+
+
+
+		font-weight: 400;
+}
+.fui-link__text-border.data-v-946bd64a {
+		border-right-width: 0;
+}
+.fui-link__item.data-v-946bd64a::before {
+		content: " ";
+		position: absolute;
+		right: 0;
+		top: 4rpx;
+		width: 1px;
+		bottom: 4rpx;
+		border-right: 1px solid var(--fui-color-label, #B2B2B2);
+		transform-origin: 100% 0;
+		transform: scaleX(0.5);
+}
+.fui-link__item.data-v-946bd64a:last-child::before {
+		border-right: 0 !important
+}
+.fui-link-hover.data-v-946bd64a {
+		opacity: 0.5
+}
+.fui-footer__text.data-v-946bd64a {
+		flex: 1;
+
+
+
+
+
+		line-height: 1;
+		text-align: center;
+		padding-top: 8rpx;
+		font-weight: 400;
+}
+.fui-footer__safearea.data-v-946bd64a {
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+}
+
+
+
+
+
+
+
+
+