fix: 样式优化

This commit is contained in:
dataeaseShu
2026-04-17 17:41:39 +08:00
committed by dataeaseShu
parent 036da9c83d
commit 6b3f1a8488
135 changed files with 259 additions and 240 deletions

View File

@@ -44,7 +44,7 @@ const colorButtonClick = () => {
.color-button-outer {
width: 32px;
height: 32px;
border-radius: 4px;
border-radius: 6px;
border-width: 1px;
border-color: #dee0e3;
cursor: pointer;
@@ -68,7 +68,7 @@ const colorButtonClick = () => {
.color-button-inner {
width: 20px;
height: 20px;
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dee0e3;
}
.color-button-inner-light {

View File

@@ -71,7 +71,7 @@ const addToDashboard = item => {
float: left;
background: #fff;
padding: 4px;
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dee0e3;
&:nth-child(2n) {
margin-right: -1px;

View File

@@ -264,7 +264,7 @@ const saveSelfSubject = () => {
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;

View File

@@ -924,7 +924,7 @@ const initOpenHandler = newWindow => {
background-color: #050e21;
outline: none;
border: 1px solid #295acc;
border-radius: 4px;
border-radius: 6px;
padding: 0 4px;
height: 100%;
}

View File

@@ -198,7 +198,7 @@ function setPosition(p: 'left' | 'center' | 'right') {
.ed-checkbox__label {
.bash-icon {
background: var(--ed-color-primary-1a, rgba(51, 112, 255, 0.1));
border-radius: 4px;
border-radius: 6px;
color: var(--ed-color-primary);
}
}
@@ -208,7 +208,7 @@ function setPosition(p: 'left' | 'center' | 'right') {
.ed-radio__label {
.bash-icon {
background: var(--ed-color-primary-1a, rgba(51, 112, 255, 0.1));
border-radius: 4px;
border-radius: 6px;
}
}
}
@@ -242,7 +242,7 @@ function setPosition(p: 'left' | 'center' | 'right') {
width: 24px;
height: 24px;
text-align: center;
border-radius: 4px;
border-radius: 6px;
padding-top: 1px;
color: #1f2329;

View File

@@ -222,7 +222,7 @@ onUnmounted(() => {
height: 24px !important;
width: 24px !important;
font-size: 16px !important;
border-radius: 4px;
border-radius: 6px;
color: #646a73 !important;
&[aria-expanded='true'] {

View File

@@ -464,6 +464,7 @@ const fullScreenPreview = () => {
<div class="right-area">
<el-tooltip
effect="dark"
:offset="12"
:content="t('visualization.external_parameter_settings')"
placement="bottom"
>
@@ -631,7 +632,7 @@ const fullScreenPreview = () => {
background-color: #050e21;
outline: none;
border: 1px solid #295acc;
border-radius: 4px;
border-radius: 6px;
padding: 0 4px;
height: 100%;
}

View File

@@ -567,7 +567,7 @@ const expandClick = component => {
cursor: pointer;
height: 22px !important;
width: 22px !important;
border-radius: 4px;
border-radius: 6px;
padding: 0 4px;
.opt-icon {

View File

@@ -532,7 +532,7 @@ const expandClick = component => {
cursor: pointer;
height: 22px !important;
width: 22px !important;
border-radius: 4px;
border-radius: 6px;
padding: 0 4px;
.opt-icon {

View File

@@ -784,7 +784,7 @@ const canvasChange = () => {
cursor: pointer;
height: 22px !important;
width: 22px !important;
border-radius: 4px;
border-radius: 6px;
padding: 0 4px;
.opt-icon {

View File

@@ -291,7 +291,7 @@ const expandClick = component => {
cursor: pointer;
height: 22px !important;
width: 22px !important;
border-radius: 4px;
border-radius: 6px;
padding: 0 4px;
.opt-icon {

View File

@@ -399,7 +399,7 @@ const isMobileLazyLoadEnabled = computed(() => {
})
// 初始化IntersectionObserver
onMounted(() => {
if (isMobileLazyLoadEnabled.value && showPositionActive.value === 'preview') {
if (isMobileLazyLoadEnabled.value) {
const wrapperInner = componentWrapperInnerRef.value
if (wrapperInner) {
observer.value = new IntersectionObserver(

View File

@@ -170,7 +170,7 @@ watch(
.arrow-filter:hover {
background: rgba(31, 35, 41, 0.1);
border-radius: 4px;
border-radius: 6px;
}
.ed-icon-arrow-right.arrow-filter {

View File

@@ -120,7 +120,7 @@ defineExpose({
width: 100%;
height: 100%;
background: #f5f6f7;
border-radius: 4px;
border-radius: 6px;
position: relative;
}
}

View File

@@ -104,7 +104,7 @@ tinymce.init({})
}
.tox {
border-radius: 4px !important;
border-radius: 6px !important;
border-bottom: 1px solid #ccc !important;
z-index: 1000;
}

View File

@@ -46,7 +46,7 @@ const emits = defineEmits(['customClick'])
position: relative;
&::after {
content: '';
border-radius: 4px;
border-radius: 6px;
display: none;
position: absolute;
width: calc(100% + 10px);

View File

@@ -324,7 +324,7 @@ const onComponentNameChange = () => {
width: 100%;
outline: none;
border: 1px solid #295acc;
border-radius: 4px;
border-radius: 6px;
padding: 0 4px;
height: 100%;
}
@@ -339,7 +339,7 @@ const onComponentNameChange = () => {
background-color: #050e21;
outline: none;
border: 1px solid #295acc;
border-radius: 4px;
border-radius: 6px;
padding: 0 4px;
height: 100%;
}

View File

@@ -1151,7 +1151,7 @@ defineExpose({
.preview {
margin-top: 5px;
border: 1px solid #e6e6e6;
border-radius: 4px;
border-radius: 6px;
height: 470px !important;
overflow: hidden;
background-size: 100% 100% !important;
@@ -1285,7 +1285,7 @@ defineExpose({
white-space: nowrap;
text-overflow: ellipsis;
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dee0e3;
background: #fff;
@@ -1483,13 +1483,13 @@ span {
.outer-content {
height: 340px;
border-radius: 4px;
border-radius: 6px;
}
.padding-lr {
height: 500px;
border: 1px solid var(--deCardStrokeColor, #dee0e3);
border-radius: 4px;
border-radius: 6px;
padding: 12px;
box-sizing: border-box;
margin-left: 12px;

View File

@@ -691,7 +691,7 @@ defineExpose({
.preview {
margin-top: 5px;
border: 1px solid #e6e6e6;
border-radius: 4px;
border-radius: 6px;
height: 470px !important;
overflow: hidden;
background-size: 100% 100% !important;
@@ -934,13 +934,13 @@ span {
.outer-content {
height: 340px;
border-radius: 4px;
border-radius: 6px;
}
.padding-lr {
height: 500px;
border: 1px solid var(--deCardStrokeColor, #dee0e3);
border-radius: 4px;
border-radius: 6px;
padding: 12px;
box-sizing: border-box;
margin-left: 12px;

View File

@@ -859,7 +859,7 @@ defineExpose({
.preview {
margin-top: 5px;
border: 1px solid #e6e6e6;
border-radius: 4px;
border-radius: 6px;
height: 470px !important;
overflow: hidden;
background-size: 100% 100% !important;
@@ -1120,7 +1120,7 @@ defineExpose({
.expand-custom {
width: 16px;
height: 16px;
border-radius: 4px;
border-radius: 6px;
padding: 0px 1px;
color: rgba(100, 106, 115, 1);
&:hover {
@@ -1131,7 +1131,7 @@ defineExpose({
.ds-view-content {
width: calc(100% - 16px);
border-radius: 4px;
border-radius: 6px;
margin: 8px 16px 0 16px;
padding: 12px;
background: rgba(245, 246, 247, 1);

View File

@@ -359,7 +359,7 @@ onMounted(() => {
ul {
border: 1px solid #e4e7ed;
border-radius: 4px;
border-radius: 6px;
background-color: #fff;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
box-sizing: border-box;

View File

@@ -128,7 +128,7 @@ watch(
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;
@@ -206,7 +206,7 @@ watch(
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;

View File

@@ -622,7 +622,7 @@ watch(
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;
@@ -675,7 +675,7 @@ watch(
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;

View File

@@ -53,7 +53,7 @@ const mainIconClass = itemUrl => {
&:hover {
border: 1px dashed var(--ed-color-primary-99, rgba(51, 112, 255, 0.6));
}
border-radius: 4px;
border-radius: 6px;
background-color: #f5f6f7;
width: 88px;
height: 64px;

View File

@@ -274,7 +274,7 @@ watch(
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;
@@ -327,7 +327,7 @@ watch(
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;

View File

@@ -437,7 +437,7 @@ onMounted(() => {
width: 24px;
height: 24px;
text-align: center;
border-radius: 4px;
border-radius: 6px;
padding-top: 4px;
color: #1f2329;

View File

@@ -638,7 +638,7 @@ watch(
.ed-checkbox__label {
.bash-icon {
background: var(--ed-color-primary-1a, rgba(51, 112, 255, 0.1));
border-radius: 4px;
border-radius: 6px;
color: var(--ed-color-primary);
}
}
@@ -648,7 +648,7 @@ watch(
.ed-radio__label {
.bash-icon {
background: var(--ed-color-primary-1a, rgba(51, 112, 255, 0.1));
border-radius: 4px;
border-radius: 6px;
}
}
}
@@ -682,7 +682,7 @@ watch(
width: 24px;
height: 24px;
text-align: center;
border-radius: 4px;
border-radius: 6px;
padding-top: 1px;
color: #1f2329;
@@ -750,7 +750,7 @@ watch(
width: 24px;
height: 24px;
text-align: center;
border-radius: 4px;
border-radius: 6px;
padding-top: 4px;
color: #1f2329;

View File

@@ -135,7 +135,7 @@ const findUrl = name => {
white-space: nowrap;
list-style-type: none;
list-style-position: inside;
border-radius: 4px;
border-radius: 6px;
padding-left: 8px;
&:hover {
background: rgba(255, 255, 255, 0.1);
@@ -174,7 +174,7 @@ const findUrl = name => {
height: 64px;
background: #1a1a1a;
padding: 4px;
border-radius: 4px;
border-radius: 6px;
cursor: pointer;
&:hover {
outline: 1px solid var(--ed-color-primary);
@@ -203,7 +203,7 @@ const findUrl = name => {
.item-top {
width: 28px;
height: 28px;
border-radius: 4px;
border-radius: 6px;
padding: 4px;
cursor: pointer;
&:hover {

View File

@@ -52,13 +52,13 @@ const { icon, name, label, dragInfo, themes } = toRefs(props)
}
}
.drag-component {
border-radius: 4px;
border-radius: 6px;
width: 88px !important;
margin-right: 12px;
.icon-content {
width: 88px !important;
height: 64px !important;
border-radius: 4px;
border-radius: 6px;
&:hover {
border: 1px solid var(--ed-color-primary);
cursor: pointer;

View File

@@ -252,7 +252,7 @@ const loadPluginCategory = data => {
white-space: nowrap;
list-style-type: none;
list-style-position: inside;
border-radius: 4px;
border-radius: 6px;
color: #a6a6a6;
padding-left: 8px;
&:hover {
@@ -300,7 +300,7 @@ const loadPluginCategory = data => {
width: 88px;
height: 64px;
background: #1a1a1a;
border-radius: 4px;
border-radius: 6px;
cursor: pointer;
display: flex;
align-items: center;

View File

@@ -108,7 +108,7 @@ onBeforeUnmount(() => {
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;

View File

@@ -172,7 +172,7 @@ const noBorder = computed(() => props.borderColor === 'none')
&:first-child {
border-left: 1px solid var(--de-border-color);
border-radius: 4px 0 0 4px;
border-radius: 6px 0 0 4px;
}
&:last-child {

View File

@@ -276,7 +276,7 @@ import { deepCopy } from '@/utils/utils'
cursor: pointer;
height: 22px !important;
width: 22px !important;
border-radius: 4px;
border-radius: 6px;
padding: 0 4px;
color: #a6a6a6;

View File

@@ -172,7 +172,7 @@ const noBorder = computed(() => props.borderColor === 'none')
&:first-child {
border-left: 1px solid var(--de-border-color);
border-radius: 4px 0 0 4px;
border-radius: 6px 0 0 4px;
}
&:last-child {

View File

@@ -120,7 +120,7 @@ onBeforeUnmount(() => {
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;

View File

@@ -68,7 +68,7 @@ const { curComponent } = storeToRefs(dvMainStore)
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;

View File

@@ -142,7 +142,7 @@ const initOpenHandler = newWindow => {
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;
@@ -226,7 +226,7 @@ const initOpenHandler = newWindow => {
margin-top: 8px;
background: #fff;
height: 32px;
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dcdfe6;
display: flex;
color: #cccccc;

View File

@@ -180,7 +180,7 @@ onMounted(() => {
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;
@@ -264,7 +264,7 @@ onMounted(() => {
margin-top: 8px;
background: #fff;
height: 32px;
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dcdfe6;
display: flex;
color: #cccccc;

View File

@@ -239,7 +239,7 @@ onBeforeUnmount(() => {
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;
@@ -320,7 +320,7 @@ onBeforeUnmount(() => {
margin-top: 8px;
background: #fff;
height: 32px;
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dcdfe6;
display: flex;
color: #cccccc;

View File

@@ -37,7 +37,7 @@ const { urlInfo, active } = toRefs(props)
&:hover {
border: 1px dashed var(--ed-color-primary-99, rgba(51, 112, 255, 0.6));
}
border-radius: 4px;
border-radius: 6px;
background-color: #f5f6f7;
width: 80px;
height: 56px;

View File

@@ -23,7 +23,7 @@ withDefaults(
flex-direction: column;
align-content: center;
img {
border-radius: 4px;
border-radius: 6px;
width: 100%;
height: 100%;
}

View File

@@ -241,7 +241,7 @@ onBeforeUnmount(() => {
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;
@@ -324,7 +324,7 @@ onBeforeUnmount(() => {
margin-top: 8px;
background: #fff;
height: 32px;
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dcdfe6;
display: flex;
color: #cccccc;

View File

@@ -814,7 +814,7 @@ defineExpose({
<style lang="less">
.tox {
border-radius: 4px !important;
border-radius: 6px !important;
border-bottom: 1px solid #ccc !important;
z-index: 1000;
}

View File

@@ -1270,7 +1270,7 @@ const autoStyle = computed(() => {
padding: 4px 8px;
height: 26px;
width: 58px;
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dee0e3;
background: #fff;
box-shadow: 0px 4px 8px 0px rgba(31, 35, 41, 0.1);
@@ -1323,7 +1323,7 @@ const autoStyle = computed(() => {
padding: 4px 8px;
height: 26px;
width: 58px;
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dee0e3;
background: #fff;
box-shadow: 0px 4px 8px 0px rgba(31, 35, 41, 0.1);

View File

@@ -108,7 +108,7 @@ const color = computed(() => {
.num-search-select {
display: flex;
align-items: center;
border-radius: 4px;
border-radius: 6px;
.num-value_line {
background: #1f2329;
width: 12px;

View File

@@ -320,7 +320,7 @@ defineExpose({
.content {
height: 62px;
width: 852px;
border-radius: 4px;
border-radius: 6px;
background: var(--ed-color-primary-1a, rgba(51, 112, 255, 0.1));
position: relative;
padding: 9px 0 9px 40px;

View File

@@ -3663,7 +3663,7 @@ defineExpose({
font-family: var(--de-custom_font, 'PingFang');
width: 1152px;
height: 454px;
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dee0e3;
display: flex;
.ed-checkbox:not(.is-disabled) {

View File

@@ -52,7 +52,7 @@ export default HeaderMenuItem
}
.popper-class-menu {
min-width: 152px;
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dee0e3 !important;
.ed-menu--popup {

View File

@@ -37,7 +37,7 @@ const openBlank = () => {
&:hover,
&:active {
background-color: #1f23291a;
border-radius: 4px;
border-radius: 6px;
}
}

View File

@@ -46,7 +46,7 @@ const openBlank = () => {
&:hover,
&:active {
background-color: #1f23291a;
border-radius: 4px;
border-radius: 6px;
}
}

View File

@@ -38,7 +38,7 @@ const skeletonContent = h(
.skeleton-bar {
height: 16px;
margin-bottom: 12px;
border-radius: 4px;
border-radius: 6px;
background: linear-gradient(90deg, #f0f0f0 25%, #e8e8e8 50%, #f0f0f0 75%);
background-size: 200% 100%;
animation: shimmer 1.5s infinite;

View File

@@ -12,6 +12,7 @@
--ed-disabled-border-color: #d9dcdf !important;
--ed-border-color-light: #dee0e3 !important;
--ed-border-color-lighter: #dee0e3 !important;
--ed-popover-border-radius: 6px !important;
}
body {
@@ -59,7 +60,7 @@ body {
.list-item_primary {
height: 40px;
border-radius: 4px;
border-radius: 6px;
padding: 8px 12px;
cursor: pointer;
display: flex;
@@ -185,7 +186,7 @@ body {
.tree-icon {
cursor: pointer;
font-size: 16px;
border-radius: 4px;
border-radius: 6px;
}
.hover-icon-in-table {
@@ -224,7 +225,7 @@ body {
width: 26px !important;
height: 26px !important;
color: rgba(255, 255, 255, 1);
border-radius: 4px;
border-radius: 6px;
&:hover {
background: rgba(235, 235, 235, 0.1);
@@ -303,7 +304,7 @@ body {
display: none;
width: 22px;
height: 22px;
border-radius: 4px;
border-radius: 6px;
}
&:hover {
@@ -644,7 +645,7 @@ strong {
.de-main_scrollbar {
::-webkit-scrollbar-thumb {
border-radius: 4px;
border-radius: 6px;
background: #1f23294d;
}
@@ -803,7 +804,7 @@ strong {
.ed-select__popper {
padding: 0 4px !important;
.ed-select-dropdown__item {
border-radius: 4px;
border-radius: 6px;
}
.ed-select-dropdown__list {
@@ -821,3 +822,20 @@ strong {
.ed-message-box {
--ed-messagebox-border-radius: 12px !important;
}
.ed-popover.ed-popover {
--ed-popover-border-radius: 6px;
}
.ed-popper__arrow {
width: 10px !important;
height: 10px !important;
}
.ed-popper[data-popper-placement^='top'] > .ed-popper__arrow {
bottom: -5px !important;
}
.ed-popper[data-popper-placement^='right'] > .ed-popper__arrow {
left: -5px !important;
}

View File

@@ -238,13 +238,13 @@ const update = (licKey: string) => {
<style lang="less">
.about-dialog {
img {
border-radius: 4px;
border-radius: 6px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.color-overlay {
position: absolute;
border-radius: 4px;
border-radius: 6px;
width: 792px;
height: 180px;
top: 72px;
@@ -260,7 +260,7 @@ const update = (licKey: string) => {
}
.content {
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dee0e3;
border-top-left-radius: 0;
border-top-right-radius: 0;

View File

@@ -163,7 +163,7 @@ const groupActiveChange = category => {
white-space: nowrap;
list-style-type: none;
list-style-position: inside;
border-radius: 4px;
border-radius: 6px;
padding-left: 8px;
&:hover {
background: rgba(255, 255, 255, 0.1);
@@ -210,7 +210,7 @@ const groupActiveChange = category => {
width: 88px;
height: 64px;
background: transparent;
border-radius: 4px;
border-radius: 6px;
cursor: pointer;
display: flex;
align-items: center;

View File

@@ -741,7 +741,7 @@ onMounted(() => {
height: 28px;
line-height: 28px;
display: flex;
border-radius: 4px;
border-radius: 6px;
box-sizing: border-box;
white-space: nowrap;
width: 100%;

View File

@@ -349,7 +349,7 @@ onMounted(() => {
height: 28px;
line-height: 28px;
display: flex;
border-radius: 4px;
border-radius: 6px;
box-sizing: border-box;
white-space: nowrap;
width: 100%;

View File

@@ -164,7 +164,7 @@ onMounted(() => {
height: 28px;
line-height: 28px;
display: flex;
border-radius: 4px;
border-radius: 6px;
box-sizing: border-box;
white-space: nowrap;
width: 100%;

View File

@@ -900,7 +900,7 @@ onMounted(() => {
height: 28px;
line-height: 28px;
display: flex;
border-radius: 4px;
border-radius: 6px;
box-sizing: border-box;
white-space: nowrap;
width: 100%;

View File

@@ -133,7 +133,7 @@ init()
padding: 2px;
margin: 2px;
border: 1px solid #dee0e3;
border-radius: 4px;
border-radius: 6px;
text-align: left;
color: #606266;
background-color: white;

View File

@@ -134,7 +134,7 @@ init()
padding: 2px;
margin: 2px;
border: 1px solid #dee0e3;
border-radius: 4px;
border-radius: 6px;
text-align: left;
color: #606266;
background-color: white;

View File

@@ -1287,7 +1287,7 @@ span {
}
.threshold-container {
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dee0e3;
margin-top: 8px;

View File

@@ -336,7 +336,7 @@ onMounted(() => {
<style lang="less" scoped>
.line-item {
width: 100%;
border-radius: 4px;
border-radius: 6px;
padding: 4px;
display: flex;
justify-content: left;

View File

@@ -488,7 +488,7 @@ init()
<style lang="less" scoped>
.field-item {
width: 100%;
border-radius: 4px;
border-radius: 6px;
padding: 10px 16px;
margin-top: 10px;
background: #f5f6f7;
@@ -560,7 +560,7 @@ span {
.tip {
font-size: 12px;
background: #d6e2ff;
border-radius: 4px;
border-radius: 6px;
padding: 10px 20px;
display: flex;
align-items: center;

View File

@@ -510,7 +510,7 @@ init()
<style lang="less" scoped>
.field-item {
width: 100%;
border-radius: 4px;
border-radius: 6px;
padding: 10px 16px;
margin-top: 10px;
background: #f5f6f7;
@@ -582,7 +582,7 @@ span {
.tip {
font-size: 12px;
background: #d6e2ff;
border-radius: 4px;
border-radius: 6px;
padding: 10px 20px;
display: flex;
align-items: center;

View File

@@ -938,7 +938,7 @@ init()
<style lang="less" scoped>
.field-item {
width: 100%;
border-radius: 4px;
border-radius: 6px;
padding: 10px 16px;
margin-top: 10px;
background: #f5f6f7;
@@ -1004,7 +1004,7 @@ span {
.tip {
font-size: 12px;
background: #d6e2ff;
border-radius: 4px;
border-radius: 6px;
padding: 10px 20px;
display: flex;
align-items: center;

View File

@@ -152,7 +152,7 @@ init()
<style lang="less" scoped>
.line-item {
width: 100%;
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dcdfe6;
padding: 4px 14px;
margin-bottom: 10px;

View File

@@ -213,7 +213,7 @@ init()
<style lang="less" scoped>
.line-item {
width: 100%;
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dcdfe6;
padding: 4px 14px;
margin-bottom: 10px;

View File

@@ -848,7 +848,7 @@ const onPlaceholderChange = () => {
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;
@@ -925,7 +925,7 @@ const onPlaceholderChange = () => {
width: 24px;
height: 24px;
text-align: center;
border-radius: 4px;
border-radius: 6px;
padding-top: 4px;
color: #1f2329;

View File

@@ -1711,7 +1711,7 @@ onMounted(async () => {
.ed-select {
width: 100px !important;
:deep(.ed-input__wrapper) {
border-radius: 4px 0 0 4px !important;
border-radius: 6px 0 0 4px !important;
}
}
.ed-input-group {
@@ -1753,7 +1753,7 @@ onMounted(async () => {
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;
@@ -1818,7 +1818,7 @@ onMounted(async () => {
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;

View File

@@ -511,7 +511,7 @@ onMounted(() => {
.ed-select {
width: 100px !important;
:deep(.ed-input__wrapper) {
border-radius: 4px 0 0 4px !important;
border-radius: 6px 0 0 4px !important;
}
}
.ed-input-group {

View File

@@ -319,7 +319,7 @@ defineExpose({ getFormData })
width: 24px;
height: 24px;
text-align: center;
border-radius: 4px;
border-radius: 6px;
padding-top: 4px;
color: #1f2329;

View File

@@ -600,7 +600,7 @@ defineExpose({ getFormData })
width: 24px;
height: 24px;
text-align: center;
border-radius: 4px;
border-radius: 6px;
padding-top: 4px;
color: #1f2329;

View File

@@ -801,7 +801,7 @@ onMounted(() => {
width: 24px;
height: 24px;
text-align: center;
border-radius: 4px;
border-radius: 6px;
padding-top: 4px;
color: #1f2329;

View File

@@ -353,7 +353,7 @@ onMounted(() => {
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;
@@ -418,7 +418,7 @@ onMounted(() => {
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;

View File

@@ -420,7 +420,7 @@ watch(
width: 24px;
height: 24px;
text-align: center;
border-radius: 4px;
border-radius: 6px;
padding-top: 4px;
color: #1f2329;

View File

@@ -435,12 +435,12 @@ initFunction()
border: 1px solid var(--deCardStrokeColor, #dee0e3);
box-sizing: border-box;
height: 500px;
border-radius: 4px;
border-radius: 6px;
}
}
.hover-icon_quota {
cursor: pointer;
border-radius: 4px;
border-radius: 6px;
font-size: 16px;
position: relative;
@@ -451,7 +451,7 @@ initFunction()
width: 24px;
height: 24px;
background: rgba(31, 35, 41, 0.1);
border-radius: 4px;
border-radius: 6px;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
@@ -465,7 +465,7 @@ initFunction()
width: 24px;
height: 24px;
background: rgba(31, 35, 41, 0.1);
border-radius: 4px;
border-radius: 6px;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
@@ -479,7 +479,7 @@ initFunction()
width: 24px;
height: 24px;
background: rgba(31, 35, 41, 0.2);
border-radius: 4px;
border-radius: 6px;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
@@ -521,7 +521,7 @@ initFunction()
height: 28px;
margin-top: 4px;
word-break: break-all;
border-radius: 4px;
border-radius: 6px;
.icon-right {
display: none;
@@ -558,7 +558,7 @@ initFunction()
min-height: 28px;
padding: 0px 8px;
margin-bottom: 4px;
border-radius: 4px;
border-radius: 6px;
color: #1f2329;
&:hover {
background: rgba(31, 35, 41, 0.1);

View File

@@ -648,7 +648,7 @@ onMounted(() => {
height: 24px;
text-align: center;
vertical-align: middle;
border-radius: 4px;
border-radius: 6px;
padding-top: 4px;
color: #1f2329;

View File

@@ -1011,7 +1011,7 @@ onMounted(() => {
width: 24px;
height: 24px;
text-align: center;
border-radius: 4px;
border-radius: 6px;
padding-top: 4px;
color: #1f2329;

View File

@@ -106,7 +106,7 @@ defineExpose({
min-height: 67px;
width: 100%;
padding: 16px;
border-radius: 4px;
border-radius: 6px;
border: 1px solid var(--deBorderBase, #dcdfe6);
overflow: auto;
max-height: 500px;

View File

@@ -1110,7 +1110,7 @@ const emits = defineEmits(['update:item', 'del'])
:nth-child(2) {
height: 26px;
line-height: 26px;
border-radius: 4px;
border-radius: 6px;
padding: 0 4px;
color: var(--ed-color-primary, #3370ff);
&:hover {
@@ -1160,7 +1160,7 @@ const emits = defineEmits(['update:item', 'del'])
width: 24px;
margin: 0px;
height: 24px;
border-radius: 4px;
border-radius: 6px;
background-color: #1f23291a;
}
}
@@ -1204,7 +1204,7 @@ const emits = defineEmits(['update:item', 'del'])
margin: 5px 0;
background-color: #fff;
border: 1px solid #ebeef5;
border-radius: 4px;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
margin-top: 12px;
position: absolute;

View File

@@ -930,7 +930,7 @@ const emits = defineEmits(['update:item', 'del'])
:nth-child(2) {
height: 26px;
line-height: 26px;
border-radius: 4px;
border-radius: 6px;
padding: 0 4px;
color: var(--ed-color-primary, #3370ff);
&:hover {
@@ -979,7 +979,7 @@ const emits = defineEmits(['update:item', 'del'])
width: 24px;
margin: 0px;
height: 24px;
border-radius: 4px;
border-radius: 6px;
background-color: #1f23291a;
}
}
@@ -1023,7 +1023,7 @@ const emits = defineEmits(['update:item', 'del'])
margin: 5px 0;
background-color: #fff;
border: 1px solid #ebeef5;
border-radius: 4px;
border-radius: 6px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
margin-top: 12px;
position: absolute;

View File

@@ -4257,7 +4257,7 @@ const chartStyleScroll = (val: any) => {
.items {
width: 100%;
height: 28px;
border-radius: 4px;
border-radius: 6px;
border: 1px solid transparent;
color: #a6a6a6;
font-size: 12px;
@@ -4646,7 +4646,7 @@ span {
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
border-radius: 4px;
border-radius: 6px;
border: 1px solid transparent;
font-size: 12px;
@@ -4795,7 +4795,7 @@ span {
padding: 2px 0 0 0;
width: 100%;
min-height: 32px;
border-radius: 4px;
border-radius: 6px;
overflow-x: hidden;
overflow-y: hidden;
display: block;
@@ -4843,7 +4843,7 @@ span {
margin-top: 8px;
background: #fff;
height: 28px;
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dcdfe6;
display: flex;
color: #cccccc;
@@ -5014,7 +5014,7 @@ span {
position: absolute;
width: 24px;
height: 24px;
border-radius: 4px;
border-radius: 6px;
top: -4px;
left: -4px;
background: rgba(31, 35, 41, 0.1);
@@ -5434,7 +5434,7 @@ span {
width: 100%;
outline: none;
border: 1px solid #295acc;
border-radius: 4px;
border-radius: 6px;
padding: 0 4px;
height: 100%;
}
@@ -5449,7 +5449,7 @@ span {
background-color: #050e21;
outline: none;
border: 1px solid #295acc;
border-radius: 4px;
border-radius: 6px;
padding: 0 4px;
height: 100%;
}

View File

@@ -36,7 +36,7 @@ defineExpose({
<style lang="less">
.market-create-dialog {
border-radius: 4px !important;
border-radius: 6px !important;
padding: 0 !important;
overflow: hidden;

View File

@@ -423,7 +423,7 @@ const emits = defineEmits(['finish'])
width: 552px;
height: 380px;
border: 1px solid #dee0e3;
border-radius: 4px;
border-radius: 6px;
padding: 8px;
overflow-y: auto;
.empty-search {

View File

@@ -1010,7 +1010,7 @@ defineExpose({
}
.icon-screen-new {
border-radius: 4px;
border-radius: 6px;
color: #fff;
padding: 3px;
}
@@ -1030,7 +1030,7 @@ defineExpose({
}
.ed-icon {
border-radius: 4px;
border-radius: 6px;
}
}

View File

@@ -238,7 +238,7 @@ watch(
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;
@@ -291,7 +291,7 @@ watch(
:deep(.ed-upload--picture-card) {
background: #eff0f1;
border: 1px dashed #dee0e3;
border-radius: 4px;
border-radius: 6px;
.ed-icon {
color: #1f2329;

View File

@@ -398,7 +398,7 @@ const save = () => {
.switch-pc {
&::after {
content: '';
border-radius: 4px;
border-radius: 6px;
display: none;
position: absolute;
width: calc(100% + 10px);
@@ -578,7 +578,7 @@ const save = () => {
float: left;
background: #fff;
padding: 4px;
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dee0e3;
&:nth-child(2n) {
margin-right: -1px;
@@ -615,7 +615,7 @@ const save = () => {
top: 12px;
right: 12px;
border: 2px solid #8f959e;
border-radius: 4px;
border-radius: 6px;
z-index: 24;
cursor: pointer;
&:hover {

View File

@@ -237,7 +237,7 @@ onBeforeMount(() => {
}
.preview {
border-radius: 4px;
border-radius: 6px;
width: 100%;
height: 100% !important;
overflow: hidden;
@@ -482,13 +482,13 @@ span {
.outer-content {
height: 340px;
border-radius: 4px;
border-radius: 6px;
}
.padding-lr {
height: 500px;
border: 1px solid var(--deCardStrokeColor, #dee0e3);
border-radius: 4px;
border-radius: 6px;
padding: 12px;
box-sizing: border-box;
margin-left: 12px;

View File

@@ -291,7 +291,7 @@ const initOpenHandler = newWindow => {
margin-left: 12px;
cursor: pointer;
font-size: 20px;
border-radius: 4px;
border-radius: 6px;
position: relative;
&:hover {
&::after {
@@ -299,7 +299,7 @@ const initOpenHandler = newWindow => {
position: absolute;
top: -4px;
left: -4px;
border-radius: 4px;
border-radius: 6px;
height: 28px;
width: 28px;
background: #1f23291a;

View File

@@ -471,7 +471,7 @@ onMounted(async () => {
padding-top: 20px;
box-shadow: 0px 6px 24px rgba(31, 35, 41, 0.08);
border: 1px solid #dee0e3;
border-radius: 4px;
border-radius: 6px;
.login-input-module {
width: 100%;

View File

@@ -315,7 +315,7 @@ watch(
font-size: 18px;
padding: 3px;
margin-right: 12px;
border-radius: 4px;
border-radius: 6px;
color: #fff;
background: var(--ed-color-primary, #3370ff);
}

View File

@@ -812,7 +812,7 @@ onMounted(() => {
.input-suffix-btn {
width: 24px;
height: 24px;
border-radius: 4px;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;

View File

@@ -359,7 +359,7 @@ onMounted(() => {
&:hover {
cursor: pointer;
background-color: #1f23291a;
border-radius: 4px;
border-radius: 6px;
}
svg {
width: 20px;

View File

@@ -840,7 +840,7 @@ defineExpose({
.input-suffix-btn {
width: 24px;
height: 24px;
border-radius: 4px;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;

View File

@@ -439,7 +439,7 @@ defineExpose({
padding: 4px;
width: 24px;
height: 24px;
border-radius: 4px;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;

View File

@@ -47,7 +47,7 @@ const handleCommand = (command: string) => {
height: auto;
padding: 8px 16px;
display: flex;
border-radius: 4px;
border-radius: 6px;
}
.inactivate-button {
display: flex;

View File

@@ -40,7 +40,7 @@ const del = () => {
width: 100%;
height: 58px;
padding: 0 16px 0 12px;
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dee0e3;
.font {
font-size: 40px;

View File

@@ -219,7 +219,7 @@ onMounted(() => {
row-gap: 16px;
justify-content: space-between;
.font-content_item {
border-radius: 4px;
border-radius: 6px;
background: #fff;
width: calc(50% - 8px);
position: relative;

View File

@@ -39,7 +39,7 @@ const { t } = useI18n()
.user-tabs {
width: 200px;
height: 201px;
border-radius: 4px;
border-radius: 6px;
background: #fff;
padding: 16px;
.list-item_primary {
@@ -75,7 +75,7 @@ const { t } = useI18n()
align-items: center;
width: 100%;
padding: 16px 24px 16px 24px;
border-radius: 4px;
border-radius: 6px;
border: 1px solid #dee0e3;
.bind {
font-size: 48px;
@@ -110,7 +110,7 @@ const { t } = useI18n()
}
}
padding: 20px 24px 24px 24px;
border-radius: 4px;
border-radius: 6px;
background: #fff;
.role {
& + .role {

View File

@@ -58,7 +58,7 @@ const selectHandler = (index: number) => {
height: 40px;
padding: 9px 8px;
line-height: 22px;
border-radius: 4px;
border-radius: 6px;
font-size: 14px;
font-weight: 400;
cursor: pointer;

Some files were not shown because too many files have changed in this diff Show More