renkang/xj-screen
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source 
1.修改样式
This commit is contained in:
weixin
2023-12-20 10:36:22 +08:00
parent 3cc95902ae
commit 1c65f18bab
4 changed files with 38 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/secondaryScreen/secondMap/components/userInfoModal/publicTitle.vue
+5 -3
View File
@@ -25,7 +25,7 @@
<!-- @change="changeSelect"--> <!-- @change="changeSelect"-->
<!-- />--> <!-- />-->
</div> </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> <span style="margin: 0 0 0 5px; cursor: pointer" @click="changeDate('0')">&lt;</span>
<div style="position: relative"> <div style="position: relative">
<a-date-picker <a-date-picker
@@ -43,7 +43,9 @@
</div> </div>
</template> </template>
</a-date-picker> </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> </div>
<span style="margin: 0 0 5px 5px; cursor: pointer" @click="changeDate('1')">&gt;</span> <span style="margin: 0 0 5px 5px; cursor: pointer" @click="changeDate('1')">&gt;</span>
</div> </div>
@@ -237,4 +239,4 @@
border: 1px solid #1890ff; border: 1px solid #1890ff;
border-radius: 50px; border-radius: 50px;
} }
</style> </style>
src/components/secondaryScreen/secondMap/components/userInfoModal/sleep.vue
+2 -2
View File
@@ -1,6 +1,6 @@
<template> <template>
<public-title @change-v="changeV" @changeShowStatus="changeShowStatus" :keyType="keyType" :user-id="userId" /> <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 style="width: 15%; text-align: center">
<div> <div>
<span style="font-size: 25px"> {{ maxInfo }}</span> <span style="font-size: 25px"> {{ maxInfo }}</span>
@@ -234,4 +234,4 @@
initEchart('0'); initEchart('0');
}); });
</script> </script>
<style scoped lang="less"></style> <style scoped lang="less"></style>
src/components/secondaryScreen/secondMap/components/userInfoModal/temperature.vue
+2 -2
View File
@@ -1,6 +1,6 @@
<template> <template>
<public-title @change-v="changeV" @changeShowStatus="changeShowStatus" :keyType="keyType" :user-id="userId" /> <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 style="width: 15%; text-align: center">
<div> <div>
<span style="font-size: 25px"> {{ maxInfo }}</span> <span style="font-size: 25px"> {{ maxInfo }}</span>
@@ -201,4 +201,4 @@
initEchart('0'); initEchart('0');
}); });
</script> </script>
<style scoped lang="less"></style> <style scoped lang="less"></style>
src/components/secondaryScreen/secondMap/components/userInfoModal/userInfoModal.less
+29
View File
@@ -2,6 +2,7 @@
background-color: #00152b; background-color: #00152b;
border: 1px solid #129bff; border: 1px solid #129bff;
padding: 14px; padding: 14px;
position: relative;
.line { .line {
position: absolute; 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;
}