样式修改
This commit is contained in:
parent
a3a932bd7e
commit
2c66f71e04
|
|
@ -51,6 +51,9 @@
|
||||||
type="line"
|
type="line"
|
||||||
:opts="opts"
|
:opts="opts"
|
||||||
:chartData="chartData"
|
:chartData="chartData"
|
||||||
|
:enableScroll="true"
|
||||||
|
:ontouch="true"
|
||||||
|
canvas2d
|
||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -158,9 +161,14 @@
|
||||||
enableScroll: true,
|
enableScroll: true,
|
||||||
legend: {},
|
legend: {},
|
||||||
xAxis: {
|
xAxis: {
|
||||||
disableGrid: true,
|
disableGrid: true, // 禁用网格线
|
||||||
scrollShow: true,
|
type: 'grid', // 网格类型
|
||||||
itemCount: 4
|
gridType: 'dash', // 虚线样式
|
||||||
|
itemCount: 3, // 单屏显示数据数量
|
||||||
|
scrollShow: true, // 显示滚动条
|
||||||
|
scrollAlign: 'left', // 滚动条初始位置
|
||||||
|
scrollBackgroundColor: '#F7F7FF', // 滚动条背景色
|
||||||
|
scrollColor: '#DEE7F7' // 滚动条颜色
|
||||||
},
|
},
|
||||||
yAxis: {
|
yAxis: {
|
||||||
gridType: "dash",
|
gridType: "dash",
|
||||||
|
|
@ -1089,7 +1097,7 @@
|
||||||
padding: 16rpx 32rpx;
|
padding: 16rpx 32rpx;
|
||||||
border-radius: 12rpx;
|
border-radius: 12rpx;
|
||||||
transition: all 0.3s ease;
|
transition: all 0.3s ease;
|
||||||
|
// background: #F6F9FF;
|
||||||
&:active {
|
&:active {
|
||||||
background: rgba(15, 110, 254, 0.1);
|
background: rgba(15, 110, 254, 0.1);
|
||||||
}
|
}
|
||||||
|
|
@ -1122,21 +1130,20 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
// 适配暗色模式
|
// 适配暗色模式
|
||||||
@media (prefers-color-scheme: dark) {
|
// @media (prefers-color-scheme: dark) {
|
||||||
.radio-group {
|
// .radio-group {
|
||||||
background: #1a1a1a;
|
// background: #1a1a1a;
|
||||||
|
// .radio-label {
|
||||||
.radio-label {
|
// .radio-text {
|
||||||
.radio-text {
|
// color: #fff;
|
||||||
color: #999;
|
// }
|
||||||
}
|
|
||||||
|
|
||||||
.radio-item[checked] + .radio-text {
|
// .radio-item[checked] + .radio-text {
|
||||||
color: #0f6efe;
|
// color: #0f6efe;
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
}
|
// }
|
||||||
.qstim{
|
.qstim{
|
||||||
width: 40%;
|
width: 40%;
|
||||||
display: block;
|
display: block;
|
||||||
|
|
|
||||||
|
|
@ -28,7 +28,7 @@
|
||||||
<view class="qushicov" v-for="(item,index) in resolt" :key="index">
|
<view class="qushicov" v-for="(item,index) in resolt" :key="index">
|
||||||
<text class="quname">{{item.itemName}}{{item.unit}}</text>
|
<text class="quname">{{item.itemName}}{{item.unit}}</text>
|
||||||
<view class="charts-box">
|
<view class="charts-box">
|
||||||
<qiun-data-charts type="area" :opts="opts" :chartData="item.chartData" />
|
<qiun-data-charts type="area" :opts="opts" :chartData="item.chartData" :enableScroll="true" :ontouch="true" canvas2d />
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -794,10 +794,11 @@
|
||||||
|
|
||||||
.charts-box {
|
.charts-box {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 200px;
|
height: 400rpx;
|
||||||
/* 适当增加高度 */
|
/* 适当增加高度 */
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
/* 允许横向滚动 */
|
/* 允许横向滚动 */
|
||||||
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.qushicov {
|
.qushicov {
|
||||||
|
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 776 B |
|
|
@ -31,8 +31,8 @@
|
||||||
baseUrl:configService.staticDomainURL,
|
baseUrl:configService.staticDomainURL,
|
||||||
markers: [],
|
markers: [],
|
||||||
list: [],
|
list: [],
|
||||||
issscd: true,
|
issscd: false, // 团柏河显示状态 (false表示显示)
|
||||||
isssscd: true,
|
isssscd: false, // 对竹河显示状态 (false表示显示)
|
||||||
stationInfo: [],
|
stationInfo: [],
|
||||||
cusLocation: [],
|
cusLocation: [],
|
||||||
stationlist: [],
|
stationlist: [],
|
||||||
|
|
@ -196,24 +196,24 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
switch2Change(name) {
|
switch2Change(name) {
|
||||||
// 切换显示状态
|
if (name === "团柏河") {
|
||||||
if (name === "团柏河") {
|
this.issscd = !this.issscd;
|
||||||
this.stationlist = this.issscd ?
|
} else {
|
||||||
this.stationTwolist.filter(item => item.groupName !== "团柏河") :
|
this.isssscd = !this.isssscd;
|
||||||
this.stationTwolist;
|
}
|
||||||
} else {
|
|
||||||
this.stationlist = this.isssscd ?
|
// 根据当前状态调整地图视野
|
||||||
this.stationTwolist.filter(item => item.groupName !== "对竹河") :
|
if ((name === "团柏河" && !this.issscd) || (name === "对竹河" && !this.isssscd)) {
|
||||||
this.stationTwolist;
|
// 如果是显示状态(绿色圆点),调整到指定区域
|
||||||
}
|
setTimeout(() => {
|
||||||
|
this.adjustMapToRegion(name);
|
||||||
// 更新标记显示
|
}, 300);
|
||||||
this.list1query();
|
} else {
|
||||||
|
// 如果是隐藏状态(灰色圆点),调整到所有标记点
|
||||||
// 调整地图视野到指定区域
|
setTimeout(() => {
|
||||||
setTimeout(() => {
|
this.adjustMapToFitAllMarkers();
|
||||||
this.adjustMapToRegion(name);
|
}, 300);
|
||||||
}, 300);
|
}
|
||||||
},
|
},
|
||||||
list1query() {
|
list1query() {
|
||||||
// 先清除所有orient类型的标记
|
// 先清除所有orient类型的标记
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue