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

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

@@ -55,55 +55,48 @@
     </view>
 </template>
 
-<script>
-export default {
-    options: {
-        virtualHost: false,
-        styleIsolation: 'apply-shared'
+<script setup>
+import { ref } from 'vue'
+
+defineEmits(['setting'])
+
+const items = ref([
+    {
+        key: 'notify',
+        label: '通知设置',
+        icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/bell.png',
+        iconWrapClass: ''
     },
-    emits: ['setting'],
-    data() {
-        return {
-            items: [
-                {
-                    key: 'notify',
-                    label: '通知设置',
-                    icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/bell.png',
-                    iconWrapClass: ''
-                },
-                {
-                    key: 'password',
-                    label: '修改密码',
-                    icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/Vector_2_727.png',
-                    iconWrapClass: 'settings-section__item-icon-wrap--blue'
-                },
-                {
-                    key: 'privacy',
-                    label: '隐私政策',
-                    icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/shield.png',
-                    iconWrapClass: 'settings-section__item-icon-wrap--green'
-                },
-                {
-                    key: 'nfc',
-                    label: 'NFC 门禁卡',
-                    subtitle: '已绑定',
-                    icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/ticket.png',
-                    iconWrapClass: ''
-                },
-                {
-                    key: 'delete',
-                    label: '注销账户',
-                    icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/userx.png',
-                    iconWrapClass: 'settings-section__item-icon-wrap--red',
-                    labelClass: 'settings-section__item-label--danger'
-                }
-            ]
-        }
+    {
+        key: 'password',
+        label: '修改密码',
+        icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/Vector_2_727.png',
+        iconWrapClass: 'settings-section__item-icon-wrap--blue'
+    },
+    {
+        key: 'privacy',
+        label: '隐私政策',
+        icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/shield.png',
+        iconWrapClass: 'settings-section__item-icon-wrap--green'
+    },
+    {
+        key: 'nfc',
+        label: 'NFC 门禁卡',
+        subtitle: '已绑定',
+        icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/ticket.png',
+        iconWrapClass: ''
+    },
+    {
+        key: 'delete',
+        label: '注销账户',
+        icon: 'https://gymfuture.oss-cn-chengdu.aliyuncs.com/static/images/userx.png',
+        iconWrapClass: 'settings-section__item-icon-wrap--red',
+        labelClass: 'settings-section__item-label--danger'
     }
-}
+])
 </script>
 
-<style>
+<style lang="scss">
 @import '@/common/style/memberInfo/member-info-component-reset.css';
 @import '@/common/style/memberInfo/member-info-settings.css';
 </style>