项目需要做个购物车结算功能,先分析需求: 1.全选,反选的功能.当选中的个数 = 购物车的数量时,勾选全选按钮,反之则取消选中全选按钮: 2.改变选中状态时,计算总价和总数量: 3.单个产品的数量加减: 4.列表某项选中时,如果数量改变,总价和总数量相应改变. 一些说明: 复选框默认用的小程序的checkbox组件. 为了正在看这篇文章的你更好的理解,我把设置的data截图展示出来: 解决步骤: 1.后台获取购物车列表的时候,默认给它添加一个selected属性,设置为false,并把这个值赋值

微信小程序购物车产品计价: 问题:当选中商品,价格累加时会出现无限循环小数 解答:在计算前先parseFloat(变量),再计算的最后使用(变量).toFixed(2)保留两位小数 例如: jiaCart:function(e){    var pid = e.currentTarget.id;    var pic = parseFloat(e.currentTarget.dataset.pic);    var cartList=this.data.cartList;    var ex =

echarts配置项太多了,还是一点点积累吧~~~~~ 当然前提条件还是得老老实实看echarts官方文档 :https://echarts.baidu.com/ 今天主要就介绍下我在工作中通过echarts实现的微信小程序的折线图 Demo地址:https://gitee.com/v-Xie/echartsDemo.git 效果嘛如下: 通过此图分析得出需要实现以下几点:(主要配置代码请看后面部分) 1.标题(折线图)-title 需:颜色,文本,位置 2.图例(财运,感情,事业)-legen

微信小程序绘制分享图例子: demo下载地址:https://gitee.com/v-Xie/wxCanvasShar 大致代码会再以下说明 实际开发项目: 基础知识点: 了解canvas基础知识 wx.createCanvasContext()//微信小程序创建画布 wx.canvasToTempFilePath()//将画布canvas转为图片 wx.saveImageToPhotosAlbum() //微信小程序保存至相册 canvas绘制以及绘制过程中的坑:(请看后面的代码部分) 1.绘

图解微信小程序---轮播图 代码笔记 第一步:在页面创建swiper组件 第二步:编写js页面 注意事项:wx:for渲染我们js中的图片数组,item默认写法,获取我们的图片数组中的图片,可通过增加wx:for-item="it"来改变默认的item名 优化

微信小程序,这里实现微信小程序checkbox,有需要此功能的朋友可以参考下. 摘要: 加减商品数量,汇总价格,全选与全不选 设计思路: 一.从网络上传入以下Json数据格式的数组  1.标题title 2.图片地址 3.数量num 4.价格price  5.是否选中selected 二.点击复选框toggle操作 如已经选中的,经点击变成未选中,反之而反之 点击依据index作为标识,方便遍历 三.全选操作 首次点击即为全部选中,再次点击为全不选,全选按钮本身也跟随toggle变换 四.点击结

这两天开发微信小程序,在设置背景图片时,发现在wxss里面设置 background-image:(url) 属性,不管是开发工具还是线上都无法显示.经过查资料发现,background-image 只能用网络url或者base64图片编码 , 本地图片只能用 image标签src属性才行.当然 image标签src属性也可以使用网络url或者base64图片编码. 下面通过 image 标签src属性设置,实现背景图显示 界面结构: <view class='set-background'>

swiper 微信小程序实现轮播图,和网站,APP的效果差不多,代码少,效率高. 先来看看效果图: 主要用swiper + swiper-item来实现 <view class='swiper'>滑块视图容器</view> <!-- indicator-dots='true' 是否显示指示点 默认 false indicator-color:指示点颜色 indicator-active-color:选中的指示点颜色 autoplay:是否自动切换 默认:false inter

一键获取微信小程序源代码 Tips: 一键获取微信小程序源码, 使用了C#加nodejs制作 直接解压在D盘根目录下后就可以使用 将小程序文件放到 wxapkg目录下3 这个目录下有一些demo 可以先进行实验 使用正确 wxapkg exe这些文件应该在 D:CrackMinApp\目录下4 然后打开 CrackMinApp.exe 按说明即可使用 前言 最近开始学习微信小程序的开发,可是苦于(自学),很多东西看了也不太会.发现小程序的坑远比想象的要多的多!!看到人家上线的小程序的效果,纯靠推

最近使用小程序echart折线图,遇到表头一直不显示问题,查询之后解决方案:

要求要完成的功能: 1.要完成的要点是城市定位. 2.就是切换城市. 首页我们先参照微信小程序开放的官方文档找到: 在这里我们可以找到”当前位置经纬度“ getLocation: function () { var that = this wx.getLocation( { success: function (res) { console.log(res) that.setData({ hasLocation: true, location: formatLocation(res.longit

小程序是什么? 微信小程序,是一种不需要下载安装即可使用的应用,用户扫一扫或搜一下即可打开应用,在微信-发现-小程序可打开应用. 一.小程序的样式编写: 目录结构: app.json { "pages": [ "pages/index/index", "pages/message/message", "pages/userCenter/userCenter", "pages/contact/contact"

最近做,微信点餐小程序,遇到添加商品时出现抛物动画,参考借鉴了这位大神的方法 https://www.cnblogs.com/greengage/p/7815842.html 但出现了一个问题,连续点击加入购物车时,抛物动画报错.如图: 我的解决方法是: //购物车抛物动画 (时间间隔)(解决点击过于频繁时,抛物动画报错问题) var nowTime = new Date().getTime(); var clickTime = e.currentTarget.dataset["ctime&qu

看图: 1. 前端H5调用JSSKD的方法  wx.login(), 2. 微信返回 临时登录凭证code 给前端H5 3. 将此Code给到开发者服务器 4. 服务器混同小程序的AppId 和 AppSecret 提交给微信 (URL: https://api.weixin.qq.com/sns/jscode2session?appid={0}&secret={1}&js_code={2}&grant_type=authorization_code) 5. 微信返回两个内容Ope

小程序的轮播图,也就是他其中的一个控件可以算是直接上代码: 这是WXML 页面 代码: <view class='carousel_div'> <swiper class="swiper" indicator-dots="true" autoplay="true" interval="5000" duration="1000"> <block wx:for="{{co

1,wxml <view class="miniCart-wrap {{isIpx?'is-ipx':''}}"> <view class="miniCart-main"> <view class="miniCart-main-l"> <view class="cart-icon" bindtap='showCartDialog' hover-class='none'> <

<view class='shop-mana'> <text class='management'>管理您的购物车</text> <text class='goto'>点击立即前往>></text> </view> <view class='carts'> <view class='goods' wx:for="{{goods}}" wx:key="goods"&g

购物车流程 一.需求分析 a:全选,单选,根据选中的计算数目和总价 b:单个商品加减 c:删除一个商品 wxml 布局 <view> <view v-if="flag"> 购物车空空如也请<navigator open-type="switchTab" url="/pages/home/home">选购 </navigator> </view> <view v-else> &

上一篇,我们有讲到如何造一个购物车弹层.今天来说一下,购物车数量的加减如何实现. 主要思路就是在data里面定义一个属性,属性值就是这个数量.点击+的时候就+1,点击-的时候就-1,再结合setData更改这个数字.当数字等于1的时候,要给-的按钮添加一个disabled的属性. wxml代码: <view class='row item-center'> <button class="buy-num-btn btn-minus" disabled="{{m

首先选择图片,然后循环,再就是在点击发布的时候循环图片地址赋值,包括删除命令 js代码: //选择图片 uploadImgAdd: function(e) { var imgs = this.data.imgs; console.log(imgs) wx.chooseImage({ sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success: (res) => { console.log(res)