样式修改
This commit is contained in:
@ -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 {
|
||||
|
||||
@ -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%',
|
||||
|
||||
@ -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 {
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
Reference in New Issue
Block a user