first commit

src/views/dashboard3/components/chart/index.tsx

@@ -0,0 +1,26 @@
+import {defineComponent} from "vue";
+import "./index.less"
+
+const longIndex = [0, 6, 12];
+export default defineComponent({
+    name: "Chart",
+    props: {},
+    setup(props) {
+        return () => (
+            <div class='chart'>
+                <ul class='scale__ul'>
+                    {
+                        Array.from({length: 13}).map((_, index) => {
+                            const long = longIndex.includes(index);
+                            return <li
+                                class={[`scale__li`, {'scale__li--long': long}, {'scale__li--active': index > 5}]}
+                                style={{transform: `rotate(-${15 * index}deg) translate(${long ? 59 : 65}px,-50%)`}}
+                                key={index}></li>
+                        })
+                    }
+                </ul>
+                <div class='chart__name'>xx</div>
+            </div>
+        );
+    },
+});