init

.svn/pristine/78/780deb43994ea3142ea4b9cff586691a9260354c.svn-base

@@ -0,0 +1,10 @@
+<template>
+  <router-view />
+</template>
+
+<script lang="ts">
+import Vue from "vue";
+export default {
+  name: "App",
+};
+</script>

.svn/pristine/78/7859afe4045bd05e57d1fb209f9e6459139f6ac1.svn-base

@@ -0,0 +1,16 @@
+<script lang="ts">
+export default {
+  name: "FontsUIcon",
+};
+</script>
+<script setup lang="ts">
+import LayIcon from "../component/icon/index";
+
+const props = defineProps<{
+  color?: string;
+  size?: string;
+}>();
+</script>
+<template>
+  <lay-icon :color="props.color" :size="props.size" type="layui-icon-fonts-u" />
+</template>

.svn/pristine/78/785b706b96fd4adf5c492271ca3dccd0758ba28b.svn-base

@@ -0,0 +1,31 @@
+<script lang="ts">
+export default {
+  name: "LaySide",
+};
+</script>
+
+<script setup lang="ts">
+import { computed, CSSProperties } from "vue";
+import "./index.less";
+
+export interface SideProps {
+  width?: string | number;
+}
+
+const props = withDefaults(defineProps<SideProps>(), {
+  width: "200px",
+});
+
+const styles = computed<CSSProperties>(() => {
+  return {
+    flex: `0 0 ${props.width}`,
+    width: `${props.width}`,
+  };
+});
+</script>
+
+<template>
+  <div class="layui-side" :style="styles">
+    <slot></slot>
+  </div>
+</template>