zzkj/smart_storage_app
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式修改

Browse Source
This commit is contained in:
Shang Chen
2025-07-01 16:59:10 +08:00
parent 150b39dfea
commit 758e59eeac
68 changed files with 1058 additions and 1008 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
pages/home-page/alarm/components/alarmevent.vue
View File

@ -117,7 +117,7 @@ export default {
.status {
width: 80px;
text-align: right;
color: #009C77;
color: #009458;
}
}

22
pages/home-page/alarm/index.vue
View File

@ -22,7 +22,7 @@
<!-- 设备类型下拉框 -->
<view class="s-station">
<u-section :title="$t('homePage.alarm.device')" line-color="#009C77" color="#2A2A2A"
<u-section :title="$t('homePage.alarm.device')" line-color="#009458" color="#2A2A2A"
class="s-title" :right="false"></u-section>
<!-- <view class="s-title">设备</view> -->
<view class="s-content">
@ -49,7 +49,7 @@
<!-- 事件 -->
<view class="s-station">
<u-section :title="$t('homePage.alarm.event')" line-color="#009C77" color="#2A2A2A"
<u-section :title="$t('homePage.alarm.event')" line-color="#009458" color="#2A2A2A"
class="s-title" :right="false"></u-section>
<!-- <view class="s-title">事件</view> -->
<view class="s-content">
@ -64,7 +64,7 @@
<!-- 告警等级 -->
<view class="s-station">
<u-section :title="$t('homePage.alarm.level')" line-color="#009C77" color="#2A2A2A"
<u-section :title="$t('homePage.alarm.level')" line-color="#009458" color="#2A2A2A"
class="s-title" :right="false"></u-section>
<!-- <view class="s-title">告警等级</view> -->
<view class="s-content">
@ -77,7 +77,7 @@
</view>
<!-- 时间范围 -->
<view class="s-station" v-show="currentType === 1">
<u-section :title="$t('homePage.alarm.timeRange')" line-color="#009C77" color="#2A2A2A"
<u-section :title="$t('homePage.alarm.timeRange')" line-color="#009458" color="#2A2A2A"
class="s-title" :right="false"></u-section>
<!-- <view class="s-title">告警等级</view> -->
<view class="s-content" style="width: 100%;margin-top: 6px;">
@ -90,14 +90,14 @@
<view class="other-button">
<u-button type="warning" :custom-style="{
backgroundColor: 'rgba(191, 228, 159, 1)',
backgroundColor: '#fdd100',
width: '280rpx',
height: '70rpx',
fontSize: '28rpx',
color: 'rgba(40, 40, 40, 1)'
}" @click="clearText()">{{$t('homePage.alarm.reset')}}</u-button>
<u-button type="primary" :custom-style="{
backgroundColor: 'rgba(0, 156, 119, 1)',
backgroundColor: '#009458',
width: '280rpx',
height: '70rpx',
fontSize: '28rpx',
@ -112,7 +112,7 @@
</u-popup>
</view>
<view class="subsection-alarm">
<u-subsection :list="alarmTypeList" :current="currentType" :animation="true" @change="sectionChange" :active-color="'#3D9F7F'">
<u-subsection :list="alarmTypeList" :current="currentType" :animation="true" @change="sectionChange" :active-color="'#009458'">
</u-subsection>
</view>
@ -592,11 +592,11 @@
.subsection-alarm {
width: 100%;
text-align: right;
text-align: center;
padding-right: 10rpx;
display: flex;
align-items: center;
justify-content: flex-end;
justify-content: center;
}
}
@ -669,8 +669,8 @@
}
.checked-class {
background-color: rgba(0, 156, 119, 0.1);
border: 1px solid rgba(0, 156, 119, 1);
background-color: #e2fff3;
border: 1px solid #009458;
border-radius: 4rpx;
color: rgba(0, 156, 119, 1);
}

2
pages/home-page/device-detail/components/air.vue
View File

@ -355,7 +355,7 @@
return [x, y];
},
},
color: ['#009C77', '#BFE49F'],
color: ['#009458', '#BFE49F'],
grid: {
top: '15%',
left: '10%',

14
pages/home-page/device-detail/components/ammeter.vue
View File

@ -712,7 +712,7 @@
borderColor: 'red'
}
},
color: ['#009C77', '#BFE49F'],
color: ['#009458', '#BFE49F'],
legend: {},
xAxis: {
type: 'category',
@ -902,7 +902,7 @@
borderColor: 'red'
}
},
color: ['#009C77', '#f0c252', '#0f94da'],
color: ['#009458', '#f0c252', '#0f94da'],
legend: {},
xAxis: {
type: 'category',
@ -960,11 +960,11 @@
data: yAxisData1,
type: 'line',
lineStyle: {
color: '#009C77'
color: '#009458'
},
areaStyle: {
opacity: 0,
color: '#009C77'
color: '#009458'
}
},
{
@ -1084,7 +1084,7 @@
borderColor: 'red'
}
},
color: ['#009C77', '#f0c252', '#0f94da'],
color: ['#009458', '#f0c252', '#0f94da'],
legend: {},
xAxis: {
type: 'category',
@ -1142,11 +1142,11 @@
data: yAxisData1,
type: 'line',
lineStyle: {
color: '#009C77'
color: '#009458'
},
areaStyle: {
opacity: 0,
color: '#009C77'
color: '#009458'
}
},
{

2
pages/home-page/device-detail/components/cluster.vue
View File

@ -540,7 +540,7 @@
this.curve_option = {
animationDuration: 500,
animationEasing: "cubicInOut",
color: ['#009C77', '#BFE49F'],
color: ['#009458', '#BFE49F'],
tooltip: {
trigger: "axis",
textStyle: {

2
pages/home-page/device-detail/components/jingke-pcs.vue
View File

@ -485,7 +485,7 @@
soc.push(v.inCoreDataCurve);
});
this.curve_option = {
color: ["#009C77", "#BFE49F"],
color: ["#009458", "#BFE49F"],
animationDuration: 500,
animationEasing: "cubicInOut",
tooltip: {

2
pages/home-page/device-detail/components/jingke-stack.vue
View File

@ -547,7 +547,7 @@
return [x, y];
},
},
color: ['#009C77', '#BFE49F'],
color: ['#009458', '#BFE49F'],
grid: {
top: '15%',
left: '5%',

6
pages/home-page/device-detail/components/pack.vue
View File

@ -329,7 +329,7 @@
barWidth: 15,
type: 'bar',
itemStyle: {
color: '#009C77',
color: '#009458',
emphasis: {
color: '#faba11' // hover拐点颜色定义
}
@ -467,7 +467,7 @@
barWidth: 12,
type: 'bar',
itemStyle: {
color: '#009C77',
color: '#009458',
emphasis: {
color: '#faba11' // hover拐点颜色定义
}
@ -627,7 +627,7 @@
barWidth: '15',
type: 'bar',
itemStyle: {
color: '#009C77',
color: '#009458',
emphasis: {
color: '#fbbb11'
}

2
pages/home-page/device-detail/components/pcs.vue
View File

@ -480,7 +480,7 @@
soc.push(v.inCoreDataCurve);
});
this.curve_option = {
color: ["#009C77", "#BFE49F"],
color: ["#009458", "#BFE49F"],
animationDuration: 500,
animationEasing: "cubicInOut",
tooltip: {

2
pages/home-page/device-detail/components/stack.vue
View File

@ -667,7 +667,7 @@
return [x, y];
},
},
color: ['#009C77', '#BFE49F'],
color: ['#009458', '#BFE49F'],
grid: {
top: '15%',
left: '5%',

8
pages/home-page/device-detail/index.vue
View File

@ -7,14 +7,14 @@
</u-navbar>
<view class="site-footer">
<u-tabs style="width: 100%;" :list="list" :is-scroll="false" :offset="[10,0]" active-color="#009C77"
<u-tabs style="width: 100%;" :list="list" :is-scroll="false" :offset="[10,0]" active-color="#009458"
:current="type" @change="changeTab"></u-tabs>
<view class="navigation">
<text v-for="(item,index) in deviceNavArr" :key="index">
<text class="null-text">{{item.name}}</text>
<text class="img"></text>
</text>
<text class="text" style="color: #009C77;">{{deviceName ? deviceName : ''}}</text>
<text class="text" style="color: #009458;">{{deviceName ? deviceName : ''}}</text>
</view>
</view>
@ -311,12 +311,12 @@
.text {
height: 22rpx;
border: 1rpx solid rgba(0, 156, 119, 1);
border: 1rpx solid #009458;
border-radius: 8rpx;
padding: 5rpx 10rpx 5rpx 10rpx;
color: #666666;
font-size: 20rpx;
background-color: rgba(0, 156, 119, 0.1);
background:#e2fff3;
padding-left: 5rpx;
}
}

6
pages/home-page/earnings/index.vue
View File

@ -414,7 +414,7 @@ export default {
.head-bg {
height: 360rpx;
background: linear-gradient(45deg, rgba(178, 223, 138, 0.6), rgba(0, 156, 119, 0.7));
background: linear-gradient(45deg, #FFE3C8, #07976E);
display: flex;
.back {
@ -703,7 +703,7 @@ export default {
padding-right: 10rpx;
.power-detail {
background-color: rgba(0, 156, 119, 0.05);
background-color: rgba(254, 131, 15, 0.05);
width: 100%;
height: 180rpx;
border-radius: 8rpx;
@ -760,7 +760,7 @@ export default {
.value-box {
width: 100%;
height: 100%;
background-color: rgba(0, 156, 119, 0.05);
background-color: rgba(254, 131, 15, 0.05);
display: flex;
flex-direction: column;
align-items: center;

1542
pages/home-page/policy-management/index.vue
View File

File diff suppressed because it is too large Load Diff