Merge remote-tracking branch 'origin/20210819' into yuanfeng

README.md

 ## 两星(张謇) - 前端大屏
+
+#### 添加依赖runner(git子包仓库)
+```js
+初始化子包仓库
+    `npm run init`
+
+
+后续更新子包仓库 - 初始化已包含, 无需再次执行
+    `npm run update`
+
+开发环境
+`npm run dev`
+
+打包部署
+`npm run build`
+
+```
+### 页面名称
+```
+
+```
\ No newline at end of file

package.json

@@ -10,7 +10,7 @@
     "lint": "eslint --ext .js --ext .jsx --ext .vue client/",
     "lint-fix": "eslint --fix --ext .js --ext .jsx --ext .vue src/ widgets/",
     "precommit": "npm run lint-fix",
-    "init": "git submodule update --init --recursive",
+    "init": "git submodule update --init --recursive && npm run update && npm install",
     "update": "git submodule update --recursive --remote --merge --force"
   },
   "author": "",

src/components/PopupFrame.vue

+<template>
+    <div class="PopupFrame" v-if="visible">
+        <div class="iframe" :style="`width:${layout.width};height:${layout.height}`">
+            <!-- <div class="title">
+                <span>
+                    {{ title }}
+                </span>
+            </div> -->
+            <div class="close" @click="closeBullet"></div>
+            <div class="content">
+                <!-- 内容部分 -->
+                <slot></slot>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'PopupFrame',
+
+    data () {
+        return {
+        }
+    },
+
+    props: {
+        visible: {
+            type: Boolean,
+            default: false
+        },
+        title: '',
+        layout: {
+            type: Object,
+            default () {
+                return {
+                    width: '1440px',
+                    height: '815px'
+                }
+            }
+        }
+    },
+
+    components: {
+    },
+
+    methods: {
+        // 关闭弹出框
+        closeBullet () {
+            this.$emit('beforeClose', false)
+        }
+    }
+}
+</script>
+
+<style lang="less">
+.PopupFrame {
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 0;
+    z-index: 101;
+    background-color: rgba(0, 0, 0, 0.6);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .iframe {
+        width: 1280px;
+        height: 721px;
+        position: relative;
+        background-color: rgba(0, 0, 0, 0.8);
+        .title {
+            width: 1090px;
+            height: 38px;
+            text-align: center;
+            margin: 0 auto;
+            span {
+                font-size: 22px;
+                font-family: Source Han Sans CN;
+                font-weight: bold;
+                color: #ffffff;
+                line-height: 22px;
+                background: linear-gradient(0deg, #a3dcff 0%, #ffffff 100%);
+                -webkit-background-clip: text;
+                -webkit-text-fill-color: transparent;
+                position: relative;
+                top: 7px;
+            }
+        }
+        .content {
+            margin-top: 15px;
+        }
+        .close {
+            width: 24px;
+            height: 24px;
+            background: url('../../static/images/index/bulletFrame-close.png')
+                no-repeat left top;
+            position: absolute;
+            top: 36px;
+            right: 19px;
+            cursor: pointer;
+        }
+    }
+}
+</style>
\ No newline at end of file

src/pages/index/active.vue

@@ -142,7 +142,7 @@ export default {
                         width: 28px;
                         height: 24px;
                         // margin-top: 5px!important;
-                     background:url('../../../static/images/index/查看更多.png') no-repeat;
+                        background:url('../../../static/images/index/more.png') no-repeat;
                     }
                    
                 }

src/public/plugins/index.js

@@ -6,6 +6,7 @@ import ContentContainer from 'components/ContentContainer'
 import Header from 'components/Header'
 // 插件
 import CountTo from 'components/CountTo.vue'
+import PopupFrame from '@/components/PopupFrame'
 
 const UsePlugin = {}
 
@@ -22,6 +23,8 @@ UsePlugin.install = function (Vue, options = {}) {
     Vue.component('page-head', Header)
     // 数组滚动
     Vue.component('count-to', CountTo)
+    // 弹框组件
+    Vue.component('popup-frame', PopupFrame)
 }
 
 export default UsePlugin