From 965c36667ce0e02a660968bf8fd371d7dcfe2a00 Mon Sep 17 00:00:00 2001 From: chenghx <chenghx@nfex.com> Date: Tue, 7 Aug 2018 09:36:34 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8DDetailList=E5=BD=B1=E5=93=8D?= =?UTF-8?q?=E5=85=B6=E4=BB=96=E7=BB=84=E4=BB=B6css=E6=A0=B7=E5=BC=8F?= =?UTF-8?q?=E7=9A=84bug?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/detail/BasicDetail.vue | 2 +- src/components/tool/DetailList.vue | 60 +++++++++++++-------------- 2 files changed, 30 insertions(+), 32 deletions(-) diff --git a/src/components/detail/BasicDetail.vue b/src/components/detail/BasicDetail.vue index da227ee..109bc7d 100644 --- a/src/components/detail/BasicDetail.vue +++ b/src/components/detail/BasicDetail.vue @@ -175,7 +175,7 @@ const scheduleData = [ rate: '申请审批通过', status: 'success', operator: '系统', - cost: '1h', + cost: '1h' }, { key: '5', diff --git a/src/components/tool/DetailList.vue b/src/components/tool/DetailList.vue index 781e098..fc1e604 100644 --- a/src/components/tool/DetailList.vue +++ b/src/components/tool/DetailList.vue @@ -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>