|
@@ -1,107 +0,0 @@
|
|
|
-<!--
|
|
|
- 描述: 酷屏首页模板
|
|
|
- 作者: Jack Chen
|
|
|
- 日期: 2020-04-29
|
|
|
--->
|
|
|
-
|
|
|
-<template>
|
|
|
- <div class="home-container">
|
|
|
- <div class="wrap" ref="editor">
|
|
|
- <div class="top"></div>
|
|
|
-
|
|
|
- <sinan />
|
|
|
- <seamless />
|
|
|
- <pyramid />
|
|
|
-
|
|
|
- <scrollArc />
|
|
|
- <szBar />
|
|
|
-
|
|
|
- <ringPin />
|
|
|
- <rotateColorful />
|
|
|
- <circleRunway />
|
|
|
- <scanRadius />
|
|
|
-
|
|
|
- <cakeLinkage />
|
|
|
- <pyramidTrend />
|
|
|
- <dynamicLine />
|
|
|
-
|
|
|
- <staffMix />
|
|
|
- <flashCloud />
|
|
|
- <ringPie />
|
|
|
- <colorfulRadar />
|
|
|
-
|
|
|
- <dynamicList />
|
|
|
- <bar3d />
|
|
|
- <colorfulArea />
|
|
|
-
|
|
|
- <rainbow />
|
|
|
- <gauge />
|
|
|
- <waterPolo />
|
|
|
- <circleNesting />
|
|
|
-
|
|
|
- <div class="divider"></div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
-</template>
|
|
|
-
|
|
|
-<script>
|
|
|
-import { screenSize } from '@/assets/js/utils'
|
|
|
-
|
|
|
-export default {
|
|
|
- name: `Home`,
|
|
|
- components: {},
|
|
|
- data() {
|
|
|
- return {}
|
|
|
- },
|
|
|
- computed: {},
|
|
|
- created() {},
|
|
|
- mounted() {
|
|
|
- screenSize(this.$refs.editor)
|
|
|
- },
|
|
|
- methods: {},
|
|
|
-}
|
|
|
-</script>
|
|
|
-
|
|
|
-<style lang="less" scoped>
|
|
|
-.home-container {
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- width: 100%;
|
|
|
- height: 100%;
|
|
|
- .wrap {
|
|
|
- transform-origin: 0px 0px 0px;
|
|
|
- background: url(../assets/img/bj.jpg) no-repeat;
|
|
|
- background-size: contain;
|
|
|
- background-position: 50% 0;
|
|
|
- background-color: rgb(0, 0, 0);
|
|
|
- min-width: auto;
|
|
|
- width: 1920px;
|
|
|
- min-height: auto;
|
|
|
- height: 1080px;
|
|
|
- overflow: auto;
|
|
|
- .top {
|
|
|
- position: absolute;
|
|
|
- left: 0;
|
|
|
- top: 0;
|
|
|
- width: 100%;
|
|
|
- height: 80px;
|
|
|
- background-color: transparent;
|
|
|
- background: url(../assets/img/top_nav.png) no-repeat;
|
|
|
- background-position: 65% 0;
|
|
|
- border: none;
|
|
|
- overflow: hidden;
|
|
|
- }
|
|
|
- .divider {
|
|
|
- position: absolute;
|
|
|
- left: 50px;
|
|
|
- top: 3253px;
|
|
|
- width: 90%;
|
|
|
- height: 50px;
|
|
|
- width: 300px;
|
|
|
- border: none;
|
|
|
- background: transparent;
|
|
|
- }
|
|
|
- }
|
|
|
-}
|
|
|
-</style>
|