zx_flk_app/component/progressView/progressView.vue

<template>
	<view class="container-view">
		<!-- 圆环进度条 -->
	 <view class="blockOut">
	        <view :style="'transform: rotate('+(soc*180/100-135)+'deg);'" :class="status==1?'block block-b rotate1':'block block-o rotate1'"></view>
	    </view>
		<view class="quantity">
		    {{soc}} <text class="quantity-pop">%</text>
		</view>
	</view>
</template>

<script>
	var common = require('../../common/common.js');
	export default {
		
		data() {
			return {
			};
		},
		props: {
			soc: {
				default: 0
			},
			status:{
				default: 0
			}
		},
		/**
		 * 生命周期函数--监听页面加载
		 */
		onLoad: function(options) {

		},
		/**
		 * 生命周期函数--监听页面显示
		 */
		onShow: function() {

		},
		methods: {
			
		}
	};
</script>

<style>
	@import './progressView.css';
</style>