Заготовка страницы поиска

client/components/App.vue

@@ -141,6 +141,7 @@ class App extends Vue {
 }
   
 .el-main {
+    padding: 5px;
     background-color: #E6EDF4;
     color: #000;
 }

client/components/CardIndex/CardIndex.vue

@@ -1,6 +1,7 @@
 <template>
-    <el-container>
+    <el-container direction="vertical">
-        Раздел CardIndex в разработке
+        <el-header height="50px">Header</el-header>
+        <router-view></router-view>
     </el-container>
 </template>
 
@@ -18,3 +19,9 @@ class CardIndex extends Vue {
 }
 //-----------------------------------------------------------------------------
 </script>
+
+<style scoped>
+.el-header {
+    border: 1px solid black;
+}
+</style>

client/components/CardIndex/Search/Search.vue

@@ -0,0 +1,20 @@
+<template>
+    <el-container>
+        Раздел Search в разработке
+    </el-container>
+</template>
+
+<script>
+//-----------------------------------------------------------------------------
+import Vue from 'vue';
+import Component from 'vue-class-component';
+
+export default @Component({
+})
+class Search extends Vue {
+    created() {
+    }
+
+}
+//-----------------------------------------------------------------------------
+</script>