4.0.0 • Published 4 years ago

@huteming/ui-panel v4.0.0

Weekly downloads
2
License
ISC
Repository
-
Last release
4 years ago

面板

引入

import { TmPanel } from '@huteming/ui'

Vue.use(TmPanel)
// Vue.component(TmPanel.name, TmPanel)

例子

<tm-panel
    image="http://jhsy-img.caizhu.com/Fr2mInO7RA7KfVwpO6EcL1E7NyE5"
    title="张萌人生效率手册：时间管理课高效人生的法制，时间管理方法论张萌人生效率手册：时间管理课高效人生的法制，时间管理方法论"
    description="极北咖啡CEO，GYL全球青年领导力创始人极北咖啡CEO，GYL全球青年领导力创始人"
    tip="加入学习"
    decoration="￥99"
    btn="￥2.99">
</tm-panel>

API

参数说明类型可选值默认值
image图片地址String
title标题String
description描述String
tip备注String
decoration带有删除线的文案String
btn按钮文案String

Slot

参数说明
image图片内浮动的元素
title自定义标题
description自定义描述。自定义时，是flex布局，为垂直居中，一般以图片为主，图片间距设置为 .08rem
btn自定义按钮
@everything-registry/sub-chunk-406@infinitebrahmanuniverse/nolb-_hut@huteming/ui@zalastax/nolb-_hut
4.0.0

4 years ago