网站商城建设规划—如何在微信小程序上制作炸金花?

  • 栏目:网页设计 时间:2021-04-23 10:52 分享新闻到:
<返回列表

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


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-04-23
手机上手机微信手机微信微信小程序上制作炸玉兰?期待能够协助到有尽量的小伙子子子伴哦,...
查看全文

上饶响应式企业网站建设—公司网页制作

网页设计 2021-02-01
挑选您期待网站制成品的设计方案计划方案设计方案设计风格喜好,要大伙儿根据精准的剖析...
查看全文

湖北建设网站吧—广州正规的动漫设计培

网页设计 2021-01-29
广州市市市靠谱的日本国国日本国日本动漫设计方案计划方案方案计划方案学习培训学习培训...
查看全文
返回全部新闻


区域站点: 南丰县手机网页设计   南宫市网页制作软件dw   囊谦县在线网页制作   南和县在线网页设计工具   南华县手机网页设计   南江县网页制作软件dw   南京市在线网页制作   南靖县在线网页设计工具   南康市手机网页设计   南乐县网页制作软件dw   南陵县在线网页制作   南宁市在线网页设计工具   南平市手机网页设计   南皮县网页制作软件dw   南市区在线网页制作   南通市在线网页设计工具   南投县手机网页设计   南雄市网页制作软件dw   南溪县在线网页制作   南阳市在线网页设计工具   南漳县手机网页设计   南召县网页制作软件dw   南郑县在线网页制作   那坡县在线网页设计工具   那曲县手机网页设计   纳雍县网页制作软件dw   讷河市在线网页制作   内黄县在线网页设计工具   内江市手机网页设计   内丘县网页制作软件dw   内乡县在线网页制作   嫩江市在线网页设计工具   聂荣县手机网页设计   尼玛县网页制作软件dw   尼木县在线网页制作   宁安市在线网页设计工具   宁波市手机网页设计   宁城县网页制作软件dw   宁德市在线网页制作   宁都县在线网页设计工具   宁国市手机网页设计   宁海县网页制作软件dw   宁化县在线网页制作   宁晋县在线网页设计工具   宁陵县手机网页设计   宁明县网页制作软件dw   宁南县在线网页制作   宁强县在线网页设计工具   宁陕县手机网页设计   宁武县网页制作软件dw   宁乡市在线网页制作   宁阳县在线网页设计工具   宁远县手机网页设计   农安县网页制作软件dw   磐安县在线网页制作   盘锦市在线网页设计工具   盘山县手机网页设计   磐石市网页制作软件dw   盘州市在线网页制作   蓬安县在线网页设计工具   澎湖县手机网页设计   蓬莱市网页制作软件dw   彭山县在线网页制作   蓬溪县在线网页设计工具   彭阳县手机网页设计   彭泽县网页制作软件dw   彭州市在线网页制作   偏关县在线网页设计工具   平安县手机网页设计   平昌县网页制作软件dw   平定县在线网页制作   屏东县在线网页设计工具   平度市手机网页设计   平果县网页制作软件dw   平和县在线网页制作   平湖市在线网页设计工具   平江县手机网页设计   平乐县网页制作软件dw   平凉市在线网页制作   平利县在线网页设计工具   平罗县手机网页设计   平陆县网页制作软件dw   屏南县在线网页制作   平泉市在线网页设计工具   屏山县手机网页设计   平顺县网页制作软件dw   平塘县在线网页制作   平潭县在线网页设计工具   平武县手机网页设计   萍乡市网页制作软件dw   平乡县在线网页制作   平阳县在线网页设计工具   平遥县手机网页设计   平阴县网页制作软件dw   平邑县在线网页制作   平远县在线网页设计工具   平舆县手机网页设计   皮山县网页制作软件dw   普安县在线网页制作   浦北县在线网页设计工具   浦城县手机网页设计   普洱市网页制作软件dw   普格县在线网页制作   浦江县在线网页设计工具   普兰县手机网页设计   普宁市网页制作软件dw   莆田市在线网页制作   迁安市在线网页设计工具   乾安县手机网页设计   潜江市网页制作软件dw   潜山市在线网页制作  

友情链接: 建站快车登陆 国外建站网站 h5建站 网站建立 手机版 装修知识 软件下载 果树种植 深圳新闻 自助建站 邀请函

Copyright © 2002-2020 在线网页制作_在线网页设计工具_手机网页设计_网页制作软件dw_网页特效 版权所有 (网站地图) 备案号:粤ICP备10235580号