@ruixinkeji/prism-ui 1.0.14 → 1.0.16

package/dist/dev/mp-weixin/components/PrismSwiper/PrismSwiper.wxss

@@ -0,0 +1,203 @@
+/**
+ * Prism UI - SCSS 变量定义
+ * 此文件包含所有设计令牌和变量
+ * 所有变量使用 $prism- 前缀，避免与用户项目冲突
+ *
+ * 主题切换：修改下面的引入文件即可切换主题
+ * 可选主题：blue(默认) / green / purple / orange / red / cyan
+ */
+/**
+ * Prism UI - 蓝色主题（默认）
+ *
+ * 使用方式：在 variables.scss 中修改引入
+ * @import '../theme/blue.scss';
+ *
+ * 颜色值来自 colors.scss 中的 $prism-blue-* 变量
+ */
+/* ============================================================
+   一、浅色模式变量（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* -------------------- 主题色 -------------------- */
+/* -------------------- 状态色 -------------------- */
+/* -------------------- 文字颜色 -------------------- */
+/* -------------------- 边框颜色 -------------------- */
+/* -------------------- 背景颜色 -------------------- */
+/* ============================================================
+   二、深色模式变量
+   ============================================================ */
+/* -------------------- 主题色（深色） -------------------- */
+/* -------------------- 状态色（深色） -------------------- */
+/* -------------------- 文字颜色（深色） -------------------- */
+/* -------------------- 边框颜色（深色） -------------------- */
+/* -------------------- 背景颜色（深色） -------------------- */
+/* ============================================================
+   三、主题色透明度（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   主题色渐变（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   四、白色透明度
+   ============================================================ */
+/* ============================================================
+   六、第三方品牌色
+   ============================================================ */
+/* ============================================================
+   八、常用阴影（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   九、统一间距
+   ============================================================ */
+.prism-swiper.data-v-4c274c8b {
+  position: relative;
+  width: 100%;
+}
+.prism-swiper__container.data-v-4c274c8b {
+  width: 100%;
+}
+.prism-swiper__item.data-v-4c274c8b {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  transition: all 0.3s ease;
+}
+
+/* 预览模式样式 */
+.prism-swiper--preview .prism-swiper__item--preview.data-v-4c274c8b {
+  opacity: 0.6;
+  transform: scale(0.9);
+}
+.prism-swiper--preview .prism-swiper__item--preview.prism-swiper__item--active.data-v-4c274c8b {
+  opacity: 1;
+  transform: scale(1);
+}
+.prism-swiper__image.data-v-4c274c8b {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+.prism-swiper__color.data-v-4c274c8b {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.prism-swiper__text.data-v-4c274c8b {
+  font-size: 32rpx;
+  color: #ffffff;
+  font-weight: 500;
+}
+
+/* 圆点指示器 */
+.prism-swiper__dots.data-v-4c274c8b {
+  position: absolute;
+  bottom: 16rpx;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  gap: 12rpx;
+  z-index: 10;
+}
+.prism-swiper__dot.data-v-4c274c8b {
+  width: 12rpx;
+  height: 12rpx;
+  border-radius: 50%;
+  background: rgba(255, 255, 255, 0.5);
+  transition: all 0.3s ease;
+  cursor: pointer;
+}
+.prism-swiper__dot--active.data-v-4c274c8b {
+  width: 32rpx;
+  border-radius: 6rpx;
+  background: #FFFFFF;
+}
+
+/* 数字指示器 */
+.prism-swiper__number.data-v-4c274c8b {
+  position: absolute;
+  bottom: 16rpx;
+  right: 16rpx;
+  padding: 8rpx 16rpx;
+  background: rgba(0, 0, 0, 0.5);
+  border-radius: 20rpx;
+  display: flex;
+  align-items: center;
+  gap: 4rpx;
+  font-size: 24rpx;
+  color: #FFFFFF;
+  z-index: 10;
+  backdrop-filter: blur(10px);
+  -webkit-backdrop-filter: blur(10px);
+}
+.prism-swiper__number-divider.data-v-4c274c8b {
+  margin: 0 4rpx;
+  opacity: 0.7;
+}
+
+/* 预览图指示器 */
+.prism-swiper__thumbnails.data-v-4c274c8b {
+  position: absolute;
+  bottom: 16rpx;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  gap: 12rpx;
+  z-index: 10;
+}
+.prism-swiper__thumbnail.data-v-4c274c8b {
+  width: 80rpx;
+  height: 60rpx;
+  border-radius: 8rpx;
+  overflow: hidden;
+  border: 3rpx solid rgba(255, 255, 255, 0.5);
+  transition: all 0.3s ease;
+  cursor: pointer;
+}
+.prism-swiper__thumbnail--active.data-v-4c274c8b {
+  border-color: #FFFFFF;
+  box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.3);
+}
+.prism-swiper__thumbnail-image.data-v-4c274c8b,
+.prism-swiper__thumbnail-color.data-v-4c274c8b {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+/* 手风琴指示器 */
+.prism-swiper__accordion.data-v-4c274c8b {
+  position: absolute;
+  bottom: 16rpx;
+  left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  gap: 8rpx;
+  z-index: 10;
+}
+.prism-swiper__accordion-item.data-v-4c274c8b {
+  height: 6rpx;
+  border-radius: 3rpx;
+  overflow: hidden;
+  cursor: pointer;
+}
+.prism-swiper__accordion-bar.data-v-4c274c8b {
+  width: 100%;
+  height: 100%;
+  background: rgba(255, 255, 255, 0.5);
+  transition: all 0.3s ease;
+}
+.prism-swiper__accordion-item.data-v-4c274c8b {
+  width: 40rpx;
+}
+.prism-swiper__accordion-item--active.data-v-4c274c8b {
+  width: 80rpx;
+}
+.prism-swiper__accordion-item--active .prism-swiper__accordion-bar.data-v-4c274c8b {
+  background: #FFFFFF;
+}
+
+/* 深色模式适配 */
+.dark-mode .prism-swiper__number.data-v-4c274c8b {
+  background: rgba(255, 255, 255, 0.15);
+}

package/dist/dev/mp-weixin/components/PrismSwitch/PrismSwitch.js

@@ -0,0 +1,69 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const store_app = require("../../store/app.js");
+const _sfc_main = {
+  __name: "PrismSwitch",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    // 开启时文字
+    onText: {
+      type: String,
+      default: "ON"
+    },
+    // 关闭时文字
+    offText: {
+      type: String,
+      default: "OFF"
+    },
+    // 是否显示文字
+    showText: {
+      type: Boolean,
+      default: false
+    },
+    // 方形开关
+    square: {
+      type: Boolean,
+      default: false
+    },
+    // 禁用状态
+    disabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const appStore = store_app.useAppStore();
+    function handleToggle() {
+      if (props.disabled) return;
+      const newValue = !props.modelValue;
+      emit("update:modelValue", newValue);
+      emit("change", newValue);
+    }
+    return (_ctx, _cache) => {
+      return common_vendor.e({
+        a: __props.showText
+      }, __props.showText ? {
+        b: common_vendor.t(__props.offText)
+      } : {}, {
+        c: __props.showText
+      }, __props.showText ? {
+        d: common_vendor.t(__props.onText)
+      } : {}, {
+        e: common_vendor.unref(appStore).isDarkMode ? 1 : "",
+        f: __props.modelValue ? 1 : "",
+        g: __props.square ? 1 : "",
+        h: __props.disabled ? 1 : "",
+        i: __props.showText ? 1 : "",
+        j: common_vendor.o(handleToggle)
+      });
+    };
+  }
+};
+wx.createComponent(_sfc_main);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/PrismSwitch/PrismSwitch.js.map

package/dist/dev/mp-weixin/components/PrismSwitch/PrismSwitch.json

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

package/dist/dev/mp-weixin/components/PrismSwitch/PrismSwitch.wxml

@@ -0,0 +1 @@
+<view class="{{['prism-switch-component', e && 'dark-mode', f && 'active', g && 'square', h && 'disabled', i && 'with-text']}}" bindtap="{{j}}"><view wx:if="{{a}}" class="switch-text off-text">{{b}}</view><view wx:if="{{c}}" class="switch-text on-text">{{d}}</view><view class="switch-thumb"></view></view>

package/dist/dev/mp-weixin/components/PrismSwitch/PrismSwitch.wxss

@@ -0,0 +1,151 @@
+/**
+ * Prism UI - SCSS 变量定义
+ * 此文件包含所有设计令牌和变量
+ * 所有变量使用 $prism- 前缀，避免与用户项目冲突
+ *
+ * 主题切换：修改下面的引入文件即可切换主题
+ * 可选主题：blue(默认) / green / purple / orange / red / cyan
+ */
+/**
+ * Prism UI - 蓝色主题（默认）
+ *
+ * 使用方式：在 variables.scss 中修改引入
+ * @import '../theme/blue.scss';
+ *
+ * 颜色值来自 colors.scss 中的 $prism-blue-* 变量
+ */
+/* ============================================================
+   一、浅色模式变量（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* -------------------- 主题色 -------------------- */
+/* -------------------- 状态色 -------------------- */
+/* -------------------- 文字颜色 -------------------- */
+/* -------------------- 边框颜色 -------------------- */
+/* -------------------- 背景颜色 -------------------- */
+/* ============================================================
+   二、深色模式变量
+   ============================================================ */
+/* -------------------- 主题色（深色） -------------------- */
+/* -------------------- 状态色（深色） -------------------- */
+/* -------------------- 文字颜色（深色） -------------------- */
+/* -------------------- 边框颜色（深色） -------------------- */
+/* -------------------- 背景颜色（深色） -------------------- */
+/* ============================================================
+   三、主题色透明度（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   主题色渐变（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   四、白色透明度
+   ============================================================ */
+/* ============================================================
+   六、第三方品牌色
+   ============================================================ */
+/* ============================================================
+   八、常用阴影（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   九、统一间距
+   ============================================================ */
+.prism-switch-component {
+  position: relative;
+  width: 100rpx;
+  height: 56rpx;
+  background: var(--prism-border-color-base, #E5E6EB);
+  border-radius: 28rpx;
+  transition: all 0.3s ease;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+}
+.prism-switch-component .switch-thumb {
+  position: absolute;
+  top: 4rpx;
+  left: 4rpx;
+  width: 48rpx;
+  height: 48rpx;
+  background: #FFFFFF;
+  border-radius: 50%;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.15);
+  transition: all 0.3s ease;
+  z-index: 2;
+}
+.prism-switch-component .switch-text {
+  position: absolute;
+  font-size: 20rpx;
+  font-weight: 500;
+  transition: all 0.3s ease;
+  z-index: 1;
+  white-space: nowrap;
+}
+.prism-switch-component .on-text {
+  left: 10rpx;
+  color: transparent;
+}
+.prism-switch-component .off-text {
+  right: 10rpx;
+  color: var(--prism-text-secondary, #86909C);
+}
+.prism-switch-component.active {
+  background: var(--prism-primary-color, #3478F6);
+}
+.prism-switch-component.active .switch-thumb {
+  left: calc(100% - 52rpx);
+}
+.prism-switch-component.active .on-text {
+  color: #FFFFFF;
+}
+.prism-switch-component.active .off-text {
+  color: transparent;
+}
+.prism-switch-component.with-text {
+  width: 88rpx;
+  height: 48rpx;
+}
+.prism-switch-component.with-text .switch-thumb {
+  width: 40rpx;
+  height: 40rpx;
+  top: 4rpx;
+  left: 4rpx;
+}
+.prism-switch-component.with-text .on-text {
+  left: 8rpx;
+}
+.prism-switch-component.with-text .off-text {
+  right: 8rpx;
+}
+.prism-switch-component.with-text.active .switch-thumb {
+  left: calc(100% - 44rpx);
+}
+.prism-switch-component.square {
+  border-radius: 12rpx;
+}
+.prism-switch-component.square .switch-thumb {
+  border-radius: 8rpx;
+}
+.prism-switch-component.disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.dark-mode.prism-switch-component {
+  background: var(--prism-bg-color-card, #1A1A1A);
+  border: 2rpx solid var(--prism-border-color-base, #3A3A3A);
+}
+.dark-mode.prism-switch-component .switch-thumb {
+  background: var(--prism-text-secondary, #86909C);
+}
+.dark-mode.prism-switch-component .off-text {
+  color: var(--prism-text-secondary, #86909C);
+}
+.dark-mode.prism-switch-component.active {
+  background: var(--prism-primary-color, #3478F6);
+  border-color: var(--prism-primary-color, #3478F6);
+}
+.dark-mode.prism-switch-component.active .switch-thumb {
+  background: #FFFFFF;
+}
+.dark-mode.prism-switch-component.active .on-text {
+  color: #FFFFFF;
+}

package/dist/dev/mp-weixin/components/PrismTabBar/PrismTabBar.js

@@ -0,0 +1,58 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const store_app = require("../../store/app.js");
+const _sfc_main = {
+  __name: "PrismTabBar",
+  props: {
+    current: {
+      type: String,
+      default: ""
+    },
+    glass: {
+      type: Boolean,
+      default: true
+    },
+    tabs: {
+      type: Array,
+      default: () => [
+        { path: "/pages/index/index", text: "首页", icon: "fa-home" },
+        { path: "/pages/icons/icons", text: "图标", icon: "fa-icons" },
+        { path: "/pages/examples/examples", text: "案例", icon: "fa-layer-group" },
+        { path: "/pages/tools/tools", text: "工具", icon: "fa-screwdriver-wrench" }
+      ]
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const appStore = store_app.useAppStore();
+    const currentPath = common_vendor.computed(() => props.current);
+    const tabList = common_vendor.computed(() => props.tabs);
+    const isWechatBrowser = common_vendor.ref(false);
+    common_vendor.onMounted(() => {
+    });
+    function switchTab(path) {
+      if (currentPath.value === path) return;
+      common_vendor.index.reLaunch({ url: path });
+    }
+    return (_ctx, _cache) => {
+      return {
+        a: common_vendor.f(tabList.value, (item, index, i0) => {
+          return {
+            a: common_vendor.n(item.icon),
+            b: currentPath.value === item.path ? 1 : "",
+            c: common_vendor.t(item.text),
+            d: index,
+            e: currentPath.value === item.path ? 1 : "",
+            f: common_vendor.o(($event) => switchTab(item.path), index)
+          };
+        }),
+        b: common_vendor.unref(appStore).isDarkMode ? 1 : "",
+        c: __props.glass ? 1 : "",
+        d: isWechatBrowser.value ? 1 : ""
+      };
+    };
+  }
+};
+const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["__scopeId", "data-v-3fea5aff"]]);
+wx.createComponent(Component);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/PrismTabBar/PrismTabBar.js.map

package/dist/dev/mp-weixin/components/PrismTabBar/PrismTabBar.json

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

package/dist/dev/mp-weixin/components/PrismTabBar/PrismTabBar.wxml

@@ -0,0 +1 @@
+<view class="{{['prism-tabbar', 'data-v-3fea5aff', b && 'dark-mode', c && 'glass-effect', d && 'wechat-browser']}}"><view wx:for="{{a}}" wx:for-item="item" wx:key="d" class="{{['prism-tabbar-item', 'data-v-3fea5aff', item.e && 'active']}}" bindtap="{{item.f}}"><view class="{{['prism-tabbar-icon-wrapper', 'data-v-3fea5aff', item.b && 'active']}}"><text class="{{['fa', 'prism-tabbar-icon', 'data-v-3fea5aff', item.a]}}"></text></view><text class="prism-tabbar-text data-v-3fea5aff">{{item.c}}</text></view></view>

package/dist/dev/mp-weixin/components/PrismTabBar/PrismTabBar.wxss

@@ -0,0 +1,119 @@
+/**
+ * Prism UI - SCSS 变量定义
+ * 此文件包含所有设计令牌和变量
+ * 所有变量使用 $prism- 前缀，避免与用户项目冲突
+ *
+ * 主题切换：修改下面的引入文件即可切换主题
+ * 可选主题：blue(默认) / green / purple / orange / red / cyan
+ */
+/**
+ * Prism UI - 蓝色主题（默认）
+ *
+ * 使用方式：在 variables.scss 中修改引入
+ * @import '../theme/blue.scss';
+ *
+ * 颜色值来自 colors.scss 中的 $prism-blue-* 变量
+ */
+/* ============================================================
+   一、浅色模式变量（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* -------------------- 主题色 -------------------- */
+/* -------------------- 状态色 -------------------- */
+/* -------------------- 文字颜色 -------------------- */
+/* -------------------- 边框颜色 -------------------- */
+/* -------------------- 背景颜色 -------------------- */
+/* ============================================================
+   二、深色模式变量
+   ============================================================ */
+/* -------------------- 主题色（深色） -------------------- */
+/* -------------------- 状态色（深色） -------------------- */
+/* -------------------- 文字颜色（深色） -------------------- */
+/* -------------------- 边框颜色（深色） -------------------- */
+/* -------------------- 背景颜色（深色） -------------------- */
+/* ============================================================
+   三、主题色透明度（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   主题色渐变（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   四、白色透明度
+   ============================================================ */
+/* ============================================================
+   六、第三方品牌色
+   ============================================================ */
+/* ============================================================
+   八、常用阴影（使用 !default，允许主题文件覆盖）
+   ============================================================ */
+/* ============================================================
+   九、统一间距
+   ============================================================ */
+.prism-tabbar.data-v-3fea5aff {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  padding: 15rpx 0;
+  padding-bottom: env(safe-area-inset-bottom, 0px);
+  z-index: 999;
+  background: var(--prism-bg-color-card);
+  border-top: 1rpx solid var(--prism-border-color-light);
+}
+.prism-tabbar.wechat-browser.data-v-3fea5aff {
+  padding-bottom: calc(60rpx + env(safe-area-inset-bottom, 0px));
+}
+.prism-tabbar.glass-effect.data-v-3fea5aff {
+  background: rgba(255, 255, 255, 0.4);
+  backdrop-filter: saturate(180%) blur(40px);
+  -webkit-backdrop-filter: saturate(180%) blur(40px);
+  border-top: 1rpx solid rgba(0, 0, 0, 0.1);
+  box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.06);
+}
+.prism-tabbar-item.data-v-3fea5aff {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 4rpx;
+}
+.prism-tabbar-item.active .prism-tabbar-icon.data-v-3fea5aff,
+.prism-tabbar-item.active .prism-tabbar-text.data-v-3fea5aff {
+  color: var(--prism-primary-color, #3478F6);
+}
+.prism-tabbar-icon-wrapper.data-v-3fea5aff {
+  width: 48rpx;
+  height: 48rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+.prism-tabbar-icon-wrapper.active.data-v-3fea5aff {
+  transform: translateY(-4rpx) scale(1.1);
+}
+.prism-tabbar-icon.data-v-3fea5aff {
+  font-size: 36rpx;
+  color: var(--prism-text-secondary, #86909C);
+  line-height: 1;
+  display: block;
+  transition: all 0.3s ease;
+}
+.prism-tabbar-icon-wrapper.active .prism-tabbar-icon.data-v-3fea5aff {
+  color: var(--prism-primary-color, #3478F6);
+  -webkit-text-stroke: 0.5px var(--prism-primary-color, #3478F6);
+}
+.prism-tabbar-text.data-v-3fea5aff {
+  font-size: 20rpx;
+  color: var(--prism-text-secondary, #86909C);
+}
+
+/* 深色模式 - 毛玻璃效果 */
+.prism-tabbar.dark-mode.glass-effect.data-v-3fea5aff {
+  background: rgba(26, 26, 26, 0.4);
+  border-top-color: rgba(255, 255, 255, 0.12);
+  box-shadow: 0 -4rpx 20rpx rgba(0, 0, 0, 0.4);
+}

package/dist/dev/mp-weixin/components/PrismTabs/PrismTabs.js

@@ -0,0 +1,51 @@
+"use strict";
+const common_vendor = require("../../common/vendor.js");
+const _sfc_main = {
+  __name: "PrismTabs",
+  props: {
+    tabs: {
+      type: Array,
+      required: true
+      // 格式: ['标签1', '标签2'] 或 [{ label: '标签1', badge: 10 }]
+    },
+    modelValue: {
+      type: Number,
+      default: 0
+    },
+    type: {
+      type: String,
+      default: "line"
+      // 'line' | 'card' | 'chrome'
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function handleClick(index) {
+      emit("update:modelValue", index);
+      emit("change", index);
+    }
+    return (_ctx, _cache) => {
+      return common_vendor.e({
+        a: common_vendor.f(__props.tabs, (item, index, i0) => {
+          return common_vendor.e({
+            a: common_vendor.t(item.label || item),
+            b: item.badge !== void 0
+          }, item.badge !== void 0 ? {
+            c: common_vendor.t(item.badge)
+          } : {}, {
+            d: index,
+            e: __props.modelValue === index ? 1 : "",
+            f: common_vendor.o(($event) => handleClick(index), index)
+          });
+        }),
+        b: common_vendor.n(`prism-tabs--${__props.type}`),
+        c: __props.type === "chrome"
+      }, __props.type === "chrome" ? {} : {}, {
+        d: __props.type === "chrome" ? 1 : ""
+      });
+    };
+  }
+};
+wx.createComponent(_sfc_main);
+//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/PrismTabs/PrismTabs.js.map

package/dist/dev/mp-weixin/components/PrismTabs/PrismTabs.json

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

package/dist/dev/mp-weixin/components/PrismTabs/PrismTabs.wxml

@@ -0,0 +1 @@
+<view class="{{['prism-tabs-container', d && 'prism-tabs-container--chrome']}}"><view class="{{['prism-tabs-wrapper', b]}}"><view wx:for="{{a}}" wx:for-item="item" wx:key="d" class="{{['prism-tabs__item', item.e && 'active']}}" bindtap="{{item.f}}"><text>{{item.a}}</text><text wx:if="{{item.b}}" class="prism-tabs__badge">{{item.c}}</text></view></view><view wx:if="{{c}}" class="prism-tabs__content"><slot></slot></view></view>