我的订单+我的

components/player/StatusBar.nvue

@@ -0,0 +1,41 @@
+<template>
+	<view
+	class="status-bar">
+		<component
+		:is="name"
+		:current-value="currentValue"
+		:total-value="totalValue"></component>
+	</view>
+</template>
+
+<script>
+	import Volume from './Volume.nvue'
+	import Brightness from'./Brightness.nvue'
+	import Process from './Process.nvue'
+	export default {
+		components: {
+			Volume,
+			Brightness,
+			Process
+		},
+		props: {
+			name: {
+				type: String,
+				default: ''
+			},
+			currentValue: {
+				type: Number | String
+			},
+			totalValue: {
+				type: Number | String
+			}
+		}
+	}
+</script>
+
+<style lang="stylus" scoped>
+	.status-bar
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+</style>