更新记录

1.0.0（2024-04-25） 下载此版本

组件初始化

平台兼容性

cc-proManualImg

使用方法

<!-- 产品使用说明书  helpList：说明文档数组-->
<cc-proManualImg :helpList="helpList"></cc-proManualImg>

HTML代码实现部分

<template>
    <view class="content">

        <!-- 产品使用说明书  helpList：说明文档数组-->
        <cc-proManualImg :helpList="helpList"></cc-proManualImg>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                title: 'Hello',
                helpList: [{
                    title: '画笔',
                    icon: '../../static/png/tool_pen_s.png',
                    desc: '使用画笔功能，可以直接在画板上进行画画，用户可以拖动画笔滑块调节画笔宽度。'
                }, {
                    title: '颜色',
                    icon: '../../static/png/tool_color_s.png',
                    desc: '使用颜色功能，可以选择画笔颜色，用户可以使用选择的颜色来进行绘制。'
                }, {
                    title: '橡皮',
                    icon: '../../static/png/tool_eraser_s.png',
                    desc: '使用橡皮功能，可以直接在画板上擦除相关的绘制轨迹。'
                }, {
                    title: '清空',
                    icon: '../../static/png/tool_clear_s.png',
                    desc: '使用清空功能，可以清除绘制轨迹并重置画板。'
                }, {
                    title: '保存',
                    icon: '../../static/png/tool_download_s.png',
                    desc: '使用保存功能，可以直接将绘制在画板上的轨迹保存到相册。'
                }, {
                    title: '矩形',
                    icon: '../../static/png/tool_rect_s.png',
                    desc: '使用矩形功能，可以直接绘制空心或者实体矩形。'
                }, {
                    title: '圆形',
                    icon: '../../static/png/tool_circle_s.png',
                    desc: '使用圆形功能，可以直接绘制空心或者实体圆形。'
                }, {
                    title: '分享',
                    icon: '../../static/png/tool_share_s.png',
                    desc: '使用分享功能，可以直接分享给微信好友。'
                }]
            }
        },
        onLoad() {

        },
        methods: {

        }
    }
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .logo {
        height: 200rpx;
        width: 200rpx;
        margin-top: 200rpx;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 50rpx;
    }

    .text-area {
        display: flex;
        justify-content: center;
    }

    .title {
        font-size: 36rpx;
        color: #8f8f94;
    }
</style>