<template>
  <view class="container">
    <view class="header">
      <text class="title">会员管理</text>
    </view>
    <view class="member-list">
      <view v-for="member in members" :key="member.id" class="member-item">
        <text class="member-name">{{ member.name }}</text>
        <text class="member-phone">{{ member.phone }}</text>
      </view>
    </view>
  </view>
</template>

<script setup>
import { ref } from 'vue'

const members = ref([
  { id: 1, name: '张三', phone: '138****8888' },
  { id: 2, name: '李四', phone: '139****9999' }
])
</script>

<style scoped>
.container {
  padding: 20rpx;
}

.member-list {
  margin-top: 20rpx;
}

.member-item {
  display: flex;
  justify-content: space-between;
  padding: 20rpx;
  border-bottom: 1rpx solid #eee;
}
</style>
