样式修改

This commit is contained in:
na.guo
2020-09-02 11:17:27 +08:00
parent c78dcac436
commit 13d523bbad
2 changed files with 15 additions and 6 deletions

View File

@@ -1,7 +1,12 @@
<!-- -->
<template>
<div class="cellLine" :class="size">
<span :style="{ color: fontColor }" v-if="title" class="name">{{ title }}:</span>
<template v-if="dwidth">
<span :style="{ color: fontColor }" class="name">{{ title }}:</span>
</template>
<template v-else>
<div v-if="title" class="name">{{ title }}:</div>
</template>
<span :style="{ color: fontColor }" v-if="text"> {{ text }}</span>
<span v-else> 暂无</span>
</div>
@@ -14,7 +19,7 @@ export default {
data() {
return {}
},
props: ['title', 'text', 'fontColor', 'size'],
props: ['title', 'text', 'fontColor', 'size', 'dwidth'],
name: 'cellLine',
components: {},
computed: {},
@@ -25,13 +30,17 @@ export default {
<style lang="scss" scoped>
.cellLine {
padding: 3px;
font-size: 12px;
font-size: 14px;
color: #000;
}
div.name {
display: inline-block;
width: 28%;
}
.large {
font-size: 14px;
font-size: 16px;
}
.small {
font-size: 10px;
font-size: 12px;
}
</style>

View File

@@ -13,7 +13,7 @@
<div class="fs12" v-for="(item, index) in list" :key="index">
<div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
<cellLine :text="item.riskName" size="large"></cellLine>
<cellLine title="保单号" :text="item.policyNo" fontColor="#7d7e80" size="small"></cellLine>
<cellLine title="保单号" dwidth="0" :text="item.policyNo" fontColor="#7d7e80" size="small"></cellLine>
<cellLine title="投保人" :text="item.appntName"></cellLine>
<cellLine title="被保人" :text="item.insuredName"></cellLine>
<cellLine title="保额(元)" :text="item.amount"></cellLine>