52 lines
1011 B
Vue
52 lines
1011 B
Vue
<style lang="scss" scoped>
|
||
.renew-ctn{
|
||
padding: $paddingTB $paddingLR;
|
||
:not(not) {
|
||
box-sizing: border-box;
|
||
}
|
||
}
|
||
.renew-info-list{
|
||
padding-top: 50rpx;
|
||
}
|
||
.renew-info-box{
|
||
display: flex;
|
||
justify-content: space-between;
|
||
padding-bottom: 40rpx;
|
||
}
|
||
</style>
|
||
<template>
|
||
<view class="renew-ctn">
|
||
<view class="renew-info-list">
|
||
<view class="renew-info-box">
|
||
<text>物联网卡号码：</text>
|
||
<text>3123120001</text>
|
||
</view>
|
||
<view class="renew-info-box">
|
||
<text>ICCD：</text>
|
||
<text>0001</text>
|
||
</view>
|
||
<view class="renew-info-box">
|
||
<text>设备名称：</text>
|
||
<text>交换机</text>
|
||
</view>
|
||
<view class="renew-info-box">
|
||
<text>到期时间：</text>
|
||
<text>2020年9月26日11:39:16</text>
|
||
</view>
|
||
<view class="renew-info-box">
|
||
<text>年费：</text>
|
||
<text>100元</text>
|
||
</view>
|
||
</view>
|
||
<u-button class="mt20" type="success" shape="square">充值</u-button>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default{
|
||
|
||
}
|
||
</script>
|
||
|
||
|