
微信小程序
文章平均质量分 79
Memory沙漏
对自己的学习进行总结
展开
-
微信小程序之快递查询(完整版)
一、简介: 点击按钮查看快递信息。我也在网上找了很多快递查询的例子,但是它们都不是很详细。在代码上他们都没错,但是在配置上却缺少了一些东西,导致我们白嫖并没有什么用,对于一些新手并不友好。 这篇文章将为大家详细讲解编程过程。 **需求:输入快递单号,点击查询按钮即可查看快递信息 api:快递物流查询API接口-支持1000多家快递公司-高实时-高稳定-高并发**二、准备工作:第一步百...原创 2020-02-25 21:38:52 · 12994 阅读 · 11 评论 -
微信小程序input输入数据为数字
一、简介在做项目的时候,我们经常会碰到一些特殊的数据,如在输入数据时,要求输入电话号码而电话号码全是数字,输入某物品的数量,输入值肯定是正整形数字,这篇文章就是教你怎么处理这种情况的数据。二、效果图:三、代码:wxml:<view class="box"> <button class="button" bindtap="jian">-</button&...原创 2019-11-26 23:32:04 · 7773 阅读 · 0 评论 -
微信小程序之上传多张图片(云开发)
一、简介:这篇文章向大家展示的是把图片上传到云数据库中,这是我做商城项目时研究的。大家都知道,云开发是没有后端开发的,所有图片我们要放到云数据库中。二、素材图::三、效果图:四、代码:wxml:<!--miniprogram/pages/fb/fb.wxml--><view class='pages'> <view class='top'>...原创 2019-09-22 11:11:28 · 12484 阅读 · 18 评论 -
微信小程序之GoodsAction 商品导航
一、简介:写这篇文章主要是讲解这个GoodsAction 商品导航的样式是怎么写的,让我们可以根据这个样式写出属于自己的GoodsAction 商品导航。二、效果图:三、素材图:四、代码分解:让图片与文字一个在上一个在下,且让图片与文字上下左右居中布局。wxml:<view class="bottom_liuyan" > <view class="bott...原创 2019-08-08 14:40:58 · 1578 阅读 · 0 评论 -
微信小程序之页面跳转(tabBar页面与应用内页面)
一、简介:微信小程序主要分tabBar页面与应用内页面,这两种页面都有自己的跳转方式。二、tabBar页面跳转(1)什么tabBar页面在app.json中这样写的是tabBar页面页面中这样显示tabBar(2)wx.switchTab页面跳转wx.switchTab({ url: '/pages/index/index' });注意:switchTab...原创 2019-08-08 14:08:40 · 10712 阅读 · 0 评论 -
微信小程序之步骤条(Steps)
一、效果图及简介:(1)没完成的灰色小圆点表示(2)完成的使用绿色小圆点设表示(3)完成的最后一个步骤用代√的小圆点表示二、实现思路:(1)progress进度条:开发文档查看属性:https://developers.weixin.qq.com/miniprogram/dev/component/progress.html(2)view圆点样式:wxml:<view c...原创 2019-08-08 14:08:10 · 10647 阅读 · 1 评论 -
微信小程序之横向布局与纵向布局
一、效果图:二、代码:wxml: <!-- 横向布局 --> <view class="row"> <view class="box1">box1</view> <view class="box2">box2</view> </view> <!-- 纵...原创 2019-07-27 20:50:40 · 7892 阅读 · 1 评论 -
微信小程序之单个picker组件的使用
wxml:<view class="bottom-kuangjia"> <picker class="p" bindchange="bindPickerChange" value="{{index}}" range="{{array}}" custom-item="请选择"> <view class='classify-kuangjia'>...原创 2019-07-22 22:36:29 · 346 阅读 · 0 评论 -
微信小程序之引入vant-weapp组件库步骤非常详细(云开发)
一、查看组件库样式:vant-weapp组件库链接:https://youzan.github.io/vant-weapp/#/intro二、初始化package.json文件、三、安装对应的vant-weapp组件库包:继续输入命令:npm i vant-weapp -S --production导入包四、使用vant-weapp组件:json:{ "usin...原创 2019-08-04 09:53:42 · 3500 阅读 · 1 评论 -
微信小程序之云函数配置
一、安装node.js:1、Windows 安装包(.msi)下载32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi2、安装node.js(1)一直点下一步直到安装完成。(2)win...原创 2019-07-17 18:36:08 · 1166 阅读 · 0 评论 -
微信小程序之模糊搜索功能(云开发)
一、简介:最近一直在通过自学,用云开发做一个二手商城项目,现在做到搜索功能了。在此我对微信云开发模糊搜索进行了研究。搜索功能基本就是通过输入关键字查询与之相匹配的内容,并展示在页面上。目前小程序云开发还未提供模糊查询机制,因此我们只有通过正则表达式来完成云开发的模糊查询。name: db.RegExp({regexp: _this.searchContent,options: ‘i’,}...原创 2019-07-29 13:40:22 · 12209 阅读 · 24 评论 -
微信小程序之text文本超出隐藏超出部分用省略号表示
一、简介:在做微信小程序的时候,由于自己搭框架的只有这么大且刚好这么大的界面才美观,因此当我们的文本文字,超出这个范围时就要隐藏。我们不可能只隐藏超出的部分文字,却不提示是否有文字被隐藏了。于是我们可以用省略号表示。二、代码:wxml:<text class="text">(我我我我我我我我我我我我我我我我)(你你你你你你你你你你你你你你)(他他他他他他他他他他他他他)<...原创 2019-07-27 20:56:49 · 6086 阅读 · 0 评论 -
微信小程序之select下拉框
wxml:<view class="classify-kuangjia"> <view class="classify-kuangjia2"> <view>商品分类:</view> <!-- 下拉框 --> <view class='classify' bindtap='bindShowMsg'>...原创 2019-07-15 23:17:34 · 3732 阅读 · 0 评论 -
微信小程序之授权登录
一、简介:小程序一开始进入首页,进入后判断是否登录,如未登录自行跳转到授权登录页面,登录后再到首页。二、项目目录:三、代码:app.js:将代码放入onLaunch函数中,如有wx.getSetting直接替换 wx.getSetting({ success: res => { if (res.authSetting['scope.userInfo'...原创 2019-07-14 23:10:46 · 1595 阅读 · 0 评论