update：新增门店vip相关

2026-10-21 15:27:31 +08:00
parent 5bb9df8a03
commit 00f84fc3e4
23 changed files with 874 additions and 215 deletions
@@ -0,0 +1,62 @@
+<script setup>
+const props = defineProps({
+  active: {
+    type: Boolean,
+    default: false,
+  },
+});
+const emit = defineEmits(["open"]);
+const handleOpen = () => {
+  if (!props.active) emit("open");
+};
+</script>
+
+<template>
+  <!-- 当前门店已开通时仅展示状态，未开通时提供线下开通提醒。 -->
+  <view class="vip-footer">
+    <text class="vip-footer__price">特惠价格：9.9元/90天</text>
+    <view class="vip-footer__status" @click="handleOpen">
+      <image class="vip-footer__badge" src="/static/coin/store-vip-badge.png" mode="aspectFit" />
+      <text>{{ active ? "您已开通VIP" : "开通方式：请前往线下门店联系工作人员开通" }}</text>
+    </view>
+  </view>
+</template>
+
+<style scoped lang="scss">
+.vip-footer {
+  margin-top: 84rpx;
+  padding: 0 24rpx 22rpx;
+  box-sizing: border-box;
+}
+
+.vip-footer__price {
+  display: block;
+  color: #fae6bc;
+  font-size: 40rpx;
+  line-height: 56rpx;
+  font-weight: 500;
+  text-align: center;
+}
+
+.vip-footer__status {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 90rpx;
+  margin-top: 12rpx;
+  padding: 8rpx 28rpx;
+  box-sizing: border-box;
+  border-radius: 46rpx;
+  color: #333333;
+  background: #ffd947;
+  font-size: 26rpx;
+  line-height: 36rpx;
+}
+
+.vip-footer__badge {
+  flex-shrink: 0;
+  width: 80rpx;
+  height: 74rpx;
+  margin-right: 4rpx;
+}
+</style>