打包后图片找不到修改,初始获取市数据修改
|
Before Width: | Height: | Size: 728 B After Width: | Height: | Size: 728 B |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
|
Before Width: | Height: | Size: 1005 B After Width: | Height: | Size: 1005 B |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.3 KiB |
|
Before Width: | Height: | Size: 668 B After Width: | Height: | Size: 668 B |
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB |
|
|
@ -54,7 +54,7 @@
|
||||||
|
|
||||||
//
|
//
|
||||||
const MapboxComponent = ref();
|
const MapboxComponent = ref();
|
||||||
const countyId = ref('371325')
|
const countyId = ref()
|
||||||
|
|
||||||
// 控制图斑图层
|
// 控制图斑图层
|
||||||
function layerbutton_1(data) {
|
function layerbutton_1(data) {
|
||||||
|
|
|
||||||
|
|
@ -118,7 +118,7 @@ watch(() => [props.countyId,props.landType], () => {
|
||||||
text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
|
text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
text-shadow: 0px 2px 6px rgba(5,28,55,0.42);
|
text-shadow: 0px 2px 6px rgba(5,28,55,0.42);
|
||||||
background: url(./statistical/sub_title.png);
|
background: url('@/assets/statistical/sub_title.png');
|
||||||
padding-left: 35px;
|
padding-left: 35px;
|
||||||
}
|
}
|
||||||
.area-data-div{
|
.area-data-div{
|
||||||
|
|
@ -137,7 +137,7 @@ watch(() => [props.countyId,props.landType], () => {
|
||||||
height: 43px;
|
height: 43px;
|
||||||
padding-top:6px;
|
padding-top:6px;
|
||||||
margin-bottom: 8px;
|
margin-bottom: 8px;
|
||||||
background: url(./statistical/item_label.png) no-repeat;
|
background: url('@/assets/statistical/item_label.png') no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
.data-center{
|
.data-center{
|
||||||
display: flex;
|
display: flex;
|
||||||
|
|
@ -172,7 +172,7 @@ watch(() => [props.countyId,props.landType], () => {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
color: #7EBBFF;
|
color: #7EBBFF;
|
||||||
margin-bottom:19px;
|
margin-bottom:19px;
|
||||||
background: url(./statistical/item_title.png) no-repeat;
|
background: url('@/assets/statistical/item_title.png') no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
.row-item-div{
|
.row-item-div{
|
||||||
|
|
|
||||||
|
|
@ -550,7 +550,7 @@ watch(() => [props.countyId,props.landType],() => {
|
||||||
text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
|
text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
text-shadow: 0px 2px 6px rgba(5,28,55,0.42);
|
text-shadow: 0px 2px 6px rgba(5,28,55,0.42);
|
||||||
background: url(./statistical/sub_title.png);
|
background: url('@/assets/statistical/sub_title.png');
|
||||||
padding-left: 35px;
|
padding-left: 35px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
||||||
|
|
@ -111,7 +111,7 @@ watch(() => [props.countyId,props.landType], () => {
|
||||||
left: 14px;
|
left: 14px;
|
||||||
width: 136px;
|
width: 136px;
|
||||||
height:38px;
|
height:38px;
|
||||||
background: url(./statistical/select_left_bg.png) no-repeat;
|
background: url('@/assets/statistical/select_left_bg.png') no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
.center-bg{
|
.center-bg{
|
||||||
|
|
@ -121,14 +121,14 @@ watch(() => [props.countyId,props.landType], () => {
|
||||||
transform: translate(-50%,-50%);
|
transform: translate(-50%,-50%);
|
||||||
width: 150px;
|
width: 150px;
|
||||||
height:85px;
|
height:85px;
|
||||||
background: url(./statistical/select_center_bg.png) no-repeat;
|
background: url('@/assets/statistical/select_center_bg.png') no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
.right-bg{
|
.right-bg{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
width: 136px;
|
width: 136px;
|
||||||
height:39px;
|
height:39px;
|
||||||
background: url(./statistical/select_right_bg.png) no-repeat;
|
background: url('@/assets/statistical/select_right_bg.png') no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
right: 14px;
|
right: 14px;
|
||||||
bottom: 30px;
|
bottom: 30px;
|
||||||
|
|
|
||||||
|
|
@ -283,7 +283,7 @@ watch(() => [props.countyId,props.landType,unit.value], () => {
|
||||||
text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
|
text-shadow: 0px 2px 8px rgba(5, 28, 55, 0.42);
|
||||||
-webkit-background-clip: text;
|
-webkit-background-clip: text;
|
||||||
text-shadow: 0px 2px 6px rgba(5,28,55,0.42);
|
text-shadow: 0px 2px 6px rgba(5,28,55,0.42);
|
||||||
background: url(./statistical/sub_title.png);
|
background: url('@/assets/statistical/sub_title.png');
|
||||||
padding-left: 35px;
|
padding-left: 35px;
|
||||||
}
|
}
|
||||||
.show-charts-div{
|
.show-charts-div{
|
||||||
|
|
@ -297,7 +297,7 @@ watch(() => [props.countyId,props.landType,unit.value], () => {
|
||||||
width: 52px;
|
width: 52px;
|
||||||
height:20px;
|
height:20px;
|
||||||
margin-right:8px;
|
margin-right:8px;
|
||||||
background: url(./statistical/charts_button.png) no-repeat;
|
background: url('@/assets/statistical/charts_button.png') no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
font-family: Microsoft YaHei;
|
font-family: Microsoft YaHei;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
|
@ -309,7 +309,7 @@ watch(() => [props.countyId,props.landType,unit.value], () => {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
.select-button-item{
|
.select-button-item{
|
||||||
background: url(./statistical/selected_charts_button.png) no-repeat;
|
background: url('@/assets/statistical/selected_charts_button.png') no-repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
font-family: Microsoft YaHei;
|
font-family: Microsoft YaHei;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
|
|
||||||
|
|
@ -57,7 +57,7 @@ const changeLandType = (value) => {
|
||||||
right: 34px;
|
right: 34px;
|
||||||
width: 74px;
|
width: 74px;
|
||||||
height: 30px;
|
height: 30px;
|
||||||
background: url(./statistical/page_turning.png);
|
background: url('@/assets/statistical/page_turning.png');
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
font-family: Microsoft YaHei;
|
font-family: Microsoft YaHei;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
|
|
@ -73,7 +73,7 @@ const changeLandType = (value) => {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
width: 69px;
|
width: 69px;
|
||||||
background: url(./statistical/right_decoration.png);
|
background: url('@/assets/statistical/right_decoration.png');
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|
|
||||||