微信小程序动态增加按钮组件
这里的微信小程序动态加载是以按钮为例，主页面点击不同的按钮进入不同的子页面中，根据主页面的title来动态加载子页面按钮的数量以及值。效果图：wxml文件（注意wx:key="item"要写，不然它会有警告）：<!--pages/plan/plans/plans.wxml--><view class="className" style="background-color: rgb(225, 218, 211); height:{{className_...
2024-01-10
微信小程序实现日历签到
近日做了一个项目需要用到日历插件，在网上找了一部分感觉跟项目不对口，所以就查考了其他的日历插件做了一个。需求：如图：代码如下：index.wxml:<!--pages/pictruesign/pictrue.wxml--><view class='gs_banner'> <image src='../../image/banner.jpg'></image> <view class='gs_continue'> <view>每日坚持签到</view> <view>总共签...
2024-01-10微信小程序 modal组件详细介绍
modal弹出框常用在提示一些信息比如：退出应用，清楚缓存，修改资料提交时一些提示等等。常用属性：wxml<!--监听button点击事件--><button bindtap="listenerButton" type="primary">弹出modal</button><!--弹出框--><modal title="退出应用" hidden="{{hiddenModal}}" confirm-text="再看看" cancel-text="退出" bindconfirm="listenerCon...
2024-01-10
【小程序】微信小程序 分类切换的实现
微信小程序做商品分类的切换: 点击分类切换到相应的分类下的商品. 效果如下图分类页面category.wxml <!--左侧分类菜单 --><view class="left-box"><block wx:for="{{category}}" wx:key="id"><view class="menu-item" bindtap='cateTab' data-index="{{index}}" data-id="{{item.id}}">{{item.name}}</view></block></vi...
2024-01-10微信小程序实现MUI数字输入框效果
本文实例为大家分享了微信小程序实现MUI数字输入框的具体代码，供大家参考，具体内容如下效果图WXML<view class="tui-content"> <view class="tui-gallery-list">默认</view> <view class="tui-gallery-list"> <view class="tui-number-group"> <button class="tui-number-cell" bindtap="nextNum">-</button> <input clas...
2024-01-10微信小程序实现点击效果
微信小程序动画之点击效果的具体代码，供大家参考，具体内容如下代码：js：// pages/test/test.jsPage({ containerTap: function (res) { var that = this var x = res.touches[0].pageX; var y = res.touches[0].pageY + 85; this.setData({ rippleStyle: '' }); setTimeout(function () { that.setDa...
2024-01-10
微信小程序实现底部弹出框
微信小程序的底部弹出框，供大家参考，具体内容如下wxml<!-- 弹出框 start --><view class="dialog_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view><view animation="{{animationData}}" class="dialog_attr_box" wx:if="{{showModalStatus}}"> <view style='background:white;position...
2024-01-10微信小程序数据存储与取值详解
在小程序开发的过程，经常要需要这个页面输入的数据，在下一个页面中进行取值赋值。比如：在A页面input输入框，输入电话号码，点击添加。需要在B页面电话区域中，显示刚刚输入的电话号码。因为这是两个页面，就需要先存储，再取值。微信小程序提供了数据存储的API，wx.setStorage(OBJECT) 可以...
2024-01-10微信小程序异步处理详解
本文实例为大家分享了微信小程序异步处理的具体方法，供大家参考，具体内容如下直接看问题：然后看打印的结果：根据上面两图可以看出，代码上先执行的网络请求，再执行打印的变量，但是从下面打印的结果来看，先出结果的是执行打印变量的函数（aafn函数），再打印出网络请求success的回...
2024-01-10微信小程序实现蒙版弹窗效果
本文实例为大家分享了微信小程序实现蒙版弹窗效果的具体代码，供大家参考，具体内容如下<view class="modalDlg" wx:if="{{showModal}}"> <view class='close_mask' bindtap="close_mask">X</view> <input class='recharge_amount' type='text' placeholder='充值金额' maxlength="8" value='{{recharge_amount}}'></input> <...
2024-01-10微信小程序版翻牌小游戏
本文实例为大家分享了微信小程序翻牌游戏的具体代码，供大家参考，具体内容如下一、新建一个quick start项目看看结构在微信开发工具点击添加项目，选择 无appid，勾上"在当前目录中创建quick start 项目"。可以看到一共有两个目录 pages和utils，和根目录下的3个app文件。pages存放的是小程序的页面，...
2024-01-10
【小程序】微信小游戏-云开发-云函数
环境配置创建云函数目录1.新建目录,并在project.config.json增加字段 cloudfunctionRoot 指定存放云函数的目录,设置成功后，开发者中的目录会有特殊图标安装wx-server-sdk云函数目录执行npm install --save [email protected]创建方式1.工具中创建建完会默认带这三个文件修改完需要手动上传2.控制台创建创建完开...
2024-01-10
三国兵临天下微信小程序小游戏兑换码
今天小编为大家带来的是三国兵临天下微信小程序小游戏兑换码，三国兵临天下是一款三国题材策略争霸小游戏，你将在游戏中称霸三国，成为最强主公。 三国兵临天下微信小程序小游戏兑换码 1、兑换码 10月礼包：YLB1001 长期福利礼包：gqkl888 新手礼包：XSLB111 关注礼包：GZLB222 2、...
2024-01-10
微信小程序实现贪吃蛇游戏
本文实例为大家分享了微信小程序实现贪吃蛇游戏的具体代码，供大家参考，具体内容如下一、项目截图二、源代码1.WXML代码如下（示例）：<view class='container'> <view class='content-bottom' bindtouchmove='touchMove' bindtouchstart='touchStart' bindtouchend='touchEnd'> <view wx:for="{{ground}}" wx:for-item="cols" class='grou...
2024-01-10有关微信的小程序和小游戏的区别
小游戏是小程序的一个类目，小游戏是微信开放给小程序的更多的能力，让小程序开发者有了开发游戏的能力。小游戏没有WXSS、WXML、多页面等内容，但加了一些渲染、文件系统以及后台多线程的功能。小游戏的运行环境是小程序环境的扩展，基本思路也是封装必要的 WEB 接口提供给用户，尽可能追求...
2024-01-10
【小程序】微信小游戏(神奇六边形) 实现思路 ?
如图左边是蜂巢形状图形容器 右边是随机生成的不通形状的子图形右边拖拽到左边容器内,如果一行(直线) 或者倾斜直线都有元素(颜色不考虑)那就消除 消除直线满足情况如果不明白点击下面链接 去看看效果http://engine.zuoyouxi.com/de...我的思路呢 就是二维数组 渲染左边容器,X Y 以及颜色 右边为随机生...
2024-01-10
无需小程序， iPhone X 用短信也能玩双人游戏
iMessage 在 iOS 11 后功能日趋丰富，隐藏着很多有意思的功能，利用信息也可以进行双人游戏完全不输微信小程序。1.首先进入「 App Store 」中，安装一款名为「 GamePigeon 」的 iMessage 应用。2.「 GamePigeo 」并不是一款手机 App ，并不会在手机桌面显示，需要在「信息」会话界面，点击输入框下方的应用图标...
2024-01-10微信小程序之数据双向绑定与数据操作
微信小程序之数据双向绑定与数据操作数据双向绑定是指js部分数据发生变化是html部分的数据也会发生变化，当然html部分数据发生变化js部分数据也会发生变化，从而使界面很方便的实现动态数据显示，一般拥有数据双向绑定的前端框架都为mvvm结构。数据双向绑定是个好东西，an1 an2 vue 也都有数据...
2024-01-10
C语言实现双人五子棋游戏
本文实例为大家分享了C语言实现双人五子棋游戏的具体代码，供大家参考，具体内容如下实现功能生成棋盘玩家1与玩家2对战，哪个玩家率先有连续5子连线，哪个玩家赢。如何实现组成：二维数组：board[ROW][COL],定义一个ROW*COL的棋盘。主要逻辑：显示棋盘，提示用户下子，下子后判断1.显示棋盘...
2024-01-10微信小程序自定义联系人弹窗
微信小程序自定义类似微信联系人组件，供大家参考，具体内容如下在小程序项目中需要有一个选择人员项，想着看着好看一些，所以做成类似微信联系人的界面，由于本人是后端人员，效果不是特别好看，ui使用的是weui效果图如下：使用的是小程序自定义组件，自定义组件同样需要有js、wxss、json...
2024-01-10全部女孩VIP服务站是干嘛的 全部女孩VIP服务站微信小程序订单信息变换注意事项
全部女孩VIP服务站其实就是李佳琦直播预告片小程序，现如今改名了，大家只要根据李佳琦直播间付钱的粉丝们，能够在某宝变换积分兑换，这种积分兑换都能在全部女孩VIP服务站换取礼品，是一种很人性化服务项目哦！全部女孩VIP服务站是干嘛的关心的佳琦小程序名称成了：全部女孩VIP服务站由于好...
2024-01-10
企业微信注册企业教程
企业微信是一个非常专业的办公软件，很多用户不知道怎么在这个软件里注册企业，其实注册非常的简单方便，需要的用户千万不要错过了哦，快点下载试试吧。 企业微信怎么注册企业： 在手机端【我】->【设置】->【切换企业】->【右上角】->选择【创建企业】。 网页端点击>>>企业微信官方...
2024-01-10
微信小程序反编译的实现
首先声明：本文章仅供学习之用，不可它用。一、前言 看到人家上线的小程序的效果，纯靠推测，部分效果在绞尽脑汁后能做出大致的实现，但是有些细节，费劲全力都没能做出来。很想一窥源码？查看究竟？看看大厂的前端大神们是如何规避了小程序的各种奇葩的坑？那么赶紧来试试吧...
2024-01-10
gmg小绿人注册教程
如果我们想要在gmg小绿人上购买游戏，但是提示需要先注册账号，不知道怎么注册的话，就可以看看下面的gmg小绿人注册教程，手把手教你如何拥有一个gmg账号。 gmg小绿人怎么注册： 1、首先打开gmg小绿人官网【点击进入】，点击右下角的“登录” 2、然后在“注册”下选择电子邮件或者手...
2024-01-10
【小程序】微信小程序实习记
关于图片图片放大后，用户可以直接保存下载参数是个数组，可以在放大后左右翻动按钮下载功能，顺序是，先下载文件，然后缓存的图片调用 saveImageToPhotoAlbumPage({// 放大handleExpend: function () {wx.previewImage({urls:[url]})}，// 下载handleDownload: function () {wx.dowloadFile({url:url,success:res=>{if (res.statusCode...
2024-01-10
微信小程序静默授权的两种方式
微信小程序授权的两种方式解密授权 wx.getUserInfoAPI文档地址js_code授权 auth.code2Session服务端文档小程序测试号地址地址这里进行扫码登陆的时候注意，如果登陆上去，没有appId等信息，就请先登陆微信开放社区，然后在打开测试号进行查看第一种需要小程序前端调用登陆，在调用获取用...
2024-01-10微信小程序商品到详情的实现
微信小程序商品到详情结构代码资源分享给大家.商品页post.wxmldata-postid="{{index}}view class="container" swiper indicator-dots indicator-color="rgba(255,255,255,0.3)" indicator-active-color="rgba(255,255,255,1)" autoplay swiper-item image src= ...商品页 post.wxmldata-postid="{{index}}...
2024-01-10
WeUI for 小程序 为微信小程序量身设计
WeUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信内网页和微信小程序量身设计，令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。以下内容是纯UI库，如果想使用逻辑封装版本，请看小程序组件库 – WeUI使用样式文件...
2024-01-10微信小程序之圆形进度条实现思路
需求概要小程序中使用圆形倒计时，效果图：思路使用2个canvas 一个是背景圆环，一个是彩色圆环。使用setInterval 让彩色圆环逐步绘制。解决方案第一步先写结构一个盒子包裹2个canvas以及文字盒子；盒子使用相对定位作为父级，flex布局，设置居中；一个canvas，使用绝对定位作为背景，canvas-id="...
2024-01-10
微信小程序制作音乐相册
利用小程序可以轻松制作音乐相册，并且发送亲朋好友，下面给大家简单的介绍一下。1.打开微信，点击【发现】2.点击【小程序】3.搜索【动态相册DIY】4.点击打开小程序5.点击【开始制作】6.点击【添加照片】，从手机中选择图片，稍等片刻7.点击【模板】8.选择合适的【模板】...
2024-01-10
