排名大屏背景图中文转换英文

pull/143/head
lukeyan 10 months ago
parent 04ed473a9c
commit bdad757922

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

Before

Width:  |  Height:  |  Size: 4.2 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

Before

Width:  |  Height:  |  Size: 4.4 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

Before

Width:  |  Height:  |  Size: 8.5 KiB

After

Width:  |  Height:  |  Size: 8.5 KiB

Before

Width:  |  Height:  |  Size: 662 KiB

After

Width:  |  Height:  |  Size: 662 KiB

Before

Width:  |  Height:  |  Size: 98 KiB

After

Width:  |  Height:  |  Size: 98 KiB

Before

Width:  |  Height:  |  Size: 4.1 KiB

After

Width:  |  Height:  |  Size: 4.1 KiB

Before

Width:  |  Height:  |  Size: 129 KiB

After

Width:  |  Height:  |  Size: 129 KiB

Before

Width:  |  Height:  |  Size: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

Before

Width:  |  Height:  |  Size: 8.7 KiB

After

Width:  |  Height:  |  Size: 8.7 KiB

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 17 KiB

Before

Width:  |  Height:  |  Size: 8.9 KiB

After

Width:  |  Height:  |  Size: 8.9 KiB

@ -366,7 +366,7 @@ export default {
.title { .title {
width: 100%; width: 100%;
height: 33px; height: 33px;
background: url('~@/assets/safetyIndex/标题样式.png') no-repeat; background: url('~@/assets/safetyIndex/titleback.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 16px; font-size: 16px;
color: #D9E7FF; color: #D9E7FF;

@ -313,7 +313,7 @@ export default {
.title { .title {
width: 100%; width: 100%;
height: 33px; height: 33px;
background: url('~@/assets/safetyIndex/标题样式.png') no-repeat; background: url('~@/assets/safetyIndex/titleback.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 16px; font-size: 16px;
color: #D9E7FF; color: #D9E7FF;

@ -375,7 +375,7 @@ export default {
.title { .title {
width: 100%; width: 100%;
height: 33px; height: 33px;
background: url('~@/assets/safetyIndex/标题样式.png') no-repeat; background: url('~@/assets/safetyIndex/titleback.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 16px; font-size: 16px;
color: #D9E7FF; color: #D9E7FF;

@ -463,7 +463,7 @@ export default {
.title { .title {
width: 100%; width: 100%;
height: 33px; height: 33px;
background: url('~@/assets/safetyIndex/标题样式.png') no-repeat; background: url('~@/assets/safetyIndex/titleback.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 16px; font-size: 16px;
color: #D9E7FF; color: #D9E7FF;

@ -269,7 +269,7 @@ export default {
.title { .title {
width: 100%; width: 100%;
height: 33px; height: 33px;
background: url('~@/assets/safetyIndex/标题样式.png') no-repeat; background: url('~@/assets/safetyIndex/titleback.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 16px; font-size: 16px;
color: #D9E7FF; color: #D9E7FF;
@ -358,7 +358,7 @@ export default {
.green { .green {
width: 90px; width: 90px;
height: 90px; height: 90px;
background: url('~@/assets/safetyIndex/绿色.png') no-repeat; background: url('~@/assets/safetyIndex/greenicon.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin: 0 auto; margin: 0 auto;
margin-bottom: 10px; margin-bottom: 10px;
@ -384,7 +384,7 @@ export default {
.blue { .blue {
width: 90px; width: 90px;
height: 90px; height: 90px;
background: url('~@/assets/safetyIndex/蓝色.png') no-repeat; background: url('~@/assets/safetyIndex/blueicon.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin: 0 auto; margin: 0 auto;
margin-bottom: 10px; margin-bottom: 10px;
@ -410,7 +410,7 @@ export default {
.yellow { .yellow {
width: 90px; width: 90px;
height: 90px; height: 90px;
background: url('~@/assets/safetyIndex/黄色.png') no-repeat; background: url('~@/assets/safetyIndex/yellowicon.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin: 0 auto; margin: 0 auto;
margin-bottom: 10px; margin-bottom: 10px;
@ -436,7 +436,7 @@ export default {
.red { .red {
width: 90px; width: 90px;
height: 90px; height: 90px;
background: url('~@/assets/safetyIndex/红色.png') no-repeat; background: url('~@/assets/safetyIndex/redicon.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin: 0 auto; margin: 0 auto;
margin-bottom: 10px; margin-bottom: 10px;

@ -249,7 +249,7 @@ export default {
.title { .title {
width: 100%; width: 100%;
height: 33px; height: 33px;
background: url('~@/assets/safetyIndex/标题样式.png') no-repeat; background: url('~@/assets/safetyIndex/titleback.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 16px; font-size: 16px;
color: #D9E7FF; color: #D9E7FF;

@ -280,7 +280,7 @@ export default {
.title { .title {
width: 100%; width: 100%;
height: 33px; height: 33px;
background: url('~@/assets/safetyIndex/标题样式.png') no-repeat; background: url('~@/assets/safetyIndex/titleback.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 16px; font-size: 16px;
color: #D9E7FF; color: #D9E7FF;

@ -228,7 +228,7 @@ export default {
.title { .title {
width: 100%; width: 100%;
height: 33px; height: 33px;
background: url('~@/assets/safetyIndex/标题样式.png') no-repeat; background: url('~@/assets/safetyIndex/titleback.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 16px; font-size: 16px;
color: #D9E7FF; color: #D9E7FF;

@ -162,7 +162,7 @@ export default {
.title { .title {
width: 100%; width: 100%;
height: 33px; height: 33px;
background: url('~@/assets/safetyIndex/标题样式.png') no-repeat; background: url('~@/assets/safetyIndex/titleback.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 16px; font-size: 16px;
color: #D9E7FF; color: #D9E7FF;

@ -199,7 +199,7 @@ export default {
.title { .title {
width: 100%; width: 100%;
height: 33px; height: 33px;
background: url("~@/assets/safetyIndex/标题样式.png") no-repeat; background: url("~@/assets/safetyIndex/titleback.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 16px; font-size: 16px;
color: #d9e7ff; color: #d9e7ff;

@ -341,7 +341,7 @@ export default {
.title { .title {
width: 100%; width: 100%;
height: 33px; height: 33px;
background: url("~@/assets/safetyIndex/标题样式.png") no-repeat; background: url("~@/assets/safetyIndex/titleback.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 16px; font-size: 16px;
color: #d9e7ff; color: #d9e7ff;

@ -116,7 +116,7 @@ export default {
height: 37.7%; height: 37.7%;
width: 100%; width: 100%;
margin-bottom: 20px; margin-bottom: 20px;
background: url('~@/assets/safetyIndex/主屏板块5.png') no-repeat; background: url('~@/assets/safetyIndex/modelback03.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin-top: 20px; margin-top: 20px;
padding-top: 33px; padding-top: 33px;

@ -141,7 +141,7 @@ export default {
.title { .title {
width: 100%; width: 100%;
height: 33px; height: 33px;
background: url('~@/assets/safetyIndex/标题样式.png') no-repeat; background: url('~@/assets/safetyIndex/titleback.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 16px; font-size: 16px;
color: #D9E7FF; color: #D9E7FF;
@ -168,7 +168,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
width: 380px; width: 380px;
height: 42px; height: 42px;
background: url('~@/assets/safetyIndex/编组 38备份21.png') no-repeat; background: url('~@/assets/safetyIndex/back007.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
display: flex; display: flex;
justify-content: space-evenly; justify-content: space-evenly;
@ -215,7 +215,7 @@ export default {
.green { .green {
width: 67px; width: 67px;
height: 67px; height: 67px;
background: url('~@/assets/safetyIndex/绿色.png') no-repeat; background: url('~@/assets/safetyIndex/greenicon.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin: 0 auto; margin: 0 auto;
margin-bottom: 10px; margin-bottom: 10px;
@ -244,7 +244,7 @@ export default {
.blue { .blue {
width: 67px; width: 67px;
height: 67px; height: 67px;
background: url('~@/assets/safetyIndex/蓝色.png') no-repeat; background: url('~@/assets/safetyIndex/blueicon.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin: 0 auto; margin: 0 auto;
margin-bottom: 10px; margin-bottom: 10px;
@ -270,7 +270,7 @@ export default {
.yellow { .yellow {
width: 67px; width: 67px;
height: 67px; height: 67px;
background: url('~@/assets/safetyIndex/黄色.png') no-repeat; background: url('~@/assets/safetyIndex/yellowicon.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin: 0 auto; margin: 0 auto;
margin-bottom: 10px; margin-bottom: 10px;
@ -298,7 +298,7 @@ export default {
.red { .red {
width: 67px; width: 67px;
height: 67px; height: 67px;
background: url('~@/assets/safetyIndex/红色.png') no-repeat; background: url('~@/assets/safetyIndex/redicon.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
margin: 0 auto; margin: 0 auto;
margin-bottom: 10px; margin-bottom: 10px;

@ -27,7 +27,7 @@
</div> </div>
<div class="topBottom"> <div class="topBottom">
<div class="topBottomItem" @click="goMore('剧毒')"> <div class="topBottomItem" @click="goMore('剧毒')">
<img src="../../assets/safetyIndex/涉危企业.png" alt="" /> <img src="../../assets/safetyIndex/dangericon.png" alt="" />
<div class="itemBox"> <div class="itemBox">
<div class="qiye"> <div class="qiye">
{{ {{
@ -47,7 +47,7 @@
</div> </div>
</div> </div>
<div class="topBottomItem" @click="goMore('易制爆')"> <div class="topBottomItem" @click="goMore('易制爆')">
<img src="../../assets/safetyIndex/易制爆企业2.png" alt="" /> <img src="../../assets/safetyIndex/explodeicon.png" alt="" />
<div class="itemBox"> <div class="itemBox">
<div class="qiye"> <div class="qiye">
{{ {{
@ -67,7 +67,7 @@
</div> </div>
</div> </div>
<div class="topBottomItem" @click="goMore('易制毒')"> <div class="topBottomItem" @click="goMore('易制毒')">
<img src="../../assets/safetyIndex/易制毒2.png" alt="" /> <img src="../../assets/safetyIndex/drugicon.png" alt="" />
<div class="itemBox"> <div class="itemBox">
<div class="qiye"> <div class="qiye">
{{ {{
@ -87,7 +87,7 @@
</div> </div>
</div> </div>
<div class="topBottomItem" @click="goMore('放射源')"> <div class="topBottomItem" @click="goMore('放射源')">
<img src="../../assets/safetyIndex/放射源2.png" alt="" /> <img src="../../assets/safetyIndex/radioactiveicon.png" alt="" />
<div class="itemBox"> <div class="itemBox">
<div class="qiye"> <div class="qiye">
{{ {{
@ -293,7 +293,7 @@ export default {
.toubu { .toubu {
width: 100%; width: 100%;
height: calc(58.84% + 20px); height: calc(58.84% + 20px);
background: url("~@/assets/safetyIndex/主屏板块4.png") no-repeat; background: url("~@/assets/safetyIndex/modelback02.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding: 35px 20px 20px; padding: 35px 20px 20px;
box-sizing: border-box; box-sizing: border-box;
@ -599,7 +599,7 @@ export default {
.third { .third {
width: 31.34%; width: 31.34%;
height: 80%; height: 80%;
background: url("~@/assets/safetyIndex/编组 352111.png") no-repeat; background: url("~@/assets/safetyIndex/ranking03.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding: 5px 10px 12px 27px; padding: 5px 10px 12px 27px;
box-sizing: border-box; box-sizing: border-box;
@ -679,7 +679,7 @@ export default {
left: 50%; left: 50%;
top: 30px; top: 30px;
margin-left: -20.5%; margin-left: -20.5%;
background: url("~@/assets/safetyIndex/编组 3521.png") no-repeat; background: url("~@/assets/safetyIndex/ranking01.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
padding: 10px 16px 16px; padding: 10px 16px 16px;
text-align: center; text-align: center;

@ -227,7 +227,7 @@ export default {
.title { .title {
width: 100%; width: 100%;
height: 33px; height: 33px;
background: url('~@/assets/safetyIndex/标题样式.png') no-repeat; background: url('~@/assets/safetyIndex/titleback.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 16px; font-size: 16px;
color: #D9E7FF; color: #D9E7FF;

@ -517,7 +517,7 @@ export default {
.title { .title {
width: 100%; width: 100%;
height: 33px; height: 33px;
background: url("~@/assets/safetyIndex/标题样式.png") no-repeat; background: url("~@/assets/safetyIndex/titleback.png") no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 16px; font-size: 16px;
color: #d9e7ff; color: #d9e7ff;

@ -93,7 +93,7 @@ export default {
.title { .title {
width: 100%; width: 100%;
height: 33px; height: 33px;
background: url('~@/assets/safetyIndex/标题样式.png') no-repeat; background: url('~@/assets/safetyIndex/titleback.png') no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
font-size: 16px; font-size: 16px;
color: #D9E7FF; color: #D9E7FF;

Loading…
Cancel
Save