更新记录

1.0.1（2024-11-23） 下载此版本

• 修改文档首图

1.0.0（2024-11-22） 下载此版本

• 发布项目

平台兼容性

Camera 相机

支持平台

示例

<template>
    <tui-camrea @take="getPhoto" ref="camrea" :style="sty"></tui-camrea>
</template>
<script>
    import { s } from '../../index'
    /**
     * Camera 相机
     * @author TanYuan
     * @description 用于拍照的相机组件，提供打开、关闭相机和拍照的功能。
     * @method open() 打开相机
     * @method close() 关闭相机
     * @method take() 拍照
     * @method getPhoto(result) 获取拍照结果
     * @emits take 拍照成功后触发，传递照片路径
     */
    export default {
        name: 't-camrea',
        emits: ['take'],
        data() {
            return {

            }
        },
        computed: {
            sty() : string {
                return s(`${this.$attrs['class']}`)
            }
        },
        methods: {
            open() {
                let el = (this.$refs['camrea'] as TuiCamreaElement)
                el.open()
            },
            close() {
                let el = (this.$refs['camrea'] as TuiCamreaElement)
                el.close()
            },
            take() {
                let el = (this.$refs['camrea'] as TuiCamreaElement)
                el.take()
            },
            getPhoto(result : Map<string, string>) {
                let src = '';
                // #ifdef APP
                src = result['path'] as string;
                // #endif
                // #ifdef WEB
                src = result.get('path')
                // #endif
                this.$emit('take', src)
            }
        }
    }
</script>

Props

Events

Methods

Slots