随笔分类 -  微信小程序

微信小程序之商品属性分类
摘要：所提及的购物数量的加减，现在说说商品属性值联动选择。 为了让同学们有个直观的了解，到电商网截了一个图片，就是红圈所示的部分 现在就为大家介绍这个小组件，在小程序中，该如何去写 下图为本项目的图： wxml： wxss： js： 数据部分，一般情况都是访问接口获取数据的，这里并没有使用网络访问，为了简 阅读全文
posted @ 2018-05-24 19:29 softwyy 阅读(5134) 评论(0) 推荐(0)
微信小程序之登录页实例
摘要：项目效果图： 目录结构： login.wxml： login.wxss： login.js： 阅读全文
posted @ 2018-05-24 19:17 softwyy 阅读(910) 评论(0) 推荐(0)
微信小程序之购物车
摘要：这里演示从商品列表中添加到购物车 下面先做商品列表页。如下图： 布局分析： 首先一个list的主盒子，接着是item盒子，这是必须的。然后把item分成左侧的图片部分，和右侧的说明部分（item盒子使用横向弹性盒）右侧的说明部分又分上下2部分（右侧说明部分盒子使用纵向弹性盒）下面价钱购物车部分（下面 阅读全文
posted @ 2018-05-24 19:11 softwyy 阅读(1973) 评论(0) 推荐(0)
微信小程序之加载更多（分页加载）实例
摘要：业务需求： 列表滚动到底部时，继续往上拉，加载更多内容 必备参数： （1）pageindex: 1 //第几次加载 （2）callbackcount: 15 //需要返回数据的个数 其他参数： 根据接口的所需参数 实现原理： 当第一次访问接口时，传递2个必备参数（第1次加载，需要返回数据的个数为15 阅读全文
posted @ 2018-05-24 19:01 softwyy 阅读(27192) 评论(2) 推荐(1)
微信小程序开发之从相册获取图片 使用相机拍照 本地图片上传
摘要：1.index.wxml 2.index.js 这里说说sourcetype.默认是从相册获取和使用相机拍照,跟微信现在选择图片的界面一样,第一格是拍照,后面的是相册照片. 这里注意:返回的是图片在本地的路径.如果需要将图片上传到服务器,需要用到另一个API. 示例代码: 阅读全文
posted @ 2018-05-24 18:56 softwyy 阅读(5836) 评论(0) 推荐(0)
微信小程序--实现图片上传
摘要：前端： 微信开发者工具 后端：.Net 服务器：阿里云 这里介绍微信小程序如何实现上传图片到自己的服务器上 前端代码 后端上传代码(将文件上传到服务器临时文件夹内) 设置配置文件上传文件对应的文件夹信息 阅读全文
posted @ 2018-05-24 18:48 softwyy 阅读(4087) 评论(0) 推荐(0)
微信小程序支付结果 c#后台回调
摘要：又为大家带来简单的c#后台支付结果回调方法，首先还是要去微信官网下载模板（WxPayAPI），将模板（WxPayAPI）添加到服务器上，然后在打开WxPayAPI项目中的example文件下的 NativeNotifyPage.aspx打开网页中的代码页如图： 将以下代码加入进去就能完成： 备注：记 阅读全文
posted @ 2018-05-24 17:53 softwyy 阅读(1498) 评论(0) 推荐(0)
信小程序支付(C#后台+前台)
摘要：今天为大家带来比较简单的支付后台处理 首先下载官方的c#模板（WxPayAPI），将模板（WxPayAPI）添加到服务器上，然后在WxPayAPI项目目录中添加两个“一般处理程序” （改名为GetOpenid.ashx、pay.ashx） 之后打开business目录下的JsApiPay.cs，在J 阅读全文
posted @ 2018-05-24 17:50 softwyy 阅读(1387) 评论(0) 推荐(0)
微信小程序知识集锦
摘要：1、自定义属性/获取属性值 自定义属性： 获取属性： 2、传参/获取参数 获取参数并传参 detail页面接收参数值： 3,Image 图片实现宽度100%，高度自适应 将宽带设置为100%，添加属性 mode="widthFix"，如： 参考文档：https://www.w3cschool.cn/ 阅读全文
posted @ 2018-05-08 10:21 softwyy 阅读(222) 评论(0) 推荐(0)
小程序开发之页面布局
摘要：一、Flex布局是什么？ Flex是Flexible Box的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 行内元素也可以使用Flex布局。 Webkit内核的浏览器，必须加上-webkit前缀。 注意，设为Flex布局以后，子元素的float、c 阅读全文
posted @ 2018-04-26 02:01 softwyy 阅读(10072) 评论(0) 推荐(0)
微信小程序开发—快速掌握组件及API的方法
摘要：目录结构 小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。 一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下： pages目录下为小程序页面，每个页面须建立独立的文件夹，例如上面生成的小程序有两个页面，分别为pages/index、pages/logs，一个页面由四 阅读全文
posted @ 2018-04-26 01:41 softwyy 阅读(909) 评论(0) 推荐(0)
微信小程序特殊效果合集
摘要：微信小程序的开发并不难，但是有时我们想做出比较炫的效果，可能会一时没有思路或找不到方法。下面就整理了微信小程序的一些特殊效果的案例，均来自网络，供你参考。 1、文字跑马灯效果：http://www.wxapp-union.com/portal.php?mod=view&aid=1038 2、触摸水波 阅读全文
posted @ 2018-04-26 00:23 softwyy 阅读(6226) 评论(0) 推荐(0)
微信小程序UI组件、开发框架、实用库
摘要：UI组件 weui-wxss ★852 - 同微信原生视觉体验一致的基础样式库 Wa-UI ★122 - 针对微信小程序整合的一套UI库 wx-charts ★105 - 微信小程序图表工具 wemark ★85 - 微信小程序Markdown渲染库 WeZRender ★36 - 微信小程序Can 阅读全文
posted @ 2018-04-23 13:54 softwyy 阅读(677) 评论(0) 推荐(0)