DailyUI #002 - Credit Card Checkout
Non-functional, unfortunately :P
A Pen by Nathaniel Watson on CodePen.
<h1>Twitter heart button animation</h1> | |
<input type="checkbox" name="" id="btn" /> | |
<label class="btn-love" for="btn"></label> | |
<a href="https://codepen.io/chrisgannon/pen/NGLKWO" target="_blank">The SVG version</a> |
DailyUI #002 - Credit Card Checkout
Non-functional, unfortunately :P
A Pen by Nathaniel Watson on CodePen.
import wepy from 'wepy' | |
import Header from '../components/header' | |
import {connect} from 'wepy-redux' | |
import {readyPayFinalApi, startPayApi, pollingPayResultApi} from '../api' | |
import {UPDATE_WECHAT_PAY_INFO, UPDATE_SETTLE_ORDER, UPDATE_CURRENT_ORDER, UPDATE_PERSON,CLEAR_CART} from '../store/types' | |
import commonMixin from '../mixins/common' | |
import currentOrderMixin from '../mixins/currentOrder' | |
import checkoutMixin from '../mixins/checkout' | |
import wait from 'wait-promise' |
//固定虚拟摇杆 | |
//演示代码不可运行 | |
let handle | |
let rect | |
let speed: number = 6 | |
let obj | |
private let dragging: boolean |
//点击选中几何体 | |
//利用加速计控制物体移动方向 | |
declare let wx: any | |
declare let canvas: any | |
declare let require: any | |
import './js/libs/weapp-adapter' | |
import * as THREE from './js/libs/three.js' | |
let screenWidth, screenHeight, aspect |
<!-- 来自 Learning Three.js --> | |
<script src="https://unpkg.com/three"></script> | |
<script src="https://unpkg.com/stats.js"></script> | |
<script src="https://cdn.bootcss.com/dat-gui/0.6.5/dat.gui.min.js"></script> | |
<div id="Stats-output"> | |
</div> | |
<!-- Div which will hold the Output --> | |
<div id="WebGL-output"> | |
</div> |
loadFont() { | |
return new Promise((resolve, reject) => { | |
this.FontLoader.load(fontParams.url, (response) => { | |
this.font = response | |
this.createTextMaterials() | |
this.createNumberList() | |
resolve(response) | |
}) | |
}) | |
} |
//自带材质,没有UV材质 | |
import './lib/weapp-adapter' | |
import * as THREE from './lib/three.js' | |
require('lib/OrbitControls') | |
//const canvas=wx.createCanvas() | |
let screenWidth, screenHeight, aspect | |
const model = "http://black.xinliu.org/obj/cat-run8.json" | |
//const model = "http://black.xinliu.org/obj/knight.js" | |
var delta = 1; |
//使用图片画布canvas做纹理 | |
//粒子效果 | |
//待优化,不适合使用 | |
//fps::19 | |
declare let wx: any | |
declare let canvas: any | |
declare let GameGlobal: any | |
GameGlobal.ImageBitmap = function () { | |
} |