1.修改样式
This commit is contained in:
2023-12-20 10:36:22 +08:00
parent 3cc95902ae
commit 1c65f18bab
4 changed files with 38 additions and 7 deletions
@@ -25,7 +25,7 @@
<!-- @change="changeSelect"-->
<!-- />-->
</div>
<div style="display: flex; font-size: 20px" v-if="showStatus && props.showList">
<div class="item-picker" style="display: flex; font-size: 20px" v-if="showStatus && props.showList">
<span style="margin: 0 0 0 5px; cursor: pointer" @click="changeDate('0')">&lt;</span>
<div style="position: relative">
<a-date-picker
@@ -43,7 +43,9 @@
</div>
</template>
</a-date-picker>
<div style="z-index: 1; min-width: 150px; text-align: center">{{ getDateFormat(dateInfo) }}</div>
<div style="z-index: 1; min-width: 150px; text-align: center"
><span>{{ getDateFormat(dateInfo) }}</span></div
>
</div>
<span style="margin: 0 0 5px 5px; cursor: pointer" @click="changeDate('1')">&gt;</span>
</div>
@@ -237,4 +239,4 @@
border: 1px solid #1890ff;
border-radius: 50px;
}
</style>
</style>
@@ -1,6 +1,6 @@
<template>
<public-title @change-v="changeV" @changeShowStatus="changeShowStatus" :keyType="keyType" :user-id="userId" />
<div style="display: flex; justify-content: center" v-if="status">
<div class="item-three" style="display: flex; justify-content: center" v-if="status">
<div style="width: 15%; text-align: center">
<div>
<span style="font-size: 25px"> {{ maxInfo }}</span>
@@ -234,4 +234,4 @@
initEchart('0');
});
</script>
<style scoped lang="less"></style>
<style scoped lang="less"></style>
@@ -1,6 +1,6 @@
<template>
<public-title @change-v="changeV" @changeShowStatus="changeShowStatus" :keyType="keyType" :user-id="userId" />
<div style="display: flex; justify-content: center" v-if="status">
<div class="item-three" style="display: flex; justify-content: center" v-if="status">
<div style="width: 15%; text-align: center">
<div>
<span style="font-size: 25px"> {{ maxInfo }}</span>
@@ -201,4 +201,4 @@
initEchart('0');
});
</script>
<style scoped lang="less"></style>
<style scoped lang="less"></style>
@@ -2,6 +2,7 @@
background-color: #00152b;
border: 1px solid #129bff;
padding: 14px;
position: relative;
.line {
position: absolute;
@@ -20,3 +21,31 @@
}
}
:deep(.ant-radio-button-checked) {
background-color: #1B7EF2 !important;
border-color: #1B7EF2 !important;
}
:deep(.ant-radio-button-wrapper-checked) {
border-color: #1B7EF2 !important;
}
:deep(.ant-radio-button-wrapper) {
background-color: #d8dce5 !important;
border-color: #d8dce5 !important;
}
:deep(.item-three :nth-child(n)) {
color: #ffffff !important;
}
:deep(.item-picker span) {
color: #ffffff;
}
:deep(.right-d) {
border-color: #1890ff !important;
}
:deep(.ant-radio-button-wrapper:focus-within) {
box-shadow: none !important;
}