样式修改
This commit is contained in:
@ -117,7 +117,7 @@ export default {
|
||||
.status {
|
||||
width: 80px;
|
||||
text-align: right;
|
||||
color: #009C77;
|
||||
color: #009458;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@ -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);
|
||||
}
|
||||
|
||||
@ -355,7 +355,7 @@
|
||||
return [x, y];
|
||||
},
|
||||
},
|
||||
color: ['#009C77', '#BFE49F'],
|
||||
color: ['#009458', '#BFE49F'],
|
||||
grid: {
|
||||
top: '15%',
|
||||
left: '10%',
|
||||
|
||||
@ -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'
|
||||
}
|
||||
},
|
||||
{
|
||||
|
||||
@ -540,7 +540,7 @@
|
||||
this.curve_option = {
|
||||
animationDuration: 500,
|
||||
animationEasing: "cubicInOut",
|
||||
color: ['#009C77', '#BFE49F'],
|
||||
color: ['#009458', '#BFE49F'],
|
||||
tooltip: {
|
||||
trigger: "axis",
|
||||
textStyle: {
|
||||
|
||||
@ -485,7 +485,7 @@
|
||||
soc.push(v.inCoreDataCurve);
|
||||
});
|
||||
this.curve_option = {
|
||||
color: ["#009C77", "#BFE49F"],
|
||||
color: ["#009458", "#BFE49F"],
|
||||
animationDuration: 500,
|
||||
animationEasing: "cubicInOut",
|
||||
tooltip: {
|
||||
|
||||
@ -547,7 +547,7 @@
|
||||
return [x, y];
|
||||
},
|
||||
},
|
||||
color: ['#009C77', '#BFE49F'],
|
||||
color: ['#009458', '#BFE49F'],
|
||||
grid: {
|
||||
top: '15%',
|
||||
left: '5%',
|
||||
|
||||
@ -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'
|
||||
}
|
||||
|
||||
@ -480,7 +480,7 @@
|
||||
soc.push(v.inCoreDataCurve);
|
||||
});
|
||||
this.curve_option = {
|
||||
color: ["#009C77", "#BFE49F"],
|
||||
color: ["#009458", "#BFE49F"],
|
||||
animationDuration: 500,
|
||||
animationEasing: "cubicInOut",
|
||||
tooltip: {
|
||||
|
||||
@ -667,7 +667,7 @@
|
||||
return [x, y];
|
||||
},
|
||||
},
|
||||
color: ['#009C77', '#BFE49F'],
|
||||
color: ['#009458', '#BFE49F'],
|
||||
grid: {
|
||||
top: '15%',
|
||||
left: '5%',
|
||||
|
||||
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
@ -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;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@ -7,7 +7,7 @@
|
||||
</view>
|
||||
<view class="content-msg">
|
||||
{{ $t('homePage.home.msgf')}}
|
||||
<span class="xieyi" @click="toDetail"><u-link color="#009C77" href="https://ecloud.hoenergypower.cn/app-privacy-zh.html">《{{ $t('homePage.home.yhxy')}}》</u-link></span>{{ $t('homePage.home.and')}}<span class="xieyi" @click="toDetail"><u-link color="#009C77" href="https://ecloud.hoenergypower.cn/app-privacy-zh.html">《{{ $t('homePage.home.yszc')}}》</u-link></span>
|
||||
<span class="xieyi" @click="toDetail"><u-link color="#009458" href="https://ecloud.hoenergypower.cn/app-privacy-zh.html">《{{ $t('homePage.home.yhxy')}}》</u-link></span>{{ $t('homePage.home.and')}}<span class="xieyi" @click="toDetail"><u-link color="#009458" href="https://ecloud.hoenergypower.cn/app-privacy-zh.html">《{{ $t('homePage.home.yszc')}}》</u-link></span>
|
||||
{{ $t('homePage.home.msgs')}}
|
||||
</view>
|
||||
<view class="content-icon">
|
||||
@ -116,7 +116,7 @@
|
||||
font-size: 24rpx;
|
||||
margin-top: 20rpx;
|
||||
.xieyi {
|
||||
color: #009C77;
|
||||
color: #009458;
|
||||
}
|
||||
}
|
||||
|
||||
@ -144,7 +144,7 @@
|
||||
.version {
|
||||
padding-left: 24rpx;
|
||||
font-size: 36rpx;
|
||||
color: #009c77;
|
||||
color: #009458;
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
@ -167,7 +167,7 @@
|
||||
max-width: 14rpx;
|
||||
max-height: 12rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #009c77;
|
||||
background-color: #009458;
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
@ -183,7 +183,7 @@
|
||||
margin-top: 50rpx;
|
||||
width: 360rpx;
|
||||
height: 70rpx;
|
||||
background-color: #009c77;
|
||||
background-color: #009458;
|
||||
border: none !important;
|
||||
font-size: 28rpx;
|
||||
color: #fff;
|
||||
|
||||
@ -4,13 +4,14 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
.EnglishFont{
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
margin-top: 60rpx;
|
||||
margin-bottom: 40rpx;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
|
||||
.EnglishFont {
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
margin-top: 60rpx;
|
||||
margin-bottom: 40rpx;
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
@ -29,15 +30,15 @@
|
||||
.list-call-user .u-input {
|
||||
|
||||
font-size: 30rpx;
|
||||
width: 100%;
|
||||
height: 110rpx;
|
||||
text-indent: 2%;
|
||||
border: 1px solid #00CA9A;
|
||||
width: 100%;
|
||||
height: 110rpx;
|
||||
text-indent: 2%;
|
||||
border: 1px solid #00CA9A;
|
||||
}
|
||||
|
||||
.zhanghao{
|
||||
color: #282828;
|
||||
margin-bottom: 10rpx;
|
||||
.zhanghao {
|
||||
color: #282828;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.list-call-password .u-input {
|
||||
@ -45,15 +46,15 @@
|
||||
font-size: 30rpx;
|
||||
width: 100%;
|
||||
height: 110rpx;
|
||||
text-indent: 2%;
|
||||
border: 1px solid #00CA9A;
|
||||
text-indent: 2%;
|
||||
border: 1px solid #00CA9A;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.list-call-password .u-icon-right {
|
||||
position: absolute;
|
||||
right: 20rpx;
|
||||
position: absolute;
|
||||
right: 20rpx;
|
||||
color: #aaaaaa;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
@ -65,7 +66,7 @@
|
||||
font-size: 35rpx;
|
||||
width: 603rpx;
|
||||
height: 95rpx;
|
||||
background: #009C77;
|
||||
background: #009c77;
|
||||
box-shadow: 0rpx 0rpx 13rpx 0rpx rgba(15, 168, 250, 0.4);
|
||||
border-radius: 10rpx;
|
||||
line-height: 95rpx;
|
||||
@ -77,15 +78,16 @@
|
||||
width: 100%;
|
||||
height: 400rpx;
|
||||
border-radius: 0 0 50% 50%;
|
||||
background-color: #069E7A;
|
||||
background: linear-gradient(-45deg, rgba(7, 151, 110, 1), rgba(254, 131, 15, 0.3));
|
||||
|
||||
}
|
||||
.center-logo{
|
||||
width: 410rpx;
|
||||
height: 230rpx;
|
||||
top: 100rpx;
|
||||
position: absolute;
|
||||
|
||||
|
||||
.center-logo {
|
||||
width: 410rpx;
|
||||
height: 150rpx;
|
||||
top: 100rpx;
|
||||
position: absolute;
|
||||
|
||||
}
|
||||
|
||||
.user-card {
|
||||
@ -107,41 +109,45 @@
|
||||
border-bottom: 1rpx solid #f5f5f5;
|
||||
width: 100%;
|
||||
height: 89rpx;
|
||||
position: relative;
|
||||
position: relative;
|
||||
margin-bottom: 30rpx;
|
||||
.u-icon-delete {
|
||||
position: absolute;
|
||||
right: 20rpx;
|
||||
color: #aaaaaa;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
.u-icon-delete {
|
||||
position: absolute;
|
||||
right: 20rpx;
|
||||
color: #aaaaaa;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
}
|
||||
|
||||
input {
|
||||
height: 90rpx;
|
||||
border-radius: 10rpx;
|
||||
padding-left: 10rpx;
|
||||
box-shadow: 0px 4px 16rpx rgba(0, 0, 0, 0.1);
|
||||
border-radius: 10rpx;
|
||||
padding-left: 10rpx;
|
||||
box-shadow: 0px 4px 16rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.user-icon {
|
||||
width: 36rpx;
|
||||
height: 39rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.list-call-password {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 1rpx solid #f5f5f5;
|
||||
width: 100%;
|
||||
height: 89rpx;
|
||||
position: relative;
|
||||
position: relative;
|
||||
|
||||
|
||||
input {
|
||||
height: 90rpx;
|
||||
color: #939393;
|
||||
border-radius: 10rpx;
|
||||
padding-left: 10rpx;
|
||||
box-shadow: 0px 4px 16rpx rgba(0, 0, 0, 0.1);
|
||||
border-radius: 10rpx;
|
||||
padding-left: 10rpx;
|
||||
box-shadow: 0px 4px 16rpx rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.password-icon {
|
||||
@ -159,4 +165,4 @@
|
||||
|
||||
.u-tabs {
|
||||
padding: 0 70rpx;
|
||||
}
|
||||
}
|
||||
@ -5,7 +5,7 @@
|
||||
<view class="logo">
|
||||
|
||||
</view>
|
||||
<image src="/static/aidex/login/bg-logo.png" class="center-logo"></image>
|
||||
<image src="/static/aidex/login/bg-logo2.png" class="center-logo"></image>
|
||||
|
||||
<!--首页用户密码输入框 -->
|
||||
|
||||
@ -74,8 +74,8 @@
|
||||
</view>
|
||||
|
||||
<view style="margin-top: 10rpx;display: flex;align-items: center;" @click="langShow = true">
|
||||
<u-icon name="/static/aidex/images/lang.png" size="50" color="#ffaa00" style="margin-right: 10rpx;"></u-icon>
|
||||
<view style="color: #6AC5AF">{{ langValue === 'zh_CN' ? 'ZH' : 'EN' }}</view>
|
||||
<u-icon name="/static/aidex/images/lang.png" size="50" color="#009c77" style="margin-right: 10rpx;"></u-icon>
|
||||
<view style="color: #009c77">{{ langValue === 'zh_CN' ? 'ZH' : 'EN' }}</view>
|
||||
</view>
|
||||
<!-- 新增游客登录按钮 -->
|
||||
<view class="guest-button" @click="guestLogin">
|
||||
|
||||
@ -168,8 +168,8 @@ page {
|
||||
padding: 30rpx;
|
||||
.btn {
|
||||
width: 690rpx;
|
||||
background-color:#009C77;
|
||||
border-color: #009C77!important;
|
||||
background-color:#009458;
|
||||
border-color: #009458!important;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
@ -145,7 +145,7 @@
|
||||
return [x, y];
|
||||
},
|
||||
},
|
||||
color: ["#009C77", "#BFE49F", "#3977B1"],
|
||||
color: ["#009458", "#BFE49F", "#3977B1"],
|
||||
legend: {
|
||||
animation: false,
|
||||
right: "0",
|
||||
|
||||
@ -136,7 +136,7 @@ export default {
|
||||
.section {
|
||||
height: 30rpx;
|
||||
width: 6rpx;
|
||||
background-color: #009c77;
|
||||
background-color: #009458;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
|
||||
@ -108,7 +108,7 @@ export default {
|
||||
height: 110rpx;
|
||||
justify-content: center;
|
||||
padding: 10rpx;
|
||||
background: #d7e9e548;
|
||||
background: rgba(254, 131, 15, 0.05);
|
||||
border-radius: 10rpx;
|
||||
margin: 10rpx 10rpx;
|
||||
position: relative;
|
||||
@ -136,7 +136,7 @@ export default {
|
||||
.section {
|
||||
height: 30rpx;
|
||||
width: 6rpx;
|
||||
background-color: #009c77;
|
||||
background-color: #07976E;
|
||||
border-radius: 8rpx;
|
||||
}
|
||||
|
||||
|
||||
@ -52,8 +52,8 @@
|
||||
],
|
||||
width: 2,
|
||||
rectType: 'fill',
|
||||
borderColor: "#009C77",
|
||||
background: "#009C77"
|
||||
borderColor: "#009458",
|
||||
background: "#009458"
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
@ -266,8 +266,8 @@
|
||||
],
|
||||
width: 2,
|
||||
rectType: 'fill',
|
||||
borderColor: "#009C77",
|
||||
background: "#009C77"
|
||||
borderColor: "#009458",
|
||||
background: "#009458"
|
||||
}
|
||||
const textObj = {
|
||||
type: "text",
|
||||
|
||||
@ -156,8 +156,8 @@
|
||||
],
|
||||
width: 2,
|
||||
rectType: 'fill',
|
||||
borderColor: "#009C77",
|
||||
background: "#009C77"
|
||||
borderColor: "#009458",
|
||||
background: "#009458"
|
||||
}
|
||||
const textObj = {
|
||||
type: "text",
|
||||
|
||||
@ -7,7 +7,7 @@
|
||||
:is-scroll="false"
|
||||
:current="currentTab"
|
||||
@change="changeTab"
|
||||
active-color="#009C77"
|
||||
active-color="#009458"
|
||||
></u-tabs>
|
||||
|
||||
<swiper
|
||||
|
||||
@ -273,7 +273,10 @@
|
||||
const {
|
||||
data
|
||||
} = await this.$u.api.homePageData.GetHomePageComponents(this.stationId)
|
||||
this.rightCenter = data[0].rightCenter
|
||||
if(data && data.length > 0){
|
||||
this.rightCenter = data[0]?.rightCenter
|
||||
}
|
||||
|
||||
},
|
||||
openTimer() {
|
||||
|
||||
@ -449,15 +452,15 @@
|
||||
|
||||
.top-right-item {
|
||||
padding: 5rpx 10rpx;
|
||||
border: 1rpx solid #009c77;
|
||||
border: 1rpx solid #009458;
|
||||
font-size: 24rpx;
|
||||
color: #009c77;
|
||||
color: #009458;
|
||||
cursor: pointer;
|
||||
margin-right: 10rpx;
|
||||
border-radius: 8rpx;
|
||||
|
||||
&.active {
|
||||
background: #009c77;
|
||||
background: #07976E;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
|
||||
@ -219,7 +219,7 @@
|
||||
<u-popup v-model="popupShow" mode="bottom" border-radius="20" height="75%" placement="top-end" @close="closePop">
|
||||
<view class="title">{{this.$t('homePage.price.sift')}}</view>
|
||||
<view class="s-station">
|
||||
<u-section :title="$t('homePage.price.provinceRegion')" line-color="#009C77" color="#2A2A2A" class="s-title" :right="false"
|
||||
<u-section :title="$t('homePage.price.provinceRegion')" line-color="#009458" color="#2A2A2A" class="s-title" :right="false"
|
||||
style="margin-bottom: 20rpx;"></u-section>
|
||||
<view style="margin-top: 20rpx;">
|
||||
<u-input v-model="regionName" type="select" border="border" :placeholder="$t('homePage.price.selectProvinceRegion')"
|
||||
@ -231,7 +231,7 @@
|
||||
</view>
|
||||
|
||||
<view class="s-station">
|
||||
<u-section :title="$t('homePage.price.customerType')" line-color="#009C77" color="#2A2A2A" class="s-title" :right="false"
|
||||
<u-section :title="$t('homePage.price.customerType')" line-color="#009458" color="#2A2A2A" class="s-title" :right="false"
|
||||
style="margin-bottom: 20rpx;"></u-section>
|
||||
<view style="margin-top: 20rpx;">
|
||||
<u-input v-model="customerName" type="select" border="border" :placeholder="$t('homePage.price.selectEleCustomers')"
|
||||
@ -244,7 +244,7 @@
|
||||
</view>
|
||||
|
||||
<view class="s-station">
|
||||
<u-section :title="$t('homePage.price.eleType')" line-color="#009C77" color="#2A2A2A" class="s-title" :right="false"
|
||||
<u-section :title="$t('homePage.price.eleType')" line-color="#009458" color="#2A2A2A" class="s-title" :right="false"
|
||||
style="margin-bottom: 20rpx;"></u-section>
|
||||
<view style="margin-top: 20rpx;">
|
||||
<u-input v-model="electricityName" type="select" border="border" :placeholder="$t('homePage.price.selectEleType')"
|
||||
@ -256,7 +256,7 @@
|
||||
</view>
|
||||
|
||||
<view class="s-station">
|
||||
<u-section :title="$t('homePage.price.volLevel')" line-color="#009C77" color="#2A2A2A" class="s-title" :right="false"
|
||||
<u-section :title="$t('homePage.price.volLevel')" line-color="#009458" color="#2A2A2A" class="s-title" :right="false"
|
||||
style="margin-bottom: 20rpx;"></u-section>
|
||||
<view style="margin-top: 20rpx;">
|
||||
<u-input v-model="voltageLevelName" type="select" border="border" :placeholder="$t('homePage.price.selectVoltageLevel')"
|
||||
@ -268,7 +268,7 @@
|
||||
</view>
|
||||
|
||||
<view class="s-station">
|
||||
<u-section :title="$t('homePage.price.exeTime')" :default-value="defaultcTimeArr" line-color="#009C77" color="#2A2A2A" class="s-title"
|
||||
<u-section :title="$t('homePage.price.exeTime')" :default-value="defaultcTimeArr" line-color="#009458" color="#2A2A2A" class="s-title"
|
||||
:right="false" style="margin-bottom: 20rpx;"></u-section>
|
||||
<view style="margin-top: 20rpx;"><u-input v-model="filters.executionTime" type="select" border="border"
|
||||
:placeholder="$t('homePage.price.selectExeTime')" @click="executionTimeShow = true" />
|
||||
@ -353,18 +353,19 @@ export default {
|
||||
second: false
|
||||
},
|
||||
sureButtonStyle: {
|
||||
backgroundColor: 'rgba(0, 156, 119, 1)',
|
||||
width: '280rpx',
|
||||
height: '70rpx',
|
||||
fontSize: '28rpx',
|
||||
color: 'rgba(255, 255, 255, 1)'
|
||||
backgroundColor: '#009458',
|
||||
width: '280rpx',
|
||||
height: '70rpx',
|
||||
fontSize: '28rpx',
|
||||
color: 'rgba(255, 255, 255, 1)'
|
||||
|
||||
},
|
||||
resetButtonStyle: {
|
||||
backgroundColor: 'rgba(191, 228, 159, 1)',
|
||||
width: '280rpx',
|
||||
height: '70rpx',
|
||||
fontSize: '28rpx',
|
||||
color: 'rgba(40, 40, 40, 1)'
|
||||
backgroundColor: '#fdd100',
|
||||
width: '280rpx',
|
||||
height: '70rpx',
|
||||
fontSize: '28rpx',
|
||||
color: 'rgba(40, 40, 40, 1)'
|
||||
},
|
||||
dataList: [],
|
||||
loading: false,
|
||||
@ -1011,7 +1012,7 @@ export default {
|
||||
width: 100%;
|
||||
height: 230rpx;
|
||||
|
||||
background: linear-gradient(45deg, rgba(0, 156, 119, 1), rgba(178, 223, 138, 1));
|
||||
background: linear-gradient(-45deg, rgba(7, 151, 110, 1), rgba(254, 131, 15, 0.4));
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@ -1094,15 +1095,15 @@ export default {
|
||||
|
||||
.top-right-item {
|
||||
padding: 5rpx 10rpx;
|
||||
border: 1rpx solid #009c77;
|
||||
border: 1rpx solid #009458;
|
||||
font-size: 24rpx;
|
||||
color: #009c77;
|
||||
color: #009458;
|
||||
cursor: pointer;
|
||||
margin-right: 10rpx;
|
||||
border-radius: 8rpx;
|
||||
|
||||
&.active {
|
||||
background: #009c77;
|
||||
background: #009458;
|
||||
color: #ffffff;
|
||||
}
|
||||
}
|
||||
@ -1151,7 +1152,7 @@ export default {
|
||||
|
||||
.box-value {
|
||||
text-align: center;
|
||||
color: #009C77;
|
||||
color: #009458;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
|
||||
@ -12,7 +12,7 @@
|
||||
<view class="bg-box">
|
||||
<view class="userinfo">
|
||||
<view class="image" @click="navTo('info')">
|
||||
<image style="width: 100%" src="/static/aidex/images/user07.png"></image>
|
||||
<image style="width: 100%" src="/static/aidex/login/bg-logo2.png"></image>
|
||||
</view>
|
||||
<view class="info" style="display: flex; justify-content: space-between">
|
||||
<view>
|
||||
@ -44,11 +44,11 @@
|
||||
<!-- <u-cell-item icon="map" :iconStyle="{ color: '#316ede' }" title="账号安全" @click="navTo('pwd')"></u-cell-item> -->
|
||||
<view class="u-line"></view>
|
||||
<!-- 关于我们 -->
|
||||
<view class="account-security" @click="navTo('about')">
|
||||
<!-- <view class="account-security" @click="navTo('about')">
|
||||
<u-icon name="info-circle" size="40" color="#889cf6" style="margin-right: 20rpx;"></u-icon>
|
||||
<view class="account-contect"> {{ $t('homePage.mine.aboutUs')}} </view>
|
||||
<image src="/static/aidex/images/next.png" class="next"></image>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<view class="u-line"></view>
|
||||
<!-- 关于我们 -->
|
||||
@ -287,7 +287,8 @@
|
||||
.image {
|
||||
flex-shrink: 0;
|
||||
width: 60%;
|
||||
height: 270rpx;
|
||||
margin-top: 100rpx;
|
||||
height: 150rpx;
|
||||
|
||||
image {
|
||||
width: 100%;
|
||||
|
||||
Reference in New Issue
Block a user