forked from opentiny/tiny-vue
68 lines
1.8 KiB
Vue
68 lines
1.8 KiB
Vue
<template>
|
|
<div class="h-64 w-full p-5 bg-color-bg-5">
|
|
<tiny-standard-list-item
|
|
:show-image="true"
|
|
:user-head="userHeadOption"
|
|
:options="iconOptions"
|
|
:tag="tagOption"
|
|
:data="data"
|
|
class="bg-color-bg-1"
|
|
>
|
|
</tiny-standard-list-item>
|
|
<tiny-standard-list-item :show-image="true" :icon="icon" :options="iconOptions" :data="data" class="bg-color-bg-1">
|
|
</tiny-standard-list-item>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import { StandardListItem } from '@opentiny/vue'
|
|
import { IconDel, IconWriting, IconAscending, IconShare, IconHelp } from '@opentiny/vue-icon'
|
|
|
|
export default {
|
|
components: {
|
|
TinyStandardListItem: StandardListItem
|
|
},
|
|
data() {
|
|
return {
|
|
data: {
|
|
title: '关晓雨',
|
|
subTitle: '080907086',
|
|
desc: '这是一段描述文本这是一段描述文本这是一段描述文本这是一段描述文本这是一段描述文本这是一段描述文本这是一段描述文本这是一段描述文本这是一段描述文本这是一段描述文本这是一段描述文本这是一段描述文本'
|
|
},
|
|
icon: {
|
|
name: IconHelp(),
|
|
color: '#FF5500'
|
|
},
|
|
tagOption: {
|
|
size: 'mini',
|
|
data: [{ type: 'success', name: '进行中' }]
|
|
},
|
|
userHeadOption: {
|
|
type: 'image',
|
|
size: 40,
|
|
value: `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/1.jpg`,
|
|
round: true
|
|
},
|
|
iconOptions: [
|
|
{
|
|
text: '删除列表',
|
|
icon: IconDel()
|
|
},
|
|
{
|
|
text: '编辑',
|
|
icon: IconWriting()
|
|
},
|
|
{
|
|
text: '排序',
|
|
icon: IconAscending()
|
|
},
|
|
{
|
|
text: '分享',
|
|
icon: IconShare()
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
</script>
|