微信小程序
关注
分享
扫一扫
Mr_ccup
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
js 计时器 核心代码
小程序定时器代码示例下面是一个简单的例子，，后面显示最核心的代码片段// components/countDown/countDown.jsComponent({ /** * 组件的属性列表 */ properties: { startTime: { type: String, value: '' }, endTime: { type: String, value: '' } }, lif原创 2020-12-08 10:54:45 · 524 阅读 · 0 评论 -
小程序之 列表循环与自由选择器混搭（实现手动添加、删除列表，选择器互不干扰！）~~~
其实这个要明白列表循环与地区选择器的实现原理关键函数：e.currentTarget.dataset.id; //获取节点data - id 里面的内容！首先是html。。。。。。<view class="page-tips02">提示：此页面参数均为必填参数 </view><!-- 步骤进度 --><view class="proc...原创 2020-04-07 16:46:12 · 412 阅读 · 0 评论 -
前端获取验证码的方式
web端页面js简单的逻辑代码这里我采用的是div方式并不是传统的button按钮pointerEvents：none 阻止当前元素相关事件 // 获取验证码的点击 var code = function () { var temp = { countdown: 60, } var settime = ...原创 2019-08-28 15:07:50 · 1547 阅读 · 0 评论 -
前端小程序多选列表（自定义，切换图片状态）
直接贴代码————我看了网上一些代码，我这个逻辑比较复杂一点——不顾看起来应该容易通俗易懂一些——wxml 里面用了列表循环<block wx:for='{{arrays}}'> <view class='list' bindtap='tap' data-id='{{item.id}}'> <view class='list_...原创 2019-04-29 17:12:04 · 1369 阅读 · 1 评论 -
小程序单项选择以及自己遇到的坑（改变样式）——
直接贴代码：既然是单选列表肯定用到列表循环了——<!-- 这里使用了列表循环—— --><view class='money'> <block wx:for='{{arrays}}'> <view class='money_list' bindtap='tap' data-id='{{item.id}}'> <...原创 2019-04-29 03:02:01 · 418 阅读 · 0 评论 -
小程序框内左右滑动效果
wxml：这里使用了一个列表循环<view class='father'> <block wx:for="{{arrays}}"> <view class='son' ></view> </block></view>wxss：主要代码：.father中：white-space: now原创 2019-01-03 10:16:29 · 1051 阅读 · 0 评论 -
列表循环
wxml：data-id声明数据<block wx:for='{{arrays}}' ><view class='one' bindtap='tap' data-id='{{item.id}}'>{{index}}: {{item.id}}</view></block>js：event.currentTarget.dataset...原创 2019-05-10 09:21:09 · 1062 阅读 · 0 评论 -
小程序默认跳转方式
利用小程序提供的 API 跳转//只能跳转到tabBar配置页面wx.switchTab({ url: '/pages/index/index',}); //返回上一级页面（delta：返回的页面数，如果 delta 大于现有页面数，则返回到首页，默认值为1）wx.navigateBack({ delta: 2}) //关闭当前页面，跳转到应用内的某个页面wx.re...原创 2019-05-10 09:21:30 · 725 阅读 · 0 评论 -
小程序interval设置验证码
基本逻辑是设置一个数值，触发点击事件后禁用点击事件，60秒之内，每一秒执行一次函数（采用interval来处理），60秒后，还原；缺点：页面刷新函数重置；wxml：<button class='Code' style='background:{{background}}' disabled='{{disabled}}' data-id="2" bindtap="getBtn">{...原创 2019-05-10 09:21:42 · 261 阅读 · 0 评论 -
小程序左侧抽屉动画（侧栏菜单）
小程序对于JS的高度封装让每个前端用户都有一种撕心裂肺的感觉；由于不能是用JS来获取DOM，所以以往使用Jquery编写的动画，在小程序里面都不能使用；****忘了从哪里看到的文章，这里我用自己的方式给他整理出来~知识都在于分享。首先微信下程序的每一个页面基本的格式是由四个文件来表现的，分别是：wxml结构层；wxss样式层；js逻辑层；json数据层；以下主要以前三个层来分别阐...原创 2019-01-02 16:02:36 · 4191 阅读 · 0 评论 -
小程序弹窗
小程序自带的默认弹窗整理；wxml：<view class="container" class="zn-uploadimg"> <button type="primary"bindtap="showok">消息提示框</button> <button type="primary"bindtap=原创 2019-05-10 09:22:38 · 286 阅读 · 0 评论 -
小程序默认选择器
小程序的选择器是自带的；这里给他整理出来~wmxl：&lt;view class="container"&gt; &lt;!--选择器--&gt; &lt;view class="section"&gt; &lt;view class="section__title原创 2019-05-10 09:22:44 · 1170 阅读 · 0 评论