微信小程序
=Einsam=
安安静静就好
展开
-
微信小程序:实现可拖动悬浮图标(包括按钮角标的实现)
微信小程序:实现可拖动悬浮图标在制作商城类微信小程序的过程中,我们经常会碰到需要增加可拖动悬浮图标的情况,本文简单的介绍一下可拖动悬浮按钮的实现。运行截图:主要代码:js:var startPointPage({ data: { //按钮位置参数 buttonTop: 0, buttonLeft: 0, windowHeight: '', windowWidth: '', //角标显示数字 corner_data:0, },原创 2020-12-27 20:59:42 · 9976 阅读 · 9 评论 -
微信小程序:审核及运营中的注意事项
微信小程序:审核及运营中得注意事项微信小程序在开发完之后需要提交给微信审核,审核通过之后才能正式发布供微信用户使用。而很多开发者在经历完曲折的开发之后被告知小程序审核没有通过,又搞得焦头烂额。本文就来说一说微信小程序在提交审核以及后期运营方面所需要注意的事项。提交小程序的时候需要注意的事项1、小程序的名称必须和所提供的服务有所关联,而且必须是两个词以上的组合,不能使用广泛使用不具备识别性的词语来命名,比如日历、电话。2、头像 LOGO 要尽量使用清晰度高的图片,这个清晰度是指可以看清、分别、图片中包原创 2020-12-27 15:29:13 · 1309 阅读 · 0 评论 -
微信小程序:商城购物车数量选择器
微信小程序:数字加减器本文简单的制作一下制作商城类小程序的时候我们经常会需要数字加减器。运行截图主要代码: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 · 1053 阅读 · 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 · 2120 阅读 · 0 评论 -
微信小程序:简单计算器
微信小程序:简单计算器对于才接触小程序不久的人来说,想要直接上手一个实用性强的项目难度很大,想要快速熟悉小程序的使用,我们可以先尝试着做一个简单的计算器。运行截图计算器对于界面美观的要求并不高,只是一些view以及button控件的组合,所以并不需要在界面上费很多功夫。重要的是逻辑层,之所以选择计算器作为上手的第一个项目,因为计算器的逻辑可简可繁,完全可以适应新手对小程序的掌握程度。主要代码js:Page({ data: { result:"0", id1:"clear",原创 2020-12-21 10:17:15 · 5860 阅读 · 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 · 13837 阅读 · 5 评论 -
微信小程序:微信商家券的领取
微信小程序:微信商家券的领取微信在去年推出了商家券,我前不久才接触,在制作领取程序的时候由于网上相关的资料很少,所以 走了不少弯路。主要问题这里可以注意到,微信券的领取需要传递三个参数,坑爹的是,当我们点击领取之后他在最开始就会把参数传递过去,并不会给我们时间去组织参数。这对于有选择性领券的小程序(类似于礼券商城)是相当不友好的,因为我们只有在确定领取的是哪张券之后才能开始组织参数并计算签名,而这就意味着我们在点击领取按钮之前必须先进行选择按钮的点击,这就大大影响了小程序的用户体验,我一开始碰到这个原创 2020-12-20 10:40:26 · 3743 阅读 · 1 评论 -
微信小程序:自定义滚动弹窗
微信小程序:自定义滚动弹窗微信小程序虽然有三种自带的弹窗,但是毕竟功能有限,有时候难以满足我们的需求,所以我们可以自己尝试制作自定义弹窗,话不多说,直接上图:其中列表部分支持滚动,所以信息承载能力很强。实现代码:wxml:<button class="showModal" bindtap="showModal_click">唤出弹窗</button><!--弹窗--><view class="modal-mask" bindtap="hideMod原创 2020-12-19 13:47:22 · 4482 阅读 · 7 评论