app开发者平台在数字化时代的重要性与发展趋势解析
601
2023-11-12
微信小程序开发之实现摇色子游戏
−目录一、项目展示二、核心代码三、效果图
一、项目展示
摇色子是一款简易的游戏类小程序
用户可以投出1-9个色子
二、核心代码
dice.wxml
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!--pages/dice/dice.wxml-->
<import src="dice/dice-template.wxml" />
<view id="header">
<view class="btn" catchtap="reduceDice">
<image src="/images/btn-left.png"></image>
</view>
<text id="dice-count">{{diceCount}}</text>
<view class="btn" catchtap="addDice">
<image src="/images/btn-right.png"></image>
</view>
</view>
<view id="dice-zone">
<block wx:for="{{dicesData}}">
<template is="dice-template" data="{{...item}}" />
</block>
</view>
<view id="btn-roll-container" catchtap="onRollTap">
<text id="btn-roll" >摇</text>
</view>
dice.js
三、效果图
具体的效果展示如下
版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。
相关文章
发表评论
最近发表
推荐文章
热评文章
暂时没有评论，来抢沙发吧~