Skip to content

Instantly share code, notes, and snippets.

<div id="app">
<div :style="{position: !distance ? 'absolute' : 'initial', height:distance + 'px'}" class="pull_refresh d-flex ai-center jc-center">
<p class="text-center text-gray p-2 text" v-if="pullStatus !==2">{{pullTexts[pullStatus]}}</p>
<van-loading size="24px" v-else>{{pullTexts[pullStatus]}}</van-loading>
</div>
<div class="home p-2" @touchstart="touchStart" @touchend="touchEnd" @touchmove="touchMove"></div>
</div>
@edward1986
edward1986 / index.html
Created June 11, 2021 02:33
Vue Draggable Resizable
<div style="width: 400px; height: 600px; position: relative;">
<template v-for="(element, index) in elements">
<vue-draggable-resizable style="background-color: #332c2b;" :parent="true" :resizable="true" :x="element.x" :y="element.y" :w="element.w" :h="element.h" style="border: 1px solid" @activated="onActivate(element, index)" @deactivated="onDeactivate(element, index)" @resizing="onResize" @dragging="onDrag">
</vue-draggable-resizable>
</template>
</div>
<!DOCTYPE html>
<html>
<head>
<base target="_blank">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Registration</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic|Material+Icons"/>
<link rel="stylesheet" href="https://unpkg.com/vue-material/dist/vue-material.min.css"/>
<link rel="stylesheet" href="https://unpkg.com/vue-material/dist/theme/default.css"/>
[
{
"showCorrect": true,
"questionTag": "Question: 2",
"question": "Which is the best framework for app development?",
"rightAnswer": "Flutter",
"wrongAnswers": ["Fluttor", "Flitter"]
}
]
[
{
showCorrect: true,
questionTag: "Question: 2",
question: "Which is the best framework for app development?",
rightAnswer: "Flutter",
wrongAnswers: ["Fluttor", "Flitter"],
}
]
<?php
use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;
class CreateUsersTable extends Migration
{
/**
* Run the migrations.
import 'package:ecom_app/screens/home_screen.dart';
import 'package:flutter/material.dart';
class App extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
home: HomeScreen(),
);
import 'dart:async';
import 'package:flutter/material.dart';
import 'package:flutter_tts/flutter_tts.dart';
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => _MyAppState();
}
import 'package:flutter/material.dart';
import 'package:flutter_credit_card/credit_card_form.dart';
import 'package:flutter_credit_card/credit_card_model.dart';
import 'package:flutter_credit_card/flutter_credit_card.dart';
class CreditCardPage extends StatefulWidget {
@override
State<StatefulWidget> createState() {
return CreditCardPageState();
}
"""
This script detects markers using Aruco from the webcam and draw pose
"""
# Import required packages
import cv2
import os
import pickle
# Check for camera calibration data