app拍照功能：vue+html5+

 1、页面样式，基本样式框架用的YDUI,样式简单，大家也可以自己写

<template>
    <div id="camera">
        <div class="relative margin-top30">
            <div>
                <div class="cameraText" style="float:left;width: 10%">照&nbsp;片</div>
                <div style="float:right;width: 90%">
                    <yd-grids-group :rows="4" item-height="60px">
                        <yd-grids-item v-for="(img,index) in imgs" :key="index" >
                            <div slot="else" style="text-align: center;position: relative;height: 60px">
                                <img :src="img.src" class="imgSize" @click="scAImg(img.src)">
                              
                            </div>
                        </yd-grids-item>
                        <yd-grids-item v-for="(img,index) in waitUpload" :key="index" >
                            <div slot="else" style="text-align: center;position: relative;height: 60px">
                                <img :src="img.src" class="imgSize" @click="scAImg(img.src)">
                                <img src="../assets/img/delete.png" class="delmg" @click="beforeDelImg(img.oid,img.index)">

                            </div>
                        </yd-grids-item>
                        <y