options移植

cc-inspector/src/views/options/index.vue

@@ -1,5 +1,8 @@
 <template>
-  <div class="options">options</div>
+  <div class="options">
+    <div class="text">哈哈，让你发现了</div>
+    <div class="text">不过这里什么都没有</div>
+  </div>
 </template>
 <script lang="ts">
 import { defineComponent, onMounted, ref, provide, nextTick } from "vue";
@@ -13,8 +16,16 @@ export default defineComponent({
 </script>
 <style scoped lang="less">
 .options {
-    widows: 10px;
+  width: 100%;
-    height: 10px;
+  height: 100%;
-    background-color: rebeccapurple;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+
+  .text {
+    user-select: none;
+    font-size: 40px;
+  }
 }
 </style>

source/src/index.less

@@ -1,18 +0,0 @@
-.layout {
-  display: flex;
-
-  &.vertical {
-    display: flex;
-    flex-direction: column;
-  }
-
-  &.horizontal {
-    display: flex;
-    flex-direction: row;
-
-  }
-}
-
-.flex1 {
-  flex: 1;
-}

source/src/options/index.ts

@@ -1,10 +0,0 @@
-import Vue from "vue";
-import App from "./index.vue";
-import "element-ui/lib/theme-chalk/index.css"
-import ElementUI from "element-ui";
-
-Vue.config.productionTip = false;
-Vue.use(ElementUI, {size: "mini"});
-new Vue({
-  render: (h) => h(App),
-}).$mount("#app");

source/src/options/index.vue

@@ -1,38 +0,0 @@
-<template>
-  <div id="options">
-    <div class="text">
-      哈哈，让你发现了
-    </div>
-    <div class="text">
-      不过这里什么都没有
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-import {Component, Vue} from "vue-property-decorator";
-
-@Component({
-  components: {},
-})
-export default class Index extends Vue {
-  name: string = "index";
-}
-</script>
-
-<style scoped lang="less">
-#options {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-
-  .text {
-    user-select: none;
-    font-size: 40px;
-  }
-
-}
-</style>