标签: 小程序

小程序实现日历左右滑动效果

本文实例为大家分享了小程序日历左右滑动效果的具体代码,供大家参考,具体内容如下效果图wxml{{item.day}}{{item.month}}月今日{{item.week}}js//byjs_sun/pages/product/all/all.jsPage({/***页面的初始数据*/data:{...

JavaScript 2021-04-30 86 0 0 阅读全文

微信小程序实现拖拽功能

//pages/cateDetaile/cateDetaile.jsconstapp=getApp()Page({/***页面的初始数据*/data:{//拖拽参数writePosition:[80,90],//默认定位参数writesize:[0,0],//XY定位window:[0,0],//屏...

JavaScript 2021-04-28 107 0 0 阅读全文

微信小程序可滑动月日历组件使用详解

微信小程序可滑动月日历组件此日历可进行左右滑动,展示签到打卡信息,和大家分享一下。如果样式变形,请检查是否有共用样式起冲突展示一下效果图在components组件文件夹下新建calendarMonth文件夹直接上代码吧:index.wxml{{date}}{{item}}{{x.date===tod...

JavaScript 2021-04-30 104 0 0 阅读全文

小程序调用微信支付的方法

本文实例为大家分享了小程序调用微信支付的具体代码,供大家参考,具体内容如下首先调用小程序wx.login登录接口获取用户code将code作为参数传给后端调用后端接口wechat/pay/prepay获取后端这五个返回值nonceStrpackage2paySignsignTypetimeStamp...

JavaScript 2021-04-28 92 0 0 阅读全文

微信小程序可滑动周日历组件使用详解

微信小程序可滑动周日历组件,供大家参考,具体内容如下看网上周日历组件比较少,自己弄了一个,和大家分享一下。如果样式变形,请检查是否有共用样式起冲突展示一下效果图在components组件文件夹下新建calendarWeek文件夹直接上代码吧:index.wxml{{dateYear}}{{dateM...

JavaScript 2021-04-30 109 0 0 阅读全文

小程序实现横向滑动日历效果

本文实例为大家分享了小程序实现横向滑动日历效果的具体代码,供大家参考,具体内容如下{{item.week}}{{item.date}}js:functiongetThisMonthDays(year,month){returnnewDate(year,month,0).getDate();}//计算...

JavaScript 2021-04-30 84 0 0 阅读全文

微信小程序点击列表跳转到对应详情页过程解析

这篇文章主要介绍了微信小程序点击列表跳转到对应详情页过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下点击列表跳转到对应详情页:用自定义属性data-index保存当前点击列表的index,在点击跳转的方法中获取index并且拼接到要跳转的路径...

JavaScript 2021-04-28 110 0 0 阅读全文

微信小程序自定义YPicker组件实现省市区三级联动功能

自从上一篇文章:浅析微信小程序自定义日历组件及Flex布局最后一行对齐问题出来以后,有人私聊我说能不能从头分析一下我开源的自定义组件?一直没时间。这不,最近项目中有个需求是省市区三级联动,我就顺便从组件库中的第一个「扩展日期-时间picker(点此直接至GitHub,欢迎star)」组件开始说一下这...

JavaScript 2021-04-25 110 0 0 阅读全文

Vue插件--仿微信小程序ShowModel实现模态提示窗功能

效果图:下面是源码:index.jsimportVuefrom'vue';importmodelfrom'./model.vue';exportdefault{install(Vue){constdefaults={show:false,mask:true,title:'提示',content:'这...

JavaScript 2021-05-20 104 0 0 阅读全文

如何实现小程序与小程序之间的跳转

小程序与小程序之间互相可以跳转,形成流量的循环.在小程序中怎么实现的呢小程序中提供了两种方式实现小程序与小程序之间的跳转方式1-使用API方式跳转如下示例代码所示

JavaScript 2021-04-19 102 0 0 阅读全文

C语言实现简单扫雷小程序

扫雷是一款大众类的益智小游戏。游戏目标是在最短的时间内根据点击格子出现的数字找出所有非雷格子,同时避免踩雷,踩到一个雷即全盘皆输。首先带大家简单来了解一下扫雷的游戏机制:随便点一个格子,会有一块,上面的数字就代表数字周围八个格子会有几个雷,是1他周围就只有1个雷,2就有两个雷,以此类推,直到找出全部...

C语言 2021-04-30 112 0 0 阅读全文

微信小程序Wx.GetUserInfo授权获取用户信息(头像、昵称)的实现

这个接口只能获得一些非敏感信息,例如用户昵称,用户头像,经过用户授权允许获取的情况下即可获得用户信息,至于openid这些,需要调取wx.login来获取。index.wxml{{nickName}}未授权授权登录index.jsPage({data:{canIUse:wx.canIUse('but...

JavaScript 2021-05-20 107 0 0 阅读全文

微信小程序拖拽排序列表的示例代码

拖拽排序列表思路界面分为两层:底层,正常列表展示,拖拽的时候不做处理(大牛直接加了动画,原谅我技艺不精,还没实现)顶层,movable-view组件,不长按不展示,之后长按才展示,且没有点击事件。事件主要监听:longpress,touchmove,touchend三个事件longpress保障长按...

JavaScript 2021-05-28 138 0 0 阅读全文

Java实现打字游戏小程序

本文实例为大家分享了java实现打字游戏小程序的具体代码,供大家参考,具体内容如下一、设计思路1.创建一个窗体2.在窗体上放置一个面板,用paint方法画出英文字母,随机放置字母位置,并随时间自动下落3.设置得分扣分机制4.在面板上添加键盘监听器,输入正确得分,输入错误则扣分ps:面板和监听器用一个...

Java 2021-04-24 98 0 0 阅读全文

微信小程序实现左侧滑动导航栏

本文实例为大家分享了微信小程序实现左侧滑动导航栏的具体代码,供大家参考,具体内容如下左侧滑动导航栏如图wxml{{item}}wxss.under_line{width:100%;border-top:1rpxsolid#efefef;}.scrollY{width:200rpx;position:...

JavaScript 2021-04-30 135 0 0 阅读全文

微信小程序自定义组件Components(代码详解)

在写小程序代码的时候,我们发现经常有一段代码我们经常敲,经常使用某一自定义组件,例如商城首页的轮播图和商品详情页的商品展示栏是近乎相同的代码;微信小程序里的弹窗提示可以使用在多个地方…小程序自定义组件找到components目录,没有就新建在compoents目录里新建一个用于存放代码的目录(下面用...

JavaScript 2021-04-30 107 0 0 阅读全文

微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能

看了很多帖子,但是效果都不是很好。还是找微信小程序官方文档,自己写比较方便。自己动手丰衣足食!话不多说,上代码!时空传送先来个效果图html{{item.text}}查看更多收起wxss.box{margin:40rpx32rpx;}.text_box{width:100%;font-size:30...

JavaScript 2021-04-28 99 0 0 阅读全文

微信小程序中Weui用法解析

在做微信小程序的时候就想着找一个UI库,方便我们前端开发,然后查找资料,发现了这个WeUI特别适合放在微信小程序里。下面就简单的了解一下。WeUI是一套跟微信原生的视觉体验类似的一套样式库,由微信官方设计团队为微信内网页和小程序设计的,让用户视觉更加统一。包含了外卖常用标签的各种元素。1、git下载...

JavaScript 2021-04-30 113 0 0 阅读全文

微信小程序实现侧边栏分类

本文实例为大家分享了微信小程序侧边栏分类展示的具体代码,供大家参考,具体内容如下效果图实现思路把屏幕当成一个固定的盒子,然后把盒子分成两边,并让盒子的每一边都能够滚动。源码index.wxml{{item.name}}{{item.name}}index.wxsspage{background:#f...

JavaScript 2021-04-30 111 0 0 阅读全文

IDEA创建Yml文件不显示小树叶创建失败问题的解决方法

不知道自己干了什么骚操作,在创建yml文件时,出现了以下问题:这不单单是没有显示小树叶的问题,而是真的没法用,而且是在YAML插件全部安装的情况下出现了这样的问题。通过一番搜索,现解决方法如下:打开setting-FileTypes:找到Text,在以下列表中找到自己创建的失效的applicatio...

Java 2021-05-28 140 0 0 阅读全文