更新记录

1.0.0（2024-05-29）

初始化

平台兼容性

注意事项

注意事项 本组件使用了uni-icons, 请在使用前先引用uni-icons组件。本组件使用了iconfont图标, 如若更换图标，请自行上传iconfont.css进行更换。

安装方式

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

基本用法

在 template 中使用组件

<spring-image-text :dataList="list"></spring-image-text>

图片尺寸1:1

<spring-image-text :dataList="list" imageShape="square"></spring-image-text>

图片位置更换

<spring-image-text :dataList="list" imagePosition="right"></spring-image-text>

只显示标题

<spring-image-text :dataList="list" :showDesc="false"></spring-image-text>

export default {
    data() {
        return {
            list: [{
                    coverImage: 'https://docreview.oss-cn-hangzhou.aliyuncs.com/doc-review/66417e0c60b26b8d682a1bcd.png',
                    title: '云南栖花岭',
                    desc: '云南栖花岭',
                    createTime: '2024-05-01 10:00'
                },
                {
                    coverImage: 'https://docreview.oss-cn-hangzhou.aliyuncs.com/doc-review/66417e0c60b26b8d682a1bcd.png',
                    title: '天然石',
                    desc: '我是个小小的石头',
                    createTime: '2024-05-01 10:00'
                },
                {
                    coverImage: 'https://tennis-1253685553.cos.ap-shanghai.myqcloud.com/tennis/662da982d5dee7df76a12b49.png',
                    title: '活动风景',
                    desc: '这个关于风景的摄影展',
                    createTime: '2024-05-01 10:00'
                }
            ]
        }
    },
    onReachBottom() {
        console.log('到底了！');
    },
    onLoad() {
        uni.setNavigationBarTitle({
            title: '只显示标题'
        })
    },
    methods: {

    }
}

API

Props

Events