Skip to content

Instantly share code, notes, and snippets.

@miller
miller / react-loading.js
Created June 13, 2016 06:35 — forked from cssoul/react-loading.js
React Native Loading Animation
/**
* LoadingView
*/
'use strict';
var React = require('react-native');
var {
TouchableWithoutFeedback,
Animated,
@miller
miller / Demo-Flexbox-1.markdown
Created June 23, 2014 10:30
A Pen by Hugo Giraudel.
h3{color:red;}
<style type="text/css">
.photoAdd .kx_setPrivacyList { bottom: 20px;left: 20px; }
.kx_setPrivacy b.arrowT,.kx_setPrivacy b.arrowR,.kx_setPrivacy b.arrowL,.kx_setPrivacy b.arrowB{width:9px;height:6px;position:absolute;}
.kx_setPrivacy b.arrowR,.kx_setPrivacy b.arrowL{width:6px;height:9px;}
.kx_setPrivacy b.arrowT{background-position:-7px 0px;left:83px;top:-5px;}
.kx_setPrivacy b.arrowR{background-position:-17px -7px;right:-5px;top:5px;}
.kx_setPrivacy b.arrowL{background-position:0px -7px;left:-5px;top:5px;}
</style>
<div class="kx_setPrivacy">
<span class="kx_setPrivacyCurrent kx_setPrivacy_needpass">凭密码访问</span>
<div class="modlebox" style="height:100px">
<div class="kx_arrowPopbox mood_popBox">
<i class="icoX"></i>
<b class="popbox_arrow"></b>
<div class="popbox_cTop"><span></span></div>
<div class="popbox_cnt">
<div class="popbox_inner clearfix">
<div class="kx_avatar_50 l"><a href=""><img src="http://pic1.kaixin001.com.cn/logo/56/58/50_67565829_5.jpg"></a></div>
<p>伊利“收集火种赢开心币”活动, 邀请你一起参加。</p>
<p class="tar"><a href="#" class="sl">马上参加&gt;&gt;</a></p>
<div class="modlebox">
<div class="kxVmBox">
<img src="http://pic1.kaixin001.com.cn/logo/10/99/120_109975_13.jpg" class="vm" alt="" />
<span class="kxVmSpan"></span>
</div>
</div>
<p class="newMsg">
<a href="#" class="tipNewmsg tip">有<em style="font-style:normal">1</em>条新动态,点击查看</a>
<span class="tipNewmsg loading">读取中&nbsp;&nbsp;<img src="http://img1.kaixin001.com.cn/i/home/dt_loading_nobg.gif"></span>
</p>
<p class="newMsg newMsg_loading">
<a href="#" class="tipNewmsg tip">有<em style="font-style:normal">1</em>条新动态,点击查看</a>
<span class="tipNewmsg loading">读取中&nbsp;&nbsp;<img src="http://img1.kaixin001.com.cn/i/home/dt_loading_nobg.gif"></span>
</p>
<div style="width:600px">
<div class="kx_voteItem kx_voteC1"><div style="width:10%"><i></i></div></div>
<div class="kx_voteItem kx_voteC2"><div style="width:20%"><i></i></div></div>
<div class="kx_voteItem kx_voteC3"><div style="width:30%"><i></i></div></div>
<div class="kx_voteItem kx_voteC4"><div style="width:40%"><i></i></div></div>
<div class="kx_voteItem kx_voteC5"><div style="width:50%"><i></i></div></div>
<div class="kx_voteItem kx_voteC6"><div style="width:60%"><i></i></div></div>
<div class="kx_voteItem kx_voteC7"><div style="width:70%"><i></i></div></div>
<div class="kx_voteItem kx_voteC8"><div style="width:80%"><i></i></div></div>
<div class="kx_voteItem kx_voteC9"><div style="width:90%"><i></i></div></div>
<div class="ele_lr mt5">
<div class="ele_lrRow">
<div class="ele_lrCell pt3"><a href=""><img src="http://pic.kaixin001.com.cn/pic/app/43/29/1088_169432914_repaste-news.jpeg" class="b1c"></a></div>
<div class="ele_lrCell pl10">女孩,你是一个懂设计,爱设计的商人。用设计吃饭,你比别人更有资格。 永远不要对自己作品感到满足,比你强的人和公司就在周围...&nbsp;&nbsp;&nbsp;&nbsp;<a href="/diary/view.php?uid=248030&amp;did=45086400" class="sl" title="查看全文">查看全文&gt;&gt;</a></div>
</div>
</div>
<div style="position:relative; height:30px;">
<div class="kx_redTip" style="top:0; left:0;"><div><b></b><p>发送失败,内容包含违禁词!</p></div></div>
</div>
<div class="h10"></div>
<div style="position:relative; height:30px;">
<div class="kx_redTip arR" style="top:0; left:0;"><div><b></b><p>内容包含违禁词!</p></div></div>
</div>
<div class="h10"></div>
<div style="position:relative; height:30px;">
<div class="kx_redTip arT" style="top:0; left:0;"><div><b></b><p>违禁词!</p></div></div>