整合api请求、添加购买会员卡页面、登陆页面

gym-manage-uniapp/components/memberInfo/MemberInfoMemberCard.vue

@@ -35,7 +35,7 @@
                                     >
                                         <view
                                             class="member-card-preview__icon-wrap"
-                                        >
+                                            >
                                             <view
                                                 class="member-card-preview__icon-border"
                                             >
@@ -94,6 +94,18 @@
                                             续费
                                         </text>
                                     </view>
+                                    <view
+                                        class="member-card-preview__purchase"
+                                        hover-class="mi-tap-btn--hover"
+                                        :hover-stay-time="150"
+                                        @tap.stop="$emit('purchase')"
+                                    >
+                                        <text
+                                            class="member-card-preview__purchase-text"
+                                        >
+                                            购买新卡
+                                        </text>
+                                    </view>
                                 </view>
                             </view>
                         </view>
@@ -115,20 +127,15 @@
             </view>
 </template>
 
-<script>
-export default {
-    options: {
-        virtualHost: false,
-        styleIsolation: 'apply-shared'
-    },
-    props: {
-        cardInfo: { type: Object, required: true }
-    },
-    emits: ['view-all', 'renew'],
-}
+<script setup>
+defineProps({
+    cardInfo: { type: Object, required: true }
+})
+
+defineEmits(['view-all', 'renew', 'purchase'])
 </script>
 
-<style>
+<style lang="scss">
 @import '@/common/style/memberInfo/member-info-component-reset.css';
 @import '@/common/style/memberInfo/member-info-member-card.css';
 @import '@/common/style/memberInfo/member-info-tap.css';