51 lines
761 B
Vue
51 lines
761 B
Vue
<template>
|
|
<view class="buy-progress">
|
|
<space align="center">
|
|
<view class="buy-progress-info">
|
|
<view
|
|
class="buy-progress-info-desc"
|
|
v-if="surplus"
|
|
>
|
|
仅剩{{ surplus }}件
|
|
</view>
|
|
</view>
|
|
<view class="buy-progress-action">
|
|
<uv-button
|
|
round
|
|
block
|
|
type="primary"
|
|
>
|
|
立即抢购
|
|
</uv-button>
|
|
</view>
|
|
</space>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: "buyProgress",
|
|
data() {
|
|
return {
|
|
|
|
};
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.buy-progress {
|
|
&-info {
|
|
flex: 1;
|
|
|
|
&-desc {
|
|
color: #999999;
|
|
font-size: 24rpx;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
|
|
&-action {}
|
|
}
|
|
</style>
|