更新

src/layout/index/floating.vue

@@ -0,0 +1,43 @@
+<template>
+  <div id="floating">
+    <el-row>
+      <el-col :span="24" class="fuchuang">
+        <!-- <el-button onClick="javascript:this.parentNode.style.display='none';">关闭</el-button> -->
+        <el-col :span="24" class="info">
+          <p v-html="floating.value"></p>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'floating',
+  props: {
+    floating: null,
+  },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  margin: 0;
+  padding: 0;
+}
+.info p {
+  font-size: 30px;
+  padding: 0 10px;
+  color: #fff;
+  -webkit-text-stroke: 2px #1e90ff;
+}
+/deep/.info p p {
+  padding: 0;
+  margin: 0;
+}
+</style>

src/layout/master/index/floating.vue

@@ -0,0 +1,43 @@
+<template>
+  <div id="floating">
+    <el-row>
+      <el-col :span="24" class="fuchuang">
+        <!-- <el-button onClick="javascript:this.parentNode.style.display='none';">关闭</el-button> -->
+        <el-col :span="24" class="info">
+          <p v-html="floating.value"></p>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'floating',
+  props: {
+    floating: null,
+  },
+  components: {},
+  data: () => ({}),
+  created() {},
+  computed: {},
+  methods: {},
+};
+</script>
+
+<style lang="less" scoped>
+p {
+  margin: 0;
+  padding: 0;
+}
+.info p {
+  font-size: 30px;
+  padding: 0 10px;
+  color: #fff;
+  -webkit-text-stroke: 2px #1e90ff;
+}
+/deep/.info p p {
+  padding: 0;
+  margin: 0;
+}
+</style>

src/views/index.vue

@@ -74,6 +74,10 @@
           <footDown :topInfo="topInfo"></footDown>
         </div>
       </el-col>
+      <el-col :span="24" class="floating">
+        <el-button onClick="javascript:this.parentNode.style.display='none';">关闭</el-button>
+        <floating :floating="floating"></floating>
+      </el-col>
     </el-row>
   </div>
 </template>
@@ -94,6 +98,8 @@ import lunbo from '@publics/src/layout/index/lunbo.vue';
 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';
+
 export default {
   name: 'index',
   props: {
@@ -111,6 +117,7 @@ export default {
     yizhanList: null, //一站式招聘
     linkImgList: null, //友情链接
     downList: null, //底部
+    floating: null, //浮窗内容
   },
   components: {
     top, //头部
@@ -128,6 +135,7 @@ export default {
     contact, //联系
     friendLink, //友情链接
     footDown, //底部
+    floating, //浮窗
   },
   data: () => ({
     backColor: '#850000',
@@ -238,4 +246,23 @@ export default {
   height: 100px;
   background-color: #333;
 }
+.floating {
+  position: fixed;
+  top: 30%;
+  right: 10%;
+  width: 350px;
+  height: 140px;
+  color: blue;
+  background: #fff;
+  border: 2px solid red;
+}
+/deep/.floating .el-button {
+  position: absolute;
+  top: -2px;
+  right: -2px;
+  padding: 3px 5px;
+  background: #ccc;
+  color: #000;
+  border-radius: 0;
+}
 </style>

src/views/master/index/index.vue

@@ -68,6 +68,10 @@
       <el-col :span="24" class="foot">
         <foot :footinfo="footinfo"></foot>
       </el-col>
+      <el-col :span="24" class="floating">
+        <el-button onClick="javascript:this.parentNode.style.display='none';">关闭</el-button>
+        <floating :floating="floating"></floating>
+      </el-col>
     </el-row>
   </div>
 </template>
@@ -87,6 +91,7 @@ import yizhan from '../../../layout/master/index/yizhan.vue';
 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';
 export default {
   name: 'index',
   props: {
@@ -113,6 +118,7 @@ export default {
     unittop: null, //合作单位头部内容
     unitlist: null, //合作单位列表
     footinfo: null, //底部内容
+    floating: null, //浮窗内容
   },
   components: {
     top,
@@ -129,6 +135,7 @@ export default {
     company,
     unit,
     foot,
+    floating,
   },
   data: () => ({}),
   created() {},
@@ -230,4 +237,23 @@ export default {
   height: 109px;
   overflow: hidden;
 }
+.floating {
+  position: fixed;
+  top: 30%;
+  right: 10%;
+  width: 350px;
+  height: 140px;
+  color: blue;
+  background: #fff;
+  border: 2px solid red;
+}
+/deep/.floating .el-button {
+  position: absolute;
+  top: -2px;
+  right: -2px;
+  padding: 3px 5px;
+  background: #ccc;
+  color: #000;
+  border-radius: 0;
+}
 </style>