blackteay/vue-antd-admin
1
0
Fork 0
mirror of https://github.com/iczer/vue-antd-admin synced 2025-04-06 04:00:06 +08:00
Code Issues Projects Releases Wiki Activity

修复DetailList影响其他组件css样式的bug

Browse Source
This commit is contained in:
chenghx 2018-08-07 09:36:34 +08:00
parent 4711a8556c
commit 965c36667c
2 changed files with 30 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/detail/BasicDetail.vue
View File

@ -175,7 +175,7 @@ const scheduleData = [
rate: '申请审批通过', rate: '申请审批通过',
status: 'success', status: 'success',
operator: '系统', operator: '系统',
cost: '1h', cost: '1h'
}, },
{ {
key: '5', key: '5',

60
src/components/tool/DetailList.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div> <div class="detail-list">
<div class="title">{{title}}</div> <div class="title">{{title}}</div>
<a-row> <a-row>
<slot></slot> <slot></slot>
@ -67,36 +67,34 @@ export default {
</script> </script>
<style lang="less"> <style lang="less">
.title { .detail-list{
font-size: 16px; .title {
color: rgba(0,0,0,.85); font-size: 16px;
font-weight: 500; color: rgba(0,0,0,.85);
margin-bottom: 16px; font-weight: 500;
} margin-bottom: 16px;
.term { }
// Line-height is 22px IE dom height will calculate error .term {
line-height: 20px; // Line-height is 22px IE dom height will calculate error
padding-bottom: 16px; line-height: 20px;
margin-right: 8px; padding-bottom: 16px;
color: rgba(0,0,0,.85); margin-right: 8px;
white-space: nowrap; color: rgba(0,0,0,.85);
display: table-cell; white-space: nowrap;
&:after { display: table-cell;
content: ':'; &:after {
margin: 0 8px 0 2px; content: ':';
position: relative; margin: 0 8px 0 2px;
top: -0.5px; position: relative;
top: -0.5px;
}
}
.content{
line-height: 22px;
width: 100%;
padding-bottom: 16px;
color: rgba(0,0,0,.85);
display: table-cell;
} }
} }
.content{
line-height: 22px;
width: 100%;
padding-bottom: 16px;
color: rgba(0,0,0,.85);
display: table-cell;
}
.term,
.content{
padding-bottom: 8px;
}
</style> </style>