vifo
a7e056643e
- cashier-mobile: 收银系统移动端（uni-app） - customer-mobile: 顾客端移动端（uni-app） - 包含基础页面结构：首页、订单、会员 - 更新 AGENTS.md 配置
40 lines
794 B
Vue
40 lines
794 B
Vue
<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>
|