mirror of
https://github.com/dataease/dataease.git
synced 2026-05-18 09:48:10 +08:00
fix: 样式优化
This commit is contained in:
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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%;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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'] {
|
||||
|
||||
@@ -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%;
|
||||
}
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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(
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -120,7 +120,7 @@ defineExpose({
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #f5f6f7;
|
||||
border-radius: 4px;
|
||||
border-radius: 6px;
|
||||
position: relative;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -104,7 +104,7 @@ tinymce.init({})
|
||||
}
|
||||
|
||||
.tox {
|
||||
border-radius: 4px !important;
|
||||
border-radius: 6px !important;
|
||||
border-bottom: 1px solid #ccc !important;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -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%;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -437,7 +437,7 @@ onMounted(() => {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
border-radius: 6px;
|
||||
padding-top: 4px;
|
||||
|
||||
color: #1f2329;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -23,7 +23,7 @@ withDefaults(
|
||||
flex-direction: column;
|
||||
align-content: center;
|
||||
img {
|
||||
border-radius: 4px;
|
||||
border-radius: 6px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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) {
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -37,7 +37,7 @@ const openBlank = () => {
|
||||
&:hover,
|
||||
&:active {
|
||||
background-color: #1f23291a;
|
||||
border-radius: 4px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -46,7 +46,7 @@ const openBlank = () => {
|
||||
&:hover,
|
||||
&:active {
|
||||
background-color: #1f23291a;
|
||||
border-radius: 4px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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%;
|
||||
|
||||
@@ -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%;
|
||||
|
||||
@@ -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%;
|
||||
|
||||
@@ -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%;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -1287,7 +1287,7 @@ span {
|
||||
}
|
||||
|
||||
.threshold-container {
|
||||
border-radius: 4px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #dee0e3;
|
||||
|
||||
margin-top: 8px;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -319,7 +319,7 @@ defineExpose({ getFormData })
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
border-radius: 6px;
|
||||
padding-top: 4px;
|
||||
|
||||
color: #1f2329;
|
||||
|
||||
@@ -600,7 +600,7 @@ defineExpose({ getFormData })
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
border-radius: 6px;
|
||||
padding-top: 4px;
|
||||
|
||||
color: #1f2329;
|
||||
|
||||
@@ -801,7 +801,7 @@ onMounted(() => {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
border-radius: 6px;
|
||||
padding-top: 4px;
|
||||
|
||||
color: #1f2329;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -420,7 +420,7 @@ watch(
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
border-radius: 6px;
|
||||
padding-top: 4px;
|
||||
|
||||
color: #1f2329;
|
||||
|
||||
@@ -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);
|
||||
|
||||
@@ -648,7 +648,7 @@ onMounted(() => {
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
border-radius: 4px;
|
||||
border-radius: 6px;
|
||||
padding-top: 4px;
|
||||
|
||||
color: #1f2329;
|
||||
|
||||
@@ -1011,7 +1011,7 @@ onMounted(() => {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
border-radius: 4px;
|
||||
border-radius: 6px;
|
||||
padding-top: 4px;
|
||||
|
||||
color: #1f2329;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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%;
|
||||
}
|
||||
|
||||
@@ -36,7 +36,7 @@ defineExpose({
|
||||
|
||||
<style lang="less">
|
||||
.market-create-dialog {
|
||||
border-radius: 4px !important;
|
||||
border-radius: 6px !important;
|
||||
padding: 0 !important;
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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%;
|
||||
|
||||
@@ -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);
|
||||
}
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -359,7 +359,7 @@ onMounted(() => {
|
||||
&:hover {
|
||||
cursor: pointer;
|
||||
background-color: #1f23291a;
|
||||
border-radius: 4px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
svg {
|
||||
width: 20px;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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 {
|
||||
|
||||
@@ -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
Reference in New Issue
Block a user