双减号问题处理

master
Chopper 2021-08-30 14:46:01 +08:00
parent bed539d16f
commit a7ee9a6444
1 changed files with 11 additions and 5 deletions

View File

@ -1,14 +1,16 @@
<template> <template>
<div class="point"> <div class="point">
<card _Title="我的积分" /> <card _Title="我的积分"/>
<div class="point-content"> <div class="point-content">
<span>剩余积分<span>{{pointObj.point || 0}}</span></span> <span>剩余积分<span>{{ pointObj.point || 0 }}</span></span>
<span>累计获得<span>{{pointObj.totalPoint || 0}}</span></span> <span>累计获得<span>{{ pointObj.totalPoint || 0 }}</span></span>
</div> </div>
<h3>积分日志</h3> <h3>积分日志</h3>
<Table :columns="logColumns" :data="logData.records"> <Table :columns="logColumns" :data="logData.records">
<template slot-scope="{ row }" slot="point"> <template slot-scope="{ row }" slot="point">
<div :style="{color:row.pointType === 'INCREASE' ? 'green' : 'red'}"><span>{{row.pointType === "INCREASE" ? '+' : '-'}}</span>{{ row.variablePoint }}</div> <div :style="{color:row.pointType === 'INCREASE' ? 'green' : 'red'}">
<span v-if="row.pointType === 'INCREASE'">+</span>{{ row.variablePoint }}
</div>
</template> </template>
</Table> </Table>
<!-- 分页 --> <!-- 分页 -->
@ -28,6 +30,7 @@
</template> </template>
<script> <script>
import {memberPoint, memberPointHistory} from '@/api/member.js' import {memberPoint, memberPointHistory} from '@/api/member.js'
export default { export default {
name: 'Point', name: 'Point',
data () { data () {
@ -90,12 +93,15 @@ h3 {
font-size: 16px; font-size: 16px;
margin: 20px 10px; margin: 20px 10px;
} }
.point-content { .point-content {
text-align: center; text-align: center;
margin-bottom: 30px; margin-bottom: 30px;
>span{
> span {
color: #999; color: #999;
margin-right: 100px; margin-right: 100px;
span { span {
color: $theme_color; color: $theme_color;
font-size: 24px; font-size: 24px;