update

src/views/databoard/components/ShadowRect.vue

@@ -6,9 +6,11 @@
 -->
 
 <template>
-	<div class="shadow-rect">
+	<div class="shadow-rect" :style="{ borderRadius: rounded ? '8px' : '2px' }">
 		<slot>
-			<div class="test-data" style="flex: 1; display: flex; align-items: center">
+			<div
+				class="test-data"
+				style="flex: 1; display: flex; align-items: center">
 				<span
 					style="
 						flex: 7;
@@ -41,10 +43,17 @@
 export default {
 	name: '',
 	components: {},
-	props: {},
+	props: ['rounded'],
 	data() {
 		return {};
 	},
+	watch: {
+		rounded(val) {
+			if (val) {
+				console.log('val', val);
+			}
+		},
+	},
 	computed: {},
 	methods: {},
 };
@@ -56,7 +65,7 @@ export default {
 	border-radius: 2px;
 	box-shadow: inset 0 0 10px 2px #ccc9;
 	color: white;
-    display: flex;
-    align-items: center;
+	display: flex;
+	align-items: center;
 }
 </style>