新手建设网站软件—如何在微信小程序上制作炸金花?

  • 栏目:行业动态 时间:2021-02-26 05:41 分享新闻到:
<返回列表

手机微信微信小程序上制作炸玉兰?希望可以帮助到有务必的小伙子子伴哦,下面就是详细详尽的具体实际操作步骤。


app.json:

{

"pages":[

"pages/index/index"

],

"window":{

"navigationBarBackgroundColor": "#333333","navigationBarTextStyle":"white",

"navigationBarTitleText": "炸玉兰",

"backgroundColor":"#ffffff",

"backgroundTextStyle":"light",

"enablePullDownRefresh":false

}

}

index.js

Page({

data:{

num1:1,

num2:2,

num3:3,

imgNum1:1,

imgNum2:2,

imgNum3:3,

b1:"white",

b2:"white",

b3:"white",

flag:true,

butype:"primary",

butext:"一开始",

hidden:true,

score:0

},

start:function(){

var that=this;

that.setData({

butype:"default",

butext:"停止"

})

if(this.data.flag){

this.go=setInterval(function(){

that.setData({

num1:Math.ceil(Math.random()*10),

num2:Math.ceil(Math.random()*10),

num3:Math.ceil(Math.random()*10),

imgNum1:Math.ceil(Math.random()*4),

imgNum2:Math.ceil(Math.random()*4),

imgNum3:Math.ceil(Math.random()*4),

b1:"#"+Math.floor(Math.random()*1000000),b2:"#"+Math.floor(Math.random()*1000000),b3:"#"+Math.floor(Math.random()*1000000)

})

},100)

this.setData({

flag:false,

hidden:true,

score:0

})

}else{

clearInterval(this.go)

this.setData({

flag:true,

butype:"primary",

butext:"一开始",

b1:"white",

b2:"white",

b3:"white"

})

var n1=this.data.num1;

var n2=this.data.num2;

var n3=this.data.num3;

var img1=this.data.imgNum1;

var img2=this.data.imgNum2;

var img3=this.data.imgNum3;

var result=n1+n2+n3;

if(img1==img2 img2==img3){

result+=20;

}else if(img1==img2 || img2==img3 || img1==img3){result+=10;

}

var newarr=new Array();

newarr.push(n1)

newarr.push(n2)

newarr.push(n3)

for(var i=0;i newarr.length;i++){

for(var j = i + j newarr.length;j++){

if(newarr[i] newarr[j]){

var tmp = newarr[i];

newarr[i] = newarr[j];

newarr[j] = tmp;

}

}

}

if(((newarr[2]-newarr[1])==1) ((newarr[1]-newarr[0])==1)){result+=30;

}else if(newarr[2]==newarr[1] || newarr[2]==newarr[0] || newarr[0]==newarr[1]){result+=10;

}else if(newarr[2]==newarr[1] newarr[2]==newarr[0]){result+=40;

}

this.setData({

hidden:false,

score:result

})

}

},

onShareAppMessage: function () {

return {

title: "规格对决",

desc: \'强烈的赛事手机上手机游戏\',

path: \'/pages/index/index\'

}

}

})

ndex.wxml:

view hidden="{{hidden}}" 恭喜你得了{{score}}分! /view

view

view

text {{num1}} /text

image src="../../images/{{imgNum1}}.png" /image

text {{num1}} /text

/view

view

text {{num2}} /text

image src="../../images/{{imgNum2}}.png" /image

text {{num2}} /text

/view

view

text {{num3}} /text

image src="../../images/{{imgNum3}}.png" /image

text {{num3}} /text

/view

/view

button bindtap="start" type="{{butype}}" {{butext}} /button

view

view 1.倘若三张数据信息一样得40分,倘若三张数据信息是不断的得30分,倘若两个数据信息是一样的得10分 /view

view 2.倘若三张花型图案一样得20分,倘若二张花型图案一样得10分 /view

view 3.三张数据信息之和 /view

view 以上所有数据信息的数量为总分 /view

/view

index.wxss:


.container{width:30%;height:200px;position:relative;border:1px solid #787775;box-sizing:border-box; display: inline-block;flex:1;margin:10px;border-radius:10px;box-shadow:

5px 5px 3px #787775}

.text{width:30px;height:30px;position:absolute;top:15px;left:15px;font-size: 25px;font-weight: bolder}

.img{width:50px;height:50px;position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px}

.text1{width:30px;height:30px;position:absolute;bottom:15px;right:15px;font-size: 25px;font-weight: bolder;transform: rotate(180deg)}

以上就是如何手中机手机微信手机微信微信小程序上制作炸玉兰的全部内容了,大家都学精了沒有?

分享新闻到:

更多阅读

新手建设网站软件—如何在微信小程序上

行业动态 2021-02-26
手机上手机微信手机微信微信小程序上制作炸玉兰?期待能够协助到有尽量的小伙子子子伴哦,...
查看全文

网站内链提升基本建设具备何关键实际意

行业动态 2021-02-26
短视頻,自新闻媒体,达人种草1站服务谈到网站提升,除必须做好网站的內容提升基本建设、...
查看全文

手机上网站提升技能有哪些

行业动态 2021-02-26
做为互联网技术新生儿代的1个新启之星手机上网站,它的存在大大的便捷了人们的日常生活。...
查看全文
返回全部新闻


区域站点: 南丰县如何创建小程序   南宫市免费制作小程序   囊谦县自助下单小程序怎么做   南和县h5小程序   南华县如何创建小程序   南江县免费制作小程序   南京市自助下单小程序怎么做   南靖县h5小程序   南康市如何创建小程序   南乐县免费制作小程序   南陵县自助下单小程序怎么做   南宁市h5小程序   南平市如何创建小程序   南皮县免费制作小程序   南市区自助下单小程序怎么做   南通市h5小程序   南投县如何创建小程序   南雄市免费制作小程序   南溪县自助下单小程序怎么做   南阳市h5小程序   南漳县如何创建小程序   南召县免费制作小程序   南郑县自助下单小程序怎么做   那坡县h5小程序   那曲县如何创建小程序   纳雍县免费制作小程序   讷河市自助下单小程序怎么做   内黄县h5小程序   内江市如何创建小程序   内丘县免费制作小程序   内乡县自助下单小程序怎么做   嫩江市h5小程序   聂荣县如何创建小程序   尼玛县免费制作小程序   尼木县自助下单小程序怎么做   宁安市h5小程序   宁波市如何创建小程序   宁城县免费制作小程序   宁德市自助下单小程序怎么做   宁都县h5小程序   宁国市如何创建小程序   宁海县免费制作小程序   宁化县自助下单小程序怎么做   宁晋县h5小程序   宁陵县如何创建小程序   宁明县免费制作小程序   宁南县自助下单小程序怎么做   宁强县h5小程序   宁陕县如何创建小程序   宁武县免费制作小程序   宁乡市自助下单小程序怎么做   宁阳县h5小程序   宁远县如何创建小程序   农安县免费制作小程序   磐安县自助下单小程序怎么做   盘锦市h5小程序   盘山县如何创建小程序   磐石市免费制作小程序   盘州市自助下单小程序怎么做   蓬安县h5小程序   澎湖县如何创建小程序   蓬莱市免费制作小程序   彭山县自助下单小程序怎么做   蓬溪县h5小程序   彭阳县如何创建小程序   彭泽县免费制作小程序   彭州市自助下单小程序怎么做   偏关县h5小程序   平安县如何创建小程序   平昌县免费制作小程序   平定县自助下单小程序怎么做   屏东县h5小程序   平度市如何创建小程序   平果县免费制作小程序   平和县自助下单小程序怎么做   平湖市h5小程序   平江县如何创建小程序   平乐县免费制作小程序   平凉市自助下单小程序怎么做   平利县h5小程序   平罗县如何创建小程序   平陆县免费制作小程序   屏南县自助下单小程序怎么做   平泉市h5小程序   屏山县如何创建小程序   平顺县免费制作小程序   平塘县自助下单小程序怎么做   平潭县h5小程序   平武县如何创建小程序   萍乡市免费制作小程序   平乡县自助下单小程序怎么做   平阳县h5小程序   平遥县如何创建小程序   平阴县免费制作小程序   平邑县自助下单小程序怎么做   平远县h5小程序   平舆县如何创建小程序   皮山县免费制作小程序   普安县自助下单小程序怎么做   浦北县h5小程序   浦城县如何创建小程序   普洱市免费制作小程序   普格县自助下单小程序怎么做   浦江县h5小程序   普兰县如何创建小程序   普宁市免费制作小程序   莆田市自助下单小程序怎么做   迁安市h5小程序   乾安县如何创建小程序   潜江市免费制作小程序   潜山市自助下单小程序怎么做  

友情链接: H5建站 h5答题模板 微信公众号h5制作 h5转小程序 手机版 装修知识 软件下载 果树种植 深圳新闻 图片压缩 教育系统

Copyright © 2002-2020 自助下单小程序怎么做_h5小程序_如何创建小程序_免费制作小程序_微信小程序店铺 版权所有 (网站地图) 备案号:粤ICP备10235580号