|
|
@@ -0,0 +1,110 @@
|
|
|
+<template>
|
|
|
+ <div id="index">
|
|
|
+ <el-col :span="24" class="top">
|
|
|
+ <el-menu :default-active="activeIndex" class="el-menu-demo" 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="3" disabled>消息中心</el-menu-item>
|
|
|
+ <el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item>
|
|
|
+ </el-menu>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-col :span="24">
|
|
|
+ <el-carousel indicator-position="outside">
|
|
|
+ <el-carousel-item v-for="item in imagesbox" :key="item.id">
|
|
|
+ <img :src="item.idView" class="image" />
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="fon">
|
|
|
+ <p>上海寰启光电科技有限公司</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="small">
|
|
|
+ <p>Shanghai Qi Kai Optoelectronics Technology Co., Ltd</p>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="bor"> </el-col>
|
|
|
+ </el-col>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import { mapState, createNamespacedHelpers } from 'vuex';
|
|
|
+export default {
|
|
|
+ name: 'index',
|
|
|
+ props: {},
|
|
|
+ components: {},
|
|
|
+ data: function() {
|
|
|
+ return {
|
|
|
+ imagesbox: [
|
|
|
+ {
|
|
|
+ id: 0,
|
|
|
+ idView: require('@/assets/banner_p.jpg'),
|
|
|
+ },
|
|
|
+ {
|
|
|
+ id: 1,
|
|
|
+ idView: require('@/assets/banner_p.jpg'),
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ activeIndex: '1',
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {},
|
|
|
+ methods: {
|
|
|
+ handleSelect(key, keyPath) {
|
|
|
+ console.log(key, keyPath);
|
|
|
+ },
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapState(['user']),
|
|
|
+ pageTitle() {
|
|
|
+ return `${this.$route.meta.title}`;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ metaInfo() {
|
|
|
+ return { title: this.$route.meta.title };
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.el-carousel__item:nth-child(2n) {
|
|
|
+ background-color: #99a9bf;
|
|
|
+}
|
|
|
+
|
|
|
+.el-carousel__item:nth-child(2n + 1) {
|
|
|
+ background-color: #d3dce6;
|
|
|
+}
|
|
|
+.image {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+.pic {
|
|
|
+ height: 800px;
|
|
|
+}
|
|
|
+.fon {
|
|
|
+ font-size: 48px;
|
|
|
+ text-align: center;
|
|
|
+ color: blue;
|
|
|
+ margin-top: 50px;
|
|
|
+}
|
|
|
+.small {
|
|
|
+ text-align: center;
|
|
|
+ color: #99a9bf;
|
|
|
+}
|
|
|
+.bor {
|
|
|
+ border: 1px solid #99a9bf;
|
|
|
+ margin: 20px 0 20px 0;
|
|
|
+ padding: 0 20px 0 ;
|
|
|
+}
|
|
|
+</style>
|
