diff --git a/src/assets/css/homeScreen.scss b/src/assets/css/homeScreen.scss index 250f570..370d094 100644 --- a/src/assets/css/homeScreen.scss +++ b/src/assets/css/homeScreen.scss @@ -6,51 +6,47 @@ .homeBox{ width: 100%; height: 100vh; - .home-contant{ + .home-aside{ position: relative; + width: 442px; top: 70px; - width: 100%; + height: 100%; height: calc(100vh - 72px); overflow: hidden; - z-index: 2; - .home-aside{ - width: 442px; - height: 100%; - z-index: 10; - .asideTitle{ - display: flex; - align-items: center; - justify-content: space-between; - padding: 0 10px; + z-index: 10; + .asideTitle{ + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 10px; + box-sizing: border-box; + background: linear-gradient( 90deg, #124CB3 0%, rgba(18,76,179,0.23) 77%, rgba(18,76,179,0) 100%); + border-radius: 0px 0px 0px 0px; + height: 40px; + .title{ + font-weight: bold; + font-size: 16px; + color: #FFFFFF; + margin-right: 20px; + } + } + .asideCnt{ + height: calc(100% - 40px); + } + .aside-middle{ + height: calc(100%/2); + padding: 4px; box-sizing: border-box; - background: linear-gradient( 90deg, #124CB3 0%, rgba(18,76,179,0.23) 77%, rgba(18,76,179,0) 100%); - border-radius: 0px 0px 0px 0px; - height: 40px; - .title{ - font-weight: bold; - font-size: 16px; - color: #FFFFFF; - margin-right: 20px; - } - } - .asideCnt{ - height: calc(100% - 40px); - } - .aside-middle{ - height: calc(100%/2); - padding: 4px; - box-sizing: border-box; - } - } - .homeBtn{ - height: 302px; - width: calc(100% - 894px); - position: absolute; - bottom: 2px; - left: 50%; - transform: translateX(-50%); } } + .homeBtn{ + height: 302px; + width: calc(100% - 894px); + position: absolute; + bottom: 2px; + left: 50%; + transform: translateX(-50%); + } // 头部 .headBox { position: fixed; @@ -203,7 +199,7 @@ .home-center{ position: absolute; left: 50%; - top: 0px; + top: 70px; transform: translateX(-50%); width: calc(100% - 920px); height: 80px; @@ -211,10 +207,10 @@ .home-foot{ position: absolute; left: 50%; - bottom: 0px; + bottom: 2px; transform: translateX(-50%); width: calc(100% - 920px); - height: calc((100% - 141px)/3 - 9px); + height: calc((100% - 141px)/3 - 32px); min-width: 560px; overflow: hidden; background: url("~@/assets/images/right-1.png") no-repeat center center; diff --git a/src/assets/images/bg02.png b/src/assets/images/bg02.png new file mode 100644 index 0000000..8a0f471 Binary files /dev/null and b/src/assets/images/bg02.png differ diff --git a/src/views/KeyPopulations/index.vue b/src/views/KeyPopulations/index.vue index 0ba53c4..9867fff 100644 --- a/src/views/KeyPopulations/index.vue +++ b/src/views/KeyPopulations/index.vue @@ -2,23 +2,23 @@
- -
- -
- + +
+ +
+ +
+
+
- -
-
- -
-
- -
+
+
-
+ +
+
发布指令
+
@@ -39,6 +39,24 @@ import Yjclqktj from './model/yjclqktj.vue' height: 107px; background: url("~@/assets/images/foot.png") no-repeat center center; background-size: 100% 100%; + .footBtn{ + position: absolute; + left: 50%; + bottom: 46px; + transform: translate(-50%); + width: 110px; + height: 110px; + text-align: center; + background: url("~@/assets/images/bg02.png") no-repeat center center; + background-size: 100% 100%; + cursor: pointer; + span{ + display: inline-block; + width: 32px; + white-space: wrap; + margin-top: 37px; + } + } } .asideL{ background: linear-gradient( to right, rgba(78, 98, 132,0.8) 0%, #fff 100%); diff --git a/src/views/home/index.vue b/src/views/home/index.vue index db52c93..04f70db 100644 --- a/src/views/home/index.vue +++ b/src/views/home/index.vue @@ -3,9 +3,8 @@ -
- -
+ +
@@ -27,7 +26,6 @@
-
diff --git a/src/views/home/model/bkcz.vue b/src/views/home/model/bkcz.vue index b770626..832e688 100644 --- a/src/views/home/model/bkcz.vue +++ b/src/views/home/model/bkcz.vue @@ -99,7 +99,7 @@ const changePage = () => { }; const tabHeightFn = () => { - pageData.tableHeight = document.getElementById('qcbk').offsetHeight - 10; + pageData.tableHeight = document.getElementById('qcbk').offsetHeight - 12; window.onresize = function () { tabHeightFn(); };