样式修改

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

View File

@ -1,18 +1,10 @@
<template>
<view class="search">
<u-icon name="search" color="#009C77!important" size="40"></u-icon>
<u-input
v-model="dec"
style="width: 100%"
type="text"
:placeholder="placeholder"
:clearable="false"
@blur="blur"
/>
<img src="/static/aidex/images/search.png" class="filterImg">
<u-input v-model="dec" style="width: 100%" type="text" :placeholder="placeholder" :clearable="false" @blur="blur" />
<view class="shaixuan" @click="open" id="search">
<text style="white-space: nowrap">{{$t('homePage.alarm.sift')}}</text>
<u-icon name="arrow-right" color="#009C77!important" size="30"></u-icon>
<text style="white-space: nowrap">{{ $t('homePage.alarm.sift') }}</text>
<u-icon name="arrow-right" color="#009458!important" size="30"></u-icon>
</view>
</view>
</template>
@ -25,7 +17,7 @@ export default {
default: "请输入告警内容筛选",
},
},
data() {
data () {
return {
dec: "",
value1: 1,
@ -34,11 +26,11 @@ export default {
};
},
methods: {
open() {
open () {
this.show_ = true;
this.$emit("custom");
},
blur() {
blur () {
this.$emit("blur", this.dec);
},
},
@ -46,6 +38,13 @@ export default {
</script>
<style lang="scss" scoped>
.filterImg {
width: 40rpx;
height: 40rpx;
margin-right: 10rpx;
margin-bottom: 5rpx;
}
.search {
background-color: #ffffff;
width: 100%;
@ -68,7 +67,7 @@ export default {
// flex:1;
// justify-content:flex-end;
align-items: center;
color: #009c77;
color: #009458;
}
.proper {

View File

@ -176,7 +176,7 @@ export default {
this.history_option = {
animationDuration: 500,
animationEasing: "cubicInOut",
color: ["#009C77", "#BFE49F", "#00E6B0"],
color: ["#009458", "#BFE49F", "#00E6B0"],
grid: {
left: '10%',
right: '8%',

View File

@ -1,10 +1,10 @@
<template>
<view class="search" >
<u-icon name="search" color="#009C77" size="40"></u-icon>
<img src="/static/aidex/images/search.png" class="filterImg">
<u-input v-model="dec" style="width:100%;" type="text" :placeholder="this.$t('homePage.device.inputNameQuery')" :clearable='false'/>
<view class="shaixuan" id="search">
<u-button @click="search" size="mini" shape="circle" :custom-style="{backgroundColor:'#009C77',color:'#FFFFFF'}">{{this.$t('homePage.device.query')}}</u-button>
<u-button @click="search" size="mini" shape="circle" :custom-style="{backgroundColor:'#009458',color:'#FFFFFF'}">{{this.$t('homePage.device.query')}}</u-button>
</view>
<!-- <input type="text" :value="dec" :input-align="right" placeholder="请输入告警内容筛选"/> -->
<!-- <view class="proper" v-if="show_" id="popup">
@ -39,6 +39,12 @@
</script>
<style lang="scss" scoped>
.filterImg {
width: 40rpx;
height: 40rpx;
margin-right: 10rpx;
margin-bottom: 5rpx;
}
.search {
background-color: #ffffff;
width: 100%;
@ -59,7 +65,7 @@
padding-top: 10rpx;
padding-bottom: 10rpx;
align-items: center;
color: #009C77
color: #009458
}
.proper {

View File

@ -1,6 +1,6 @@
<template>
<view class="warp">
<image src="/static/aidex/images/item.png"></image>
<image src="/static/aidex/images/item2.png"></image>
<view class="title">
{{ title }}
</view>

View File

@ -4,7 +4,7 @@
<u-input v-model="stationName" :disabled='disabled' :type="disabled? 'text' : 'select'" :select-open="selectStaion" input-align="center" @click="openSelectStation" class="input-box" color="#fff" />
</view>
<u-select v-model="selectStaion" mode="mutil-column-auto" :key="selectKey" :list="stationList" :value-name="'id'" :label-name="'name'" :child-name="'list'" @confirm="confirmStation" @cancel="cancelSelect" :mask-close-able="false" :default-value="StationShow" confirm-color="#009C77"></u-select>
<u-select v-model="selectStaion" mode="mutil-column-auto" :key="selectKey" :list="stationList" :value-name="'id'" :label-name="'name'" :child-name="'list'" @confirm="confirmStation" @cancel="cancelSelect" :mask-close-able="false" :default-value="StationShow" confirm-color="#009458"></u-select>
</view>
</template>
<script>