更新记录

1.0.0(2024-05-17) 下载此版本

初始化


平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 4.14 app-vue × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
×

安装方式

本组件符合easycom规范,HBuilderX 2.5.5起,只需将本组件导入项目,在页面template中即可直接使用,无需在页面中import和注册components

基本用法

template 中使用组件

<spring-title-attrs :info="info"></spring-title-attrs>

export default {
    data() {
        return {
            info: {
                title: '下单信息',
                list: [{
                        label: '订单编号:',
                        content: 'O2024051020081909'
                    },
                    {
                        label: '下单时间:',
                        content: '2024-05-10 20:08:19'
                    },
                    {
                        label: '支付方式:',
                        content: '微信'
                    },
                    {
                        label: '商品数量:',
                        content: '1'
                    },
                    {
                        label: '商品金额:',
                        content: '¥5.00'
                    }
                ]
            }
        }
    },
    methods: {

    }
}

API

Props

属性名 类型 默认值 说明
info Object - 数据,期待格式[{title: '下单信息', list: { label: '订单编号:', content: 'O2024051020081909',xxx:xxx... }}]
bgColor String #D4E5EF 背景颜色
color String #354E6B 文字颜色
borderRadius String 12rpx 圆角,单位 rpx
padding String 30rpx 内边距,单位 rpx
align String right 属性值对齐方式
showTitle Boolean true 是否显示标题
title String 下单信息 -
titleFontSize String 32rpx 标题文字大小,单位 rpx
titleFontWeight String 700 标题文字粗细
titleMarginBottom String 40rpx 标题下边距,单位 rpx
attrFontSize String 30rpx 属性项文字大小,单位 rpx
attrGap String 26rpx 属性项之间间隔,单位 rpx
attrValueMarginLeft String 50rpx 属性项距离属性标签左边距,单位 rpx

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问