样式更新

src/layout/index/erweima.vue

@@ -0,0 +1,51 @@
+<template>
+  <div id="erweima">
+    <el-row>
+      <el-col :span="24">
+        <el-col :span="24" class="info">
+          <el-button>
+            <el-image style="width:25px;height:25px;" :src="shoucang"></el-image>
+          </el-button>
+          <el-button type="text" @click="open">
+            <el-image style="width:25px;height:25px;" :src="erweimas"></el-image>
+          </el-button>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'erweima',
+  props: {},
+  components: {},
+  data: () => ({
+    erweimas: require('../../assets/二维码.png'),
+    shoucang: require('../../assets/收藏.png'),
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    open() {
+      this.$alert('<p>二维码</p>', '二维码分享', {
+        dangerouslyUseHTMLString: true,
+      });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+/deep/.el-button {
+  width: 60px;
+  height: 60px;
+  padding: 0;
+  background-color: #a90d0d;
+  border: none;
+  margin: 6px 0;
+}
+/deep/.el-message-box__btns {
+  text-align: center;
+}
+</style>

src/layout/index/top.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="top">
     <el-row>
-      <el-col :span="24" class="top" :style="`background: url('${topInfo && topInfo.banner ? topInfo.banner : ''} ');min-height:300px;`">
+      <el-col :span="24" class="top" :style="`background: url('${topInfo && topInfo.banner ? topInfo.banner : ''} ') center center;min-height:300px;`">
         <div class="w_1200">
           <el-col :span="2">
             <el-image style="width:100px;height:100px" :src="topInfo.logo" v-if="topInfo && topInfo.logo"></el-image>

src/layout/index/yizhanshi.vue

@@ -34,9 +34,7 @@
 <script>
 export default {
   name: 'yizhanshi',
-  props: {
-    yizhanList: null,
-  },
+  props: {},
   components: {},
   data: () => ({
     image: {
@@ -46,6 +44,48 @@ export default {
       shouce: require('@/assets/shouce.jpg'),
       shouces: require('@/assets/shouces.jpg'),
     },
+    yizhanList: [
+      {
+        title: '[浙江] 宁波市天普橡胶科技股份有限公司',
+        time: '11-22',
+      },
+      {
+        title: '[浙江] 杭州巨峰科技有限公司',
+        time: '11-22',
+      },
+      {
+        title: '[山东] 青岛美艾丝国际贸易有限公司',
+        time: '11-22',
+      },
+      {
+        title: '[北京] 北京粉笔蓝天科技有限公司',
+        time: '11-22',
+      },
+      {
+        title: '[浙江] 杭州巨峰科技有限公司',
+        time: '11-22',
+      },
+      {
+        title: '[北京] 卓然天工自动化仪表（北京）有限公司',
+        time: '11-22',
+      },
+      {
+        title: '[山东] 青岛宏智软件有限公司',
+        time: '11-22',
+      },
+      {
+        title: '[北京] 北京棣南新宇科技有限公司',
+        time: '11-22',
+      },
+      {
+        title: '[天津] 天津环球优路教育科技有限公司',
+        time: '11-22',
+      },
+      {
+        title: '[北京] 北京棣南新宇科技有限公司',
+        time: '11-22',
+      },
+    ],
   }),
   created() {},
   computed: {},

src/layout/master/index/erweima.vue

@@ -0,0 +1,51 @@
+<template>
+  <div id="erweima">
+    <el-row>
+      <el-col :span="24">
+        <el-col :span="24" class="info">
+          <el-button>
+            <el-image style="width:25px;height:25px;" :src="shoucang"></el-image>
+          </el-button>
+          <el-button type="text" @click="open">
+            <el-image style="width:25px;height:25px;" :src="erweimas"></el-image>
+          </el-button>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'erweima',
+  props: {},
+  components: {},
+  data: () => ({
+    erweimas: require('../../../assets/二维码.png'),
+    shoucang: require('../../../assets/收藏.png'),
+  }),
+  created() {},
+  computed: {},
+  methods: {
+    open() {
+      this.$alert('<p>二维码</p>', '二维码分享', {
+        dangerouslyUseHTMLString: true,
+      });
+    },
+  },
+};
+</script>
+
+<style lang="less" scoped>
+/deep/.el-button {
+  width: 60px;
+  height: 60px;
+  padding: 0;
+  background-color: #a90d0d;
+  border: none;
+  margin: 6px 0;
+}
+/deep/.el-message-box__btns {
+  text-align: center;
+}
+</style>

src/views/index.vue

@@ -25,9 +25,6 @@
               <notice :notice="notice"></notice>
             </el-col>
           </el-col>
-          <el-col :span="24" class="mainLogin">
-            <login></login>
-          </el-col>
           <el-col :span="24" class="mainData">
             <el-col :span="7" class="RiLi">
               <slot name="calendar"></slot>
@@ -78,6 +75,9 @@
         <el-button onClick="javascript:this.parentNode.style.display='none';">关闭</el-button>
         <floating :floating="floating"></floating>
       </el-col>
+      <el-col :span="24" class="erweima">
+        <erweima></erweima>
+      </el-col>
     </el-row>
   </div>
 </template>
@@ -99,6 +99,7 @@ import contact from '@publics/src/layout/index/contact.vue';
 import friendLink from '@publics/src/layout/index/friendLink.vue';
 import footDown from '@publics/src/layout/index/foot.vue';
 import floating from '@publics/src/layout/index/floating.vue';
+import erweima from '@publics/src/layout/index/erweima.vue';
 
 export default {
   name: 'index',
@@ -124,7 +125,6 @@ export default {
     // native, //导航 slot
     news, //新闻
     notice, //通告
-    login, //登录
     // calendar, //日历 slot
     recruit, //招聘
     fast, //快速链接
@@ -136,6 +136,7 @@ export default {
     friendLink, //友情链接
     footDown, //底部
     floating, //浮窗
+    erweima, //二维码
   },
   data: () => ({
     backColor: '#850000',
@@ -265,4 +266,12 @@ export default {
   border-radius: 0;
   z-index: 1;
 }
+.erweima {
+  position: fixed;
+  top: 30%;
+  right: 1%;
+  z-index: 999;
+  width: 60px;
+  height: 120px;
+}
 </style>

src/views/master/index/index.vue

@@ -72,6 +72,9 @@
         <span onClick="javascript:this.parentNode.style.display='none';">关闭</span>
         <floating :floating="floating"></floating>
       </el-col>
+      <el-col :span="24" class="erweima">
+        <erweima></erweima>
+      </el-col>
     </el-row>
   </div>
 </template>
@@ -92,6 +95,7 @@ import company from '../../../layout/master/index/company.vue';
 import unit from '../../../layout/master/index/unit.vue';
 import foot from '../../../layout/master/index/foot.vue';
 import floating from '../../../layout/master/index/floating.vue';
+import erweima from '@publics/src/layout/index/erweima.vue';
 export default {
   name: 'index',
   props: {
@@ -119,6 +123,7 @@ export default {
     unitlist: null, //合作单位列表
     footinfo: null, //底部内容
     floating: null, //浮窗内容
+    erweima, //二维码
   },
   components: {
     top,
@@ -262,4 +267,12 @@ export default {
 .floating span:hover {
   cursor: pointer;
 }
+.erweima {
+  position: fixed;
+  top: 30%;
+  right: 1%;
+  z-index: 999;
+  width: 60px;
+  height: 120px;
+}
 </style>