![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
=Einsam=
安安静静就好
展开
-
微信小程序:实现可拖动悬浮图标(包括按钮角标的实现)
微信小程序:实现可拖动悬浮图标在制作商城类微信小程序的过程中,我们经常会碰到需要增加可拖动悬浮图标的情况,本文简单的介绍一下可拖动悬浮按钮的实现。运行截图:主要代码:js:var startPointPage({ data: { //按钮位置参数 buttonTop: 0, buttonLeft: 0, windowHeight: '', windowWidth: '', //角标显示数字 corner_data:0, },原创 2020-12-27 20:59:42 · 9869 阅读 · 9 评论 -
微信小程序:商城购物车数量选择器
微信小程序:数字加减器本文简单的制作一下制作商城类小程序的时候我们经常会需要数字加减器。运行截图主要代码:js:Page({ data: { Goods_Num:0, }, onLoad: function (options) { }, /*购物车数字加减器 */ //数字加1 addNum: function() { let num=this.data.Goods_Num num++ this.setData({ Good原创 2020-12-27 10:36:03 · 1038 阅读 · 0 评论 -
微信小程序:block制作动态商品列表
微信小程序:block制作动态商品列表在制作微信小程序时,我们往往会碰到需要动态生成列表的情况,本文便是以常见的商品列表为例来学习如何利用block制作动态商品列表。运行截图实现代码js:Page({ data: { showData:null }, onLoad:function(){ //使用的时候仅需替换调参数和里面的值即可 var showData=[ { goods_name: "商品名称",store_img_url: '../images原创 2020-12-21 20:24:11 · 2095 阅读 · 0 评论 -
微信小程序:简单计算器
微信小程序:简单计算器对于才接触小程序不久的人来说,想要直接上手一个实用性强的项目难度很大,想要快速熟悉小程序的使用,我们可以先尝试着做一个简单的计算器。运行截图计算器对于界面美观的要求并不高,只是一些view以及button控件的组合,所以并不需要在界面上费很多功夫。重要的是逻辑层,之所以选择计算器作为上手的第一个项目,因为计算器的逻辑可简可繁,完全可以适应新手对小程序的掌握程度。主要代码js:Page({ data: { result:"0", id1:"clear",原创 2020-12-21 10:17:15 · 5838 阅读 · 1 评论 -
微信小程序:wx-charts动态绘制折线图
微信小程序:wx-charts动态绘制折线图wx-charts是基于 Canvas的微信小程序主流图表工具,体积小易操作,支持多种图表的绘制,这里主要就动态绘制折线图做出详解,所谓动态,指的是表格的数据不是固定的,而是通过网络接口或者其他的途径获得的。1.配置工具首先,需要将wx-charts配置到小程序中,wx-chart.js文件下载地址:https://download.csdn.net/download/botellei/13739743下载好文件后将其放到微信小程序utils文件夹中原创 2020-12-20 21:22:54 · 13621 阅读 · 5 评论 -
微信小程序:自定义滚动弹窗
微信小程序:自定义滚动弹窗微信小程序虽然有三种自带的弹窗,但是毕竟功能有限,有时候难以满足我们的需求,所以我们可以自己尝试制作自定义弹窗,话不多说,直接上图:其中列表部分支持滚动,所以信息承载能力很强。实现代码:wxml:<button class="showModal" bindtap="showModal_click">唤出弹窗</button><!--弹窗--><view class="modal-mask" bindtap="hideMod原创 2020-12-19 13:47:22 · 4450 阅读 · 7 评论 -
网页调起支付宝付款和微信付款
网页调起支付宝付款和微信付款昨天在指导客户制作付款网页的时候写了部分说明文档,觉得其中有很多对第一次接触这方面的人能有所帮助,在此分享一下调起付款的步骤1.获取微信code(支付宝是auth_code,以下统称code)不论是微信还是支付宝的code都是需要通过重定向获取的,其中需要拼接进微信公众号的appid(支付宝的需要自己去平台申请),然后 重定向跳转的网址 是你接受重定向信息的地方,网址的域名需要在管理后台的授权回调地址中配置,不然会跳转失败,具体的配置方法可以参考其他的文章,这里不做赘述。原创 2020-12-19 09:54:05 · 6013 阅读 · 1 评论 -
微信小程序:微信商家券的领取
微信小程序:微信商家券的领取微信在去年推出了商家券,我前不久才接触,在制作领取程序的时候由于网上相关的资料很少,所以 走了不少弯路。主要问题这里可以注意到,微信券的领取需要传递三个参数,坑爹的是,当我们点击领取之后他在最开始就会把参数传递过去,并不会给我们时间去组织参数。这对于有选择性领券的小程序(类似于礼券商城)是相当不友好的,因为我们只有在确定领取的是哪张券之后才能开始组织参数并计算签名,而这就意味着我们在点击领取按钮之前必须先进行选择按钮的点击,这就大大影响了小程序的用户体验,我一开始碰到这个原创 2020-12-20 10:40:26 · 3724 阅读 · 1 评论 -
Jquery+javascript制作支付网页数字键盘
Jquery+javascript动态生成支付网页数字键盘制作网页支付界面的时候,数字键盘适配不同的屏幕宽高比是一个很麻烦的事,所以我制作了一个根据屏幕宽高动态生成的数字键盘运行截图:实现代码html:<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta content="initial-scale=1.0,maximum-scale=1.0,user-scala原创 2020-12-20 16:44:01 · 4592 阅读 · 5 评论