update management structure

src/components/setting/system/AppearanceSettings.vue

@@ -1,11 +1,46 @@
 <template>
-<div>
+  <div class="main">
+    <div class="base-style">
+      <span style="font-weight: bolder;font-size: 20px">基础样式</span>
+    </div>
+    <div class="background-img">
 
-</div>
+    </div>
+    <div class="ui-model">
+
+    </div>
+  </div>
 </template>
 <script>
 
+
+export default {
+  name:"AppearanceSettings",
+  components: {},
+  data() {
+    return {
+
+    }},
+  mounted() {
+
+  },
+  created() {
+
+  },
+  computed: {
+
+  },
+  methods: {
+
+  }
+
+}
 </script>
 <style scoped>
-
+.main{
+  display: flex;
+  flex-direction: column;
+  flex-wrap: nowrap;
+  //align-items: center;
+}
 </style>