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

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

@@ -63,38 +63,34 @@
     </view>
 </template>
 
-<script>
-export default {
-    options: {
-        virtualHost: false,
-        styleIsolation: 'apply-shared'
-    },
-    props: {
-        data: {
-            type: Object,
-            default: () => ({
-                code: 'FIT-ZXF-2024',
-                invited: 5,
-                registered: 3,
-                purchased: 2
-            })
-        }
-    },
-    emits: ['view-rules'],
-    methods: {
-        copyCode() {
-            uni.setClipboardData({
-                data: this.data.code,
-                success: () => {
-                    uni.showToast({ title: '已复制', icon: 'success' })
-                }
-            })
-        }
+<script setup>
+import { ref } from 'vue'
+
+const props = defineProps({
+    data: {
+        type: Object,
+        default: () => ({
+            code: 'FIT-ZXF-2024',
+            invited: 5,
+            registered: 3,
+            purchased: 2
+        })
     }
+})
+
+defineEmits(['view-rules'])
+
+function copyCode() {
+    uni.setClipboardData({
+        data: props.data.code,
+        success: () => {
+            uni.showToast({ title: '已复制', icon: 'success' })
+        }
+    })
 }
 </script>
 
-<style>
+<style lang="scss">
 @import '@/common/style/memberInfo/member-info-component-reset.css';
 @import '@/common/style/memberInfo/member-info-referral.css';
 @import '@/common/style/memberInfo/member-info-tap.css';