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

master
chenghx 7 years ago
parent 4711a8556c
commit 965c36667c
  1. 2
      src/components/detail/BasicDetail.vue
  2. 60
      src/components/tool/DetailList.vue

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

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

Loading…
Cancel
Save