49 lines
814 B
Vue
49 lines
814 B
Vue
<template>
|
|
<view class="card">
|
|
<!-- head -->
|
|
<!-- <view v-if="showhead" class="p-2 main-border-color card_"
|
|
:class="getHeadClass"> -->
|
|
<view>
|
|
<slot name="title">
|
|
|
|
<text class="font-md "
|
|
>{{headTitle}}</text>
|
|
</slot>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props:{
|
|
bodyStyle:String,
|
|
// 头部标题
|
|
headTitle:String,
|
|
// 封面图
|
|
bodyCover:String,
|
|
// 是否显示头部
|
|
showhead:{
|
|
type:Boolean,
|
|
default:true
|
|
},
|
|
// 是否显示下边线
|
|
headBorderBottom:{
|
|
type:Boolean,
|
|
default:true
|
|
},
|
|
},
|
|
computed: {
|
|
// getHeadClass() {
|
|
// let BorderBottom = this.headBorderBottom ? 'border-bottom':''
|
|
// return `${BorderBottom}`
|
|
// },
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.card_{
|
|
width: 187upx; height: 25upx;
|
|
}
|
|
</style>
|