更新

src/layout/altai/index/top.vue

@@ -0,0 +1,29 @@
+<template>
+  <div id="top">
+    <el-row>
+      <el-col :span="24" class="title">
+        阿拉泰地区科技创新创业服务平台
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'top',
+  props: {},
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.title {
+  font-size: 30px;
+  font-family: Cursive;
+  font-style: italic;
+}
+</style>

src/views/altai/index.vue

@@ -0,0 +1,122 @@
+<template>
+  <div id="index">
+    <el-row>
+      <div class="w_1200">
+        <el-col :span="24" class="top">
+          <top></top>
+        </el-col>
+        <el-col :span="24" class="nav">
+
+        </el-col>
+        <el-col :span="24" class="main">
+          <el-col :span="12" class="ditu">
+
+          </el-col>
+          <el-col :span="12" class="zixun">
+
+          </el-col>
+          <el-col :span="8" class="notice">
+
+          </el-col>
+          <el-col :span="8" class="law">
+
+          </el-col>
+          <el-col :span="8" class="keji">
+
+          </el-col>
+          <el-col :span="24" class="link">
+
+          </el-col>
+        </el-col>
+        <el-col :span="24" class="foot">
+
+        </el-col>
+      </div>
+    </el-row>
+  </div>
+</template>
+
+<script>
+import top from '../../layout/altai/index/top.vue';
+export default {
+  name: 'index',
+  props: {},
+  components: {
+    top,//头部
+  },
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+.w_1200 {
+  width: 1200px;
+  margin: 0 auto;
+}
+.top {
+  background-color: rgba(0, 0, 0, 0);
+  height: 100px;
+  overflow: hidden;
+  color: #f2f5fa;
+  padding: 35px 0;
+}
+.nav {
+  background-color: aliceblue;
+  height: 50px;
+  overflow: hidden;
+}
+.ditu {
+  margin-top: 10px;
+  background-color: blue;
+  overflow: hidden;
+  height: 400px;
+  width: 587px;
+  margin-right: 10px;
+}
+.zixun {
+  margin-top: 10px;
+  overflow: hidden;
+  height: 400px;
+  width: 603px;
+  background-color: aqua;
+}
+.notice {
+  overflow: hidden;
+  margin-top: 10px;
+  margin-right: 10px;
+  width: 394px;
+  height: 331px;
+  background-color: aqua;
+}
+.law {
+  overflow: hidden;
+  margin-top: 10px;
+  margin-right: 10px;
+  width: 394px;
+  height: 331px;
+  background-color: aliceblue;
+}
+.keji {
+  overflow: hidden;
+  margin-top: 10px;
+  width: 392px;
+  height: 331px;
+  background-color: blue;
+}
+.link {
+  overflow: hidden;
+  margin-top: 10px;
+  height: 100px;
+  background-color: blue;
+}
+.foot {
+  overflow: hidden;
+  margin-top: 10px;
+  height: 120px;
+  color: #858f9b;
+  background-color: rgba(0, 0, 0, 0.4);
+}
+</style>