样式修改

This commit is contained in:
978184212@qq.com 2025-11-22 11:46:06 +08:00
parent a3a932bd7e
commit 2c66f71e04
4 changed files with 48 additions and 40 deletions

View File

@ -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;

View File

@ -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

View File

@ -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