本文实例为大家分享了Android九宫格图片展示的具体代码,供大家参考,具体内容如下
& lt; !DOCTYPE html>
& lt; html>
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title>仿微信抢红包& lt;/title>
& lt; style>
html、身体、div{保证金:0;填充:0;}
身体{背景:# EAEAEA;字体:16 px/1.8”微软雅黑”;padding-bottom: 20 px}
输入{保证金:0;显示:inline-block;边界:1 px固体# ddd;填充:4 px 2 px;字体大小:16 px;字体类型:“微软雅黑”;margin-right: 5 px;}
输入:焦点{边框颜色:# 3 c9bd1;概述:没有;}
.wrap。列表{保证金:50 px汽车;宽度:300 px;}
.title{字体大小:42 px;颜色:# 464646;text-align:中心;}
.line{高度:40 px;行高:40 px; text-align:中心;}
.btn{显示:块;背景:# 3 c9bd1;颜色:# fff;行高:40 px;高度:40 px; text-align:中心;宽度:200 px;保证金:0汽车;margin-top: 50 px;文字修饰:没有;转型:所有。3线性;border - radius: 2 px;}
.btn:悬停{不透明度:。9;}
.list{宽度:500 px;边界:1 px固体# DBDBDB;填充:10 px;背景:# F5F5F5; text-align:中心;}
跨度.list p{颜色:红色;填充:0 8 px;}
.list p:空{背景:# 000000;}
.list:空{显示:没有;}
link{位置:固定;高度:20 px;字体大小:12 px;颜色:# 999;text-align:中心;宽度:100%;底:0;行高:20 px;保证金:0;填充:0;背景:# EAEAEA;填充:5 px 0;}
link一个{字体大小:12 px;颜色:# 999;}
& lt;/style>
& lt;/head>
& lt; body>
& lt; h2类="标题"在javascript实现仿微信抢红包& lt;/h2>
& lt; div类="包装"比;
& lt; div类=跋摺痹诤彀鍪?& lt;输入类型=拔谋尽眓ame=" packetNumber " value=" https://www.yisu.com/zixun/5 "最大长度=?0”在个& lt;/div>
& lt; div类="线"祝辞总,ensp;金,ensp;额:& lt;输入类型=拔谋尽钡拿?=" https://www.yisu.com/zixun/5 "最大长度=扒奔壑怠?0”在元& lt;/div>
& lt; div类="线"祝辞& lt; class=" btn " href=" javascript:,“rel=巴獠縩ofollow”在发红包& lt;/a> & lt;/div>
& lt;/div>
& lt; div类="列表"祝辞& lt;/div>
& lt; p类="链接"祝辞参考& lt;目标="平等" href=" https://www.zybuluo.com/yulin718/note/93148 "在《微信红包的架构设计简介》& lt;/a>文章& lt;/p>
& lt; script>
“使用严格的”;
var _createClass=function () {
函数defineProperties(目标、道具){
(var=0;我& lt;props.length;我+ +){
变量描述符=道具(我);
描述符。可列举的=描述符。可列举的| |假;
描述符。可配置=true;
如果在描述符(“价值”)
描述符。可写=true;
Object.defineProperty(目标,描述符。键,描述符);
}
}
返回函数(构造函数,protoProps staticProps) {
如果(protoProps)
defineProperties(构造函数。原型,protoProps);
如果(staticProps)
defineProperties(构造函数,staticProps);
构造函数返回;
}
；
}();
函数_classCallCheck(实例,构造函数){
如果(!(实例实例构造器)){
把新的TypeError(“不能调用一个类作为一个函数”);
}
}
var MoneyPacket=function () {
函数MoneyPacket (packNumber、金钱){
_classCallCheck(这个,MoneyPacket);
这一点。最小值=0.01;
这一点。国旗=true;
这一点。packNumber=packNumber;
这一点。金钱=钱;
如果(! this.checkPackage ()) {
这一点。国旗=false;
返回{
“国旗”:this.flag
};
}
}
_createClass (MoneyPacket [{
关键:“checkPackage”,
价值:函数checkPackage () {
如果这一点。packNumber==0) {
alert("至少需要设置1个红包”);
返回错误;
}
如果这一点。钱& lt;=0) {
alert("红包总金额不能小于0”);
返回错误;
}
如果这一点。packNumber *。最小的在this.money) {
alert("单个红包金额不可低于0.01元”);
返回错误;
}
返回true;
}
}));
返回MoneyPacket;
}();
var getRandomMoney=function getRandomMoney(包){
如果(包。packNumber==0) {
返回;
}
如果(包。packNumber==1) {
var _lastMoney=Math.round(包。钱* 100)/100;
packet.packNumber——;
包。金钱=0;
返回_lastMoney;
}
var min=0.01
，
max=包。钱/包。packNumber * 2
，
金钱=math . random() *最大;
金钱=钱& lt;分钟& # 63;分钟:钱;
金钱=数学。地板(钱* 100)/100;
packet.packNumber——;
包。金钱=Math.round((包。钱——钱)* 100)/100;
退货;
}
；
(函数(){
var oBtn=document.querySelector (“.btn”);
)名var oList=document.querySelector (" . list ";
oBtn。onclick=function () {
var packetNumber=+ document.querySelector(“输入[name=packetNumber]”) value;
var钱=+ document.querySelector(“输入[name=钱]”)value;
var str=" ";
var包=new MoneyPacket (packetNumber钱)
，
num=包。国旗,,包。packNumber | | 0;
console.log (“========================================================================");
(var=0;我& lt;num;我+ +){
var _pack=getRandomMoney(包);
str +=" & lt; p>第& lt; span>”+我+”& lt;/span>个红包::& lt; span>”+ _pack.toFixed (2) +“& lt;/span>元,emsp;, emsp;==剩余红包::& lt; span>”+ packet.money.toFixed (2) +“& lt;/span>元& lt; p>”;
控制台。日志(“第”,我“个红包::“,_pack.toFixed(2),“元==剩余红包::“,packet.money.toFixed(2),“元”);
}
str !==" ",,(oList。innerHTML=str);
}
；
}) ();
& lt;/script>
& lt;/body>
& lt;/html>
