|
|
@@ -1,12 +1,14 @@
|
|
|
<template>
|
|
|
<div class="wrapper">
|
|
|
<div class="bgimg">
|
|
|
- <div class="title">主办单位：中共珠海市委党史学习教育领导小组办公室中共珠海市委宣传部</div>
|
|
|
+
|
|
|
<div class="con">
|
|
|
<div class="btn" @click="enter">
|
|
|
<span class="btn-txt">点击进入</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div v-if="!isMobile" class="title">中共珠海市委党史学习教育领导小组办公室</div>
|
|
|
+ <div v-if="!isMobile" class="title">中共珠海市委宣传部</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -51,10 +53,10 @@ export default {
|
|
|
background-size: 100% 100%;
|
|
|
.title {
|
|
|
position: relative;
|
|
|
- top:42%;
|
|
|
+ top:70%;
|
|
|
width: 30vw;
|
|
|
margin:0 auto;
|
|
|
- font-size: 24px;
|
|
|
+ font-size: 1.5vw;
|
|
|
font-family: Source Han Sans CN;
|
|
|
font-weight: bold;
|
|
|
line-height: 41px;
|
|
|
@@ -95,14 +97,14 @@ export default {
|
|
|
@media screen and (max-width: 1024px) {
|
|
|
.wrapper {
|
|
|
.bgimg {
|
|
|
- background: url("../../assets/images/mobile-index-bg.png") no-repeat center center;
|
|
|
+ background: url("../../assets/images/mobile-index-bg.jpg") no-repeat center center;
|
|
|
background-size: 100% 100%;
|
|
|
.title {
|
|
|
- position: relative;
|
|
|
- top:40%;
|
|
|
+ position:relative;
|
|
|
+ top:35vw;
|
|
|
width: 75vw;
|
|
|
margin:0 auto;
|
|
|
- font-size: 14px;
|
|
|
+ font-size: 12px;
|
|
|
font-family: Source Han Sans CN;
|
|
|
font-weight: bold;
|
|
|
line-height: 20px;
|
|
|
@@ -114,7 +116,7 @@ export default {
|
|
|
.con {
|
|
|
width: 80%;
|
|
|
left: 50%;
|
|
|
- top:0;
|
|
|
+ top:10%;
|
|
|
margin-left: -40%;
|
|
|
margin-top:100%;
|
|
|
.btn {
|
