Skip to content

M
mancheng_code
Commit ad90927e by heshihao
Options

feat: 首页修改

parent ac45d751
Showing with 38 additions and 17 deletions
src/views/index/index_copy.vue
...@@ -128,7 +128,7 @@ ...@@ -128,7 +128,7 @@
</el-carousel-item> </el-carousel-item>
</el-carousel> </el-carousel>
<div v-if="activeCard == 2" class="enterprise"> <div v-if="activeCard == 2" class="enterprise">
<ul class="list-num"> <ul class="list-num1">
<li> <li>
<span @click="goEpList(1)">上市企业：{{ table_dic.ssqy }}家</span> <span @click="goEpList(1)">上市企业：{{ table_dic.ssqy }}家</span>
<span @click="goEpList(2)"> <span @click="goEpList(2)">
...@@ -672,7 +672,6 @@ ...@@ -672,7 +672,6 @@
</g> </g>
</g> </g>
</svg> </svg>
<!-- TODO 换成动态的 -->
<img class="img-map-bottom" :src="require(`@/assets/images/index/${district1}.png`)" /> <img class="img-map-bottom" :src="require(`@/assets/images/index/${district1}.png`)" />
</div> </div>
</div> </div>
...@@ -680,7 +679,7 @@ ...@@ -680,7 +679,7 @@
<div class="zs-box"> <div class="zs-box">
<img src="@/assets/images/index/bg-zsyzzzt.png" /> <img src="@/assets/images/index/bg-zsyzzzt.png" />
<div class="title"> <div class="title">
<span>招商引资作战图</span> 招商引资作战图
</div> </div>
<div class="charts-box1"> <div class="charts-box1">
...@@ -1000,7 +999,7 @@ export default { ...@@ -1000,7 +999,7 @@ export default {
}, },
changeDir(val) { changeDir(val) {
if (this.district == val) { if (this.district1 == val) {
this.$message({ this.$message({
message: "已在" + val, message: "已在" + val,
type: "success", type: "success",
...@@ -2690,7 +2689,6 @@ export default { ...@@ -2690,7 +2689,6 @@ export default {
font-weight: normal; font-weight: normal;
color: #8dbfee; color: #8dbfee;
line-height: 40px; line-height: 40px;
opacity: 0.8;
width: 130px; width: 130px;
height: 40px; height: 40px;
text-align: center; text-align: center;
...@@ -2845,15 +2843,18 @@ export default { ...@@ -2845,15 +2843,18 @@ export default {
// right: 50%; // right: 50%;
margin-right: -100px; margin-right: -100px;
} }
.list-num { .list-num,
.list-num1 {
box-sizing: border-box; box-sizing: border-box;
padding-top: 20px; padding-top: 20px;
padding-left: 25px; padding-left: 25px;
background: url("~@/assets/images/index/img-box-bg.png") no-repeat;
p.title { p.title {
height: 33px; height: 33px;
line-height: 33px; line-height: 33px;
text-align: center; text-align: center;
span { span {
margin: 0 14px;
font-size: 18px; font-size: 18px;
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: bold; font-weight: bold;
...@@ -2888,6 +2889,27 @@ export default { ...@@ -2888,6 +2889,27 @@ export default {
height: 100%; height: 100%;
position: absolute; position: absolute;
left: 0; left: 0;
top: 15px;
}
}
}
.list-num1 {
li {
span {
flex: 0 0 50%;
font-size: 18px;
font-family: Microsoft YaHei;
font-weight: bold;
color: #d1e7ff;
white-space: nowrap;
}
&::after {
content: "";
background: url("~@/assets/images/index/bg-line.png") no-repeat 0;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 10px; top: 10px;
} }
} }
...@@ -2900,14 +2922,13 @@ export default { ...@@ -2900,14 +2922,13 @@ export default {
margin-bottom: 5px; margin-bottom: 5px;
.title-text { .title-text {
position: absolute; position: absolute;
top: 4px; top: 6px;
left: 50px; left: 50px;
font-size: 20px; font-size: 20px;
font-family: Alibaba PuHuiTi; font-family: Alibaba PuHuiTi;
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
color: #f6f9fe; color: #f6f9fe;
text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
background: linear-gradient( background: linear-gradient(
0deg, 0deg,
rgba(14, 197, 236, 1) 0%, rgba(14, 197, 236, 1) 0%,
...@@ -2943,17 +2964,17 @@ export default { ...@@ -2943,17 +2964,17 @@ export default {
svg { svg {
position: absolute; position: absolute;
margin: 0 0 0 -280px; margin: 0 0 0 -280px;
left: 51%; left: 60%;
top: 2; top: 2px;
max-height: 420px; max-height: 492px;
z-index: 99; z-index: 99;
} }
.img-map-bottom { .img-map-bottom {
margin: 0 0 0 -280px; margin: 0 0 0 -280px;
position: absolute; position: absolute;
left: 50%; left: 58%;
top: 8px; top: 8px;
max-height: 420px; max-height: 492px;
} }
.text-map-bottom { .text-map-bottom {
position: absolute; position: absolute;
...@@ -2964,8 +2985,8 @@ export default { ...@@ -2964,8 +2985,8 @@ export default {
} }
.overview { .overview {
position: absolute; position: absolute;
right: 0; right: -30px;
top: 40px; top: 4px;
width: 130px; width: 130px;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
...@@ -3009,7 +3030,6 @@ export default { ...@@ -3009,7 +3030,6 @@ export default {
font-weight: bold; font-weight: bold;
font-style: italic; font-style: italic;
color: #f6f9fe; color: #f6f9fe;
text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
background: linear-gradient( background: linear-gradient(
0deg, 0deg,
rgba(14, 197, 236, 1) 0%, rgba(14, 197, 236, 1) 0%,
...@@ -3126,7 +3146,7 @@ export default { ...@@ -3126,7 +3146,7 @@ export default {
.text { .text {
position: absolute; position: absolute;
left: 46px; left: 46px;
top: 0px; top: 3px;
display: flex; display: flex;
align-items: center; align-items: center;
height: 35px; height: 35px;
...@@ -3192,6 +3212,7 @@ export default { ...@@ -3192,6 +3212,7 @@ export default {
); );
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
text-shadow: none;
} }
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment