dianliang/oil-station
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

收银台

Browse Source
This commit is contained in:
user 2023-10-27 18:06:06 +08:00
parent afa7d57bef
commit 38b2b16fce
1 changed files with 54 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

57
fuintCashierWeb/src/views/details/index.vue
View File

@ -1,15 +1,66 @@
<template> <template>
<div> <div class="app-center">
详情页
<el-card class="box-card">
<div slot="header" class="clearfix">
<i class="el-icon-back"></i>
<span>会员详情</span>
</div>
<div>基础资料</div>
<div class="vip-my-top">
<!-- -->
<div class="f-box">
<div class="imgtoux"><el-avatar :size="80" :src="circleUrl"></el-avatar></div>
<div>
<el-button type="warning" plain round>绑定实体卡</el-button>
</div>
<div>
<el-button type="primary" plain round>会员充值</el-button>
</div>
</div>
<!-- -->
</div>
</el-card>
<el-card class="box-card">
</el-card>
<el-card class="box-card">
</el-card>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
name: "index" name: "index",
data(){
return{
circleUrl: "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
}
}
} }
</script> </script>
<style scoped> <style scoped>
.app-center{
width: 100%;
box-sizing: border-box;
padding: 10px;
}
.vip-my-top{
width: 100%;
display: flex;
}
.f-box{
width: 20%;
}
.imgtoux{
width: 80px;
margin: 10px auto;
}
</style> </style>