<template> <div class="root"> <q-dialog v-model="seamless" seamless position="bottom"> <div class="dialog"> <div class="container"> <div class="stepbar"> <div class="stepbarwrap"> <div class="steptitle"> <div class="stepcircle"> <span>STEP<br />1</span> </div> <p class="title">テキスト1</p> </div> </div></div></div></div></q-dialog></div></template>

完成形 コード <template> <div class="root"> <div class="photo"> <video ref="video" id="video"></video> <canvas ref="canvas" id="canvas"></canvas> <div class="l2"> <canvas id="camera_record_box"></canvas> </div> </div> <div> <div class="button1" @click="capture()">写真を撮影</div> </div></div></template>