样式修改

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

View File

@@ -13,7 +13,7 @@
<div class="fs12" v-for="(item, index) in list" :key="index"> <div class="fs12" v-for="(item, index) in list" :key="index">
<div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)"> <div class="bg-white pv15 pr15 pl10" @click="goToDetail(item.policyNo)">
<cellLine :text="item.riskName" size="large"></cellLine> <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.appntName"></cellLine>
<cellLine title="被保人" :text="item.insuredName"></cellLine> <cellLine title="被保人" :text="item.insuredName"></cellLine>
<cellLine title="保额(元)" :text="item.amount"></cellLine> <cellLine title="保额(元)" :text="item.amount"></cellLine>