You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
1.2 KiB
74 lines
1.2 KiB
<template> |
|
<view class="mz-card"> |
|
<view class="cover-img"> |
|
<u-image mode="aspectFill" class="img" :src="cover" width="100%" :height="coverHeight"></u-image> |
|
</view> |
|
<view class="card-title-container"> |
|
<view class="title"> |
|
<slot name="title">{{ title }}</slot> |
|
</view> |
|
<view class="desc"> |
|
<slot name="desc"> |
|
<view class="desc-container row"> |
|
<view class="desc-text">{{ desc }}</view> |
|
<view class="extends">{{ ext }}</view> |
|
</view> |
|
</slot> |
|
</view> |
|
</view> |
|
<view class="card-content" v-show="isContent"> |
|
<view class="content"> |
|
<slot name="content"></slot> |
|
</view> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
name: 'MzCard', |
|
props: { |
|
title: { |
|
type: String, |
|
default: 'XXXXX' |
|
}, |
|
coverHeight: { |
|
type: String, |
|
default: '200rpx' |
|
}, |
|
isContent: { |
|
type: Boolean, |
|
default: true |
|
}, |
|
desc: { |
|
type: String, |
|
default: '暖新币' |
|
}, |
|
ext: { |
|
type: String, |
|
default: 'XX币' |
|
}, |
|
cover: { |
|
type: String, |
|
default: '' |
|
}, |
|
|
|
}, |
|
data() { |
|
return { |
|
loading: true, |
|
} |
|
}, |
|
onLoad() { |
|
|
|
}, |
|
mounted() { |
|
|
|
}, |
|
methods: {} |
|
} |
|
</script> |
|
|
|
<style lang="scss"> |
|
@import './components/index.scss'; |
|
</style> |