53 lines
922 B
Vue
53 lines
922 B
Vue
|
<template>
|
||
|
|
<div class="integralDetail">
|
||
|
|
<div class="item" v-for="(item, index) in 10" :key="index">
|
||
|
|
<div class="left">
|
||
|
|
<h2>提问</h2>
|
||
|
|
<p>2022-07-21 10:10:02</p>
|
||
|
|
</div>
|
||
|
|
<span>+10</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
appName: '积分明细',
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
.integralDetail {
|
||
|
|
.item {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: space-between;
|
||
|
|
padding: 20px 24px;
|
||
|
|
border-bottom: 1px solid #eee;
|
||
|
|
background: #fff;
|
||
|
|
|
||
|
|
&:last-child {
|
||
|
|
border-bottom: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
h2 {
|
||
|
|
line-height: 1;
|
||
|
|
margin-bottom: 12px;
|
||
|
|
font-size: 34px;
|
||
|
|
font-weight: 500;
|
||
|
|
font-size: #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
p {
|
||
|
|
font-size: 28px;
|
||
|
|
color: #999;
|
||
|
|
}
|
||
|
|
|
||
|
|
span {
|
||
|
|
font-size: 36px;
|
||
|
|
color: red;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|