45 lines
668 B
Plaintext
45 lines
668 B
Plaintext
<template>
|
|
<view class="volume">
|
|
<text class="text">{{ currentValue }}/{{ totalValue }}</text>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'Process',
|
|
props: {
|
|
currentValue: {
|
|
type: Number | String
|
|
},
|
|
totalValue: {
|
|
type: Number | String
|
|
}
|
|
},
|
|
computed: {
|
|
precent () {
|
|
return this.currentValue / this.totalValue;
|
|
},
|
|
restPrecent () {
|
|
return 1 - this.precent;
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="stylus" scoped>
|
|
.volume
|
|
flex-direction row
|
|
align-items center
|
|
justify-content center
|
|
padding 10rpx
|
|
background rgba(20, 20, 20, 0.8)
|
|
border-radius 2rpx
|
|
.text
|
|
color #FFFFFF
|
|
</style>
|
|
|
|
|
|
<style>
|
|
|
|
</style>
|