public/images/settings/cloud.png | 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/pages/datapush/index/App.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/pages/datapush/index/main.ts | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/pages/library/index/App.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/pages/search/index/main.ts | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 | |
src/pages/settings/components/CloudNode.vue | ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史 |
public/images/settings/cloud.pngsrc/pages/datapush/index/App.vue
@@ -98,6 +98,7 @@ <style lang="scss"> .flex-box { display: flex; height: 100%; } .ev-left-list { src/pages/datapush/index/main.ts
@@ -5,7 +5,6 @@ import 'element-ui/lib/theme-chalk/index.css'; import "@/assets/css/element-variables.scss"; import "../../../assets/css/common.scss" import moment from "moment"; Vue.prototype.$moment = moment; src/pages/library/index/App.vue
@@ -125,6 +125,9 @@ } </script> <style lang="scss" scoped> .flex-box{ display: flex; } .s-base-manage { box-sizing: border-box; background-color: #e9ebf2; src/pages/search/index/main.ts
@@ -11,7 +11,6 @@ import Mixin from "./mixins"; import 'vue-photo-preview/dist/skin.css' //import "../../../assets/css/common.scss" Vue.prototype.$moment = moment; src/pages/settings/components/CloudNode.vue
@@ -2,7 +2,12 @@ <div class="cloud"> <div class="inner"> <div class="rect"> <div class="node" v-for="(item,index) in insideNodes" :key="item.id" :style="{top:36*(index+1)+'px',left:60*(index+1)+'px'}"> <div class="node" v-for="(item,index) in insideNodes" :key="item.id" :style="{top:36*(index+1)+'px',left:60*(index+1)+'px'}" > <span class="node-icon"> <!-- <img :src="nodeIcons[item.workType]" alt=""> --> </span> @@ -11,7 +16,12 @@ </div> </div> <div class="outer"> <div class="node" v-for="(item,index) in insideNodes" :key="item.id" :style="{top:36*(index+1)+'px',left:80*(index+1)+'px'}"> <div class="node" v-for="(item,index) in insideNodes" :key="item.id" :style="{top:36*(index+1)+'px',left:80*(index+1)+'px'}" > <span class="node-icon"> <!-- <img :src="nodeIcons[item.workType]" alt=""> --> </span> @@ -28,6 +38,7 @@ }, data(){ return { nodeIcons:[], mockData:[ { @@ -70,7 +81,9 @@ } }, computed:{ cloudPic () { return '/images/settings/cloud.png' }, insideNodes(){ //return this.nodes.filter(item=>item.hardwareType=='01'||item.hardwareType=='02'); return this.mockData.filter(item=>item.hardwareType=='01'||item.hardwareType=='02'); @@ -88,10 +101,11 @@ height: 500px; display: flex; .inner{ background: url('/images/settings/cloud.png') no-repeat; background-size: 100%; width: 50%; .rect{ margin: 100px; background:cornflowerblue; position: relative; .node{ @@ -110,6 +124,9 @@ .outer{ width:50%; position: relative; .node { position: absolute; } } } </style>