dist upload2

CTAI_web/src/components/Footer.vue

@@ -0,0 +1,35 @@
+<template>
+    <div id="Footer">
+        <p>{{msg}}</p>
+    </div>
+</template>
+<script>
+export default {
+    name:'Footer',
+    data(){
+        return {
+            msg:'Copyright 2019'
+        }
+    }
+}
+</script>
+<style scoped>
+#Footer{
+    /*background:#F2F6FC;*/
+    padding:6px;
+    border-radius: 5px;
+    width:80%;
+    height:80px;
+    margin:20px auto;
+    margin-top:140px;
+}
+
+p{
+    color:#21b3b9;
+    text-align: center;
+    margin:30px auto;
+    font-size:1.1em;
+}
+</style>
+
+

CTAI_web/src/components/Header.vue

@@ -0,0 +1,115 @@
+<template>
+    <div id="Header">
+        <!-- 免费咨询 -->
+        <div class="top-left-edition">
+      <span style="color:#21b3b9;font-weight:bold;">
+        <i class="el-icon-phone-outline" style="font-size:23px;"></i>免费咨询：010-56732656
+      </span>
+            <span>
+        <i class="el-icon-time" style="font-size:23px;"></i>工作时间：9:00-18:00
+      </span>
+        </div>
+        <!-- CT图像处理字（可删除放图片） -->
+        <div id="word">
+
+            <h1>{{msg}}</h1>
+        </div>
+
+        <!-- 导航栏 -->
+<!--        <el-menu-->
+<!--            :default-active="activeIndex"-->
+<!--            class="el-menu-demo"-->
+<!--            id="menu"-->
+<!--            mode="horizontal"-->
+<!--            @select="handleSelect"-->
+<!--        >-->
+<!--            <el-menu-item index="1">处理中心</el-menu-item>-->
+<!--            <el-submenu index="2">-->
+<!--                <template slot="title">我的工作台</template>-->
+<!--                <el-menu-item index="2-1">选项1</el-menu-item>-->
+<!--                <el-menu-item index="2-2">选项2</el-menu-item>-->
+<!--                <el-menu-item index="2-3">选项3</el-menu-item>-->
+<!--                <el-submenu index="2-4">-->
+<!--                    <template slot="title">选项4</template>-->
+<!--                    <el-menu-item index="2-4-1">选项1</el-menu-item>-->
+<!--                    <el-menu-item index="2-4-2">选项2</el-menu-item>-->
+<!--                    <el-menu-item index="2-4-3">选项3</el-menu-item>-->
+<!--                </el-submenu>-->
+<!--            </el-submenu>-->
+<!--            <el-menu-item index="0">处理中心</el-menu-item>-->
+<!--            <el-menu-item index="1">处理中心</el-menu-item>-->
+<!--        </el-menu>-->
+    </div>
+</template>
+<script>
+    export default {
+        name: "Header",
+        data() {
+            return {
+                msg: "肿瘤辅助诊断系统",
+                activeIndex: "1"
+            };
+        },
+        methods: {
+            handleSelect(key, keyPath) {
+                console.log(key, keyPath);
+            }
+        }
+    };
+</script>
+<style scoped>
+    #Header {
+        padding: 30px 110px 0 150px;
+        width: 90%;
+        margin: 10px auto;
+    }
+
+    #word {
+        margin-left: 45%;
+        margin-top: -35px;
+        margin-bottom: 37px;
+        height: 60px;
+        /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); */
+        line-height: 3.2em;
+    }
+
+    h1 {
+        /*text-align: center;*/
+        color: #21b3b9;
+        letter-spacing: 30px;
+        font-size: 2.3em;
+    }
+
+    .el-menu-demo {
+        width: 80%;
+        margin: 0px auto;
+        padding: 0px auto;
+    }
+
+    .top-left-edition span i {
+        float: left;
+        margin-right: 10px;
+    }
+
+    i,
+    input,
+    label {
+        vertical-align: middle;
+    }
+
+    i {
+        border: 0;
+        display: block;
+        cursor: pointer;
+    }
+
+    .top-left-edition span {
+        float: left;
+        font-size: 16px;
+        color: #999999;
+        line-height: 24px;
+        margin-right: 40px;
+    }
+</style>
+
+