![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
猜不到我是谁
这个作者很懒,什么都没留下…
展开
-
微信小程序之自定义轮播图实例
业务需求:5个图片轮番播放,可以左右滑动,点击指示点可以切换图片重点说明:由于微信小程序,整个项目编译后的大小不能超过1Mindex.wxml:这里使用小程序提供的组件autoplay:自动播放interval:自动切换时间duration:滑动动画的时长current:当前所在的页面bindchange:current 改变时会触发 change 事件由于组件提供的指示点...转载 2019-05-21 09:43:28 · 1845 阅读 · 0 评论 -
微信小程序的路由跳转传值,及导航栏、轮播图实现
导航栏效果图功能点击跳转以及滑动跳转实现使用小程序swiper组件代码全部代码<view class="mineRegister-container"> <!--顶部导航栏--> <view class="swiper-tab"> <view class="tab-item {{currentTab==0 ? 'act...原创 2019-05-21 16:44:03 · 1189 阅读 · 0 评论 -
微信小程序----贪吃蛇
效果图:代码:<!--pages/snake/snake.wxml--><view id="snake" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd"> <view class="score"> <view class="sco...原创 2019-09-15 16:24:38 · 3082 阅读 · 1 评论 -
微信小程序----大转盘 跑马灯效果
效果图<!--pages/pmd/pmd.wxml--><view class="container-out"> <view class="circle" wx:for="{{circleList}}" wx:key="" style="top:{{item.topCircle}}rpx;left:{{item.leftCircle}}rpx;backgro...原创 2019-10-01 17:32:36 · 537 阅读 · 0 评论 -
微信小程序左侧竖形滑动菜单(仿淘宝分类界面)
1、category.js中data初始化的数据(模拟),如果是跟后台数据库挂钩,可以用wx.request请求返回相似的对象数组再绑定到cartItems中。data: { cateItems:[ { cate_id:1, cate_name:'洗护', children: [ { ...转载 2019-10-06 16:15:33 · 3729 阅读 · 3 评论 -
微信小程序中使用阿里(iconfont)字体图标
一、下载图标1、首先在阿里云(iconfont)中找到项目中所需要的图标并且加入到购物车。2、添加至项目并下载本地(1)添加至项目 ,如图:下(2) 选择小程序项目名称并点确定,如图:下(3)选择Unicode,下载至本地二、微信小程序中使用1、复制iconfont.css中的所有代码,粘贴至小程序app.wxss文件中,如图:下2、界面(.wxml)文件中引用,代码如下:...转载 2019-10-06 18:28:01 · 656 阅读 · 1 评论