wenfp/temple-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
wenfp
2025-07-13 14:42:38 +08:00
parent b3862ac356
commit 33d9d6bb06
37 changed files with 2093 additions and 29315 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/user-merit/index.vue
+66 -64
View File
@@ -1,88 +1,90 @@
<template>
<div class="user-merit border-bottom" v-if="data">
<img
:src="data.avatar || data.user_info.avatar"
alt=""
/>
<div class="profile">
<div>
<div class="name">
<span>{{data.merit_name || data.nickname || data.user_info.nickname}}</span>
<!-- <span>{{data.user_info.region}}</span>-->
</div>
<p class="goods_name">{{data.goods_name}}</p>
</div>
</div>
<div class="result">
<p class="money">{{data.order_amount || data.sum_money}}元</p>
<span class="date">{{data.paid_at}}</span>
</div>
</div>
<div class="user-merit border-bottom" v-if="data">
<img :src="avatar" alt="" />
<div class="profile">
<div>
<div class="name">
<span>{{ data.merit_name || data.nickname || data.user_info.nickname }}</span>
<!-- <span>{{data.user_info.region}}</span>-->
</div>
<p class="goods_name">{{ data.goods_name }}</p>
</div>
</div>
<div class="result">
<p class="money">{{ data.order_amount || data.sum_money }}元</p>
<span class="date">{{ data.paid_at }}</span>
</div>
</div>
</template>
<script>
export default {
name: "user-merit",
props: ['data']
name: "user-merit",
props: ["data"],
data() {
return {
avatar: "/touxiang.png",
};
},
};
</script>
<style lang="scss" scoped>
.user-merit {
display: flex;
padding: .27rem 0.4rem;
img {
width: 1.17rem;
height: 1.17rem;
border-radius: 1.17rem;
margin-right: 0.4rem;
}
.profile {
flex: 1;
padding-top: .13rem;
.name {
display: flex;
padding: 0.27rem 0.4rem;
img {
width: 1.17rem;
height: 1.17rem;
border-radius: 1.17rem;
margin-right: 0.4rem;
}
.profile {
flex: 1;
padding-top: 0.13rem;
.name {
display: flex;
align-items: flex-end;
margin-bottom: .27rem;
span:first-child {
font-size: 0.4rem;
color: #222;
vertical-align: top;
display: inline-block;
margin-right: .4rem;
margin-bottom: 0.27rem;
span:first-child {
font-size: 0.4rem;
color: #222;
vertical-align: top;
display: inline-block;
margin-right: 0.4rem;
line-height: 1.3;
}
span:last-child {
font-size: 0.32rem;
color: #666;
vertical-align: text-bottom;
display: inline-block;
}
}
p.goods_name{
font-size: 0.32rem;
}
span:last-child {
font-size: 0.32rem;
color: #666;
vertical-align: text-bottom;
display: inline-block;
}
}
p.goods_name {
font-size: 0.32rem;
max-width: 4rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
.result {
font-size: 0.32rem;
}
}
.result {
font-size: 0.32rem;
display: flex;
justify-content: space-between;
flex-direction: column;
padding: .13rem 0;
padding: 0.13rem 0;
text-align: right;
.money {
font-size: 0.37rem;
color: $primary-color;
font-weight: bold;
}
.date {
font-size: 0.3rem;
.money {
font-size: 0.37rem;
color: #cf9e3b;
font-weight: bold;
}
.date {
font-size: 0.3rem;
color: #888;
}
}
}
}
}
</style>