JP-ChargeTeam51/pages/searchPile/chargeProcess/dcCharging.vue

<template>
	<view style="background-color: #fff;">
		<u-navbar title="启动中">
		</u-navbar>
		<view class="iconfont tittle-font">
			&#xe616;
		</view>
		
		<view class="progress-bar">
				<u-circle-progress width="300" active-color="#2979ff" :percent="0">
					<view class="u-progress-content">
						<view class="u-progress-dot"></view>
						<text class='u-progress-info'>0.0%</text>
					</view>
				</u-circle-progress>
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss" scoped>
	.tittle-font {
		font-size: 24px;
		position: fixed;
		top: 12px;
		right: 16px;
		z-index: 99999;

	}
	
.progress-bar{
	margin:10px auto;
	width: 220px;
	height: 220px;
	
	
	.u-progress-content {
			display: flex;
			align-items: center;
			justify-content: center;
		}
		
		.u-progress-dot {
			width: 16rpx;
			height: 16rpx;
			border-radius: 50%;
			background-color: #fb9126;
		}
		
		.u-progress-info {
			font-size: 28rpx;
			padding-left: 16rpx;
			letter-spacing: 2rpx
		}
		/deep/.u-progress-dot[data-v-05b104e0]{
			display: none;
		}
		/deep/.u-circle-progress[data-v-cab6fc66]{
			margin: 30px ;
		}
	
}
</style>