style: 格式化样式

pull/175/head
lrl 2025-07-15 13:25:44 +08:00
parent 6ce1363dea
commit e88c17f7e2
3 changed files with 13 additions and 10 deletions

View File

@ -485,14 +485,17 @@ onMounted(async () => {
background-color: #fff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
} }
.product-description :deep(img) { .product-description :deep(img) {
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
.product-description :deep(table) { .product-description :deep(table) {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
} }
.product-description :deep(table td) { .product-description :deep(table td) {
padding: 8px; padding: 8px;
border: 1px solid #eee; border: 1px solid #eee;

View File

@ -226,7 +226,7 @@ onMounted(async () => {
v-for="(item, index) in formData.applyPicUrls" v-for="(item, index) in formData.applyPicUrls"
:key="index" :key="index"
:src="item" :src="item"
style="margin-right: 10px; height: 60px; width: 60px" style="width: 60px; height: 60px; margin-right: 10px"
:preview-src-list="formData.applyPicUrls ?? []" :preview-src-list="formData.applyPicUrls ?? []"
/> />
</ElDescriptionsItem> </ElDescriptionsItem>
@ -379,8 +379,8 @@ onMounted(async () => {
width: 3px; width: 3px;
height: 20px; height: 20px;
margin-right: 10px; margin-right: 10px;
background-color: #409eff;
content: ''; content: '';
background-color: #409eff;
} }
} }
@ -415,14 +415,14 @@ onMounted(async () => {
/* 单独定义气泡样式,不使用嵌套 */ /* 单独定义气泡样式,不使用嵌套 */
:deep(.el-timeline-right-content) { :deep(.el-timeline-right-content) {
position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
min-height: 30px; min-height: 30px;
padding: 10px; padding: 10px;
margin-left: 10px;
background-color: #f5f7fa; /* 使用明确的颜色替代变量 */ background-color: #f5f7fa; /* 使用明确的颜色替代变量 */
border-radius: 4px; border-radius: 4px;
position: relative;
margin-left: 10px;
} }
:deep(.el-timeline-right-content)::before { :deep(.el-timeline-right-content)::before {
@ -430,9 +430,9 @@ onMounted(async () => {
top: 10px; top: 10px;
left: -16px; left: -16px;
content: ''; content: '';
border-width: 8px;
border-style: solid;
border-color: transparent #f5f7fa transparent transparent; border-color: transparent #f5f7fa transparent transparent;
border-style: solid;
border-width: 8px;
} }
.dot-node-style { .dot-node-style {

View File

@ -526,14 +526,14 @@ onMounted(async () => {
/* 单独定义气泡样式,不使用嵌套 */ /* 单独定义气泡样式,不使用嵌套 */
:deep(.el-timeline-right-content) { :deep(.el-timeline-right-content) {
position: relative;
display: flex; display: flex;
align-items: center; align-items: center;
min-height: 30px; min-height: 30px;
padding: 10px; padding: 10px;
margin-left: 10px;
background-color: #f5f7fa; /* 使用明确的颜色替代变量 */ background-color: #f5f7fa; /* 使用明确的颜色替代变量 */
border-radius: 4px; border-radius: 4px;
position: relative;
margin-left: 10px;
} }
:deep(.el-timeline-right-content)::before { :deep(.el-timeline-right-content)::before {
@ -541,9 +541,9 @@ onMounted(async () => {
top: 10px; top: 10px;
left: -16px; left: -16px;
content: ''; content: '';
border-width: 8px;
border-style: solid;
border-color: transparent #f5f7fa transparent transparent; border-color: transparent #f5f7fa transparent transparent;
border-style: solid;
border-width: 8px;
} }
.dot-node-style { .dot-node-style {