![](https://img-blog.csdnimg.cn/20191217171452668.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信小程序开发
微信小程序开发
掘金-我是哪吒
这个作者很懒,什么都没留下…
展开
-
小程序基础-组件
作者 | Jeskson来源 | 达达前端小酒馆⽂本的组件、表示图像的组件、表示视图容器的 组件,表示链接的组件组件的属性公共属性是指⼩程序所有的组件都有的属性,⽐如id、class、style轮播效果⼩程序有专⻔的轮播组件swiper<view class="home-top"> <view class="home-swiper"> ...原创 2019-11-23 13:23:36 · 1405 阅读 · 0 评论 -
小程序云开发基础
了解云开发基础云开发是什么云开发基本功能演示云开发控制面板介绍云开发api简介 云开发数据库能力介绍云开发数组查询字段类型查询正则表达式地理位置查询 云开发数据库权限介绍数据库权限管理云开发文件存储能力介绍文件存储生成临时链接 云函数基础用法之定时器云函数定时器的使用 云开发实战之TODO需求分析数据设计查看所有Todo添加Todo查看Todo详情添加图片上传给Todo设置位置云...原创 2019-08-27 08:22:24 · 721 阅读 · 0 评论 -
微信小程序轮播组件
在index.wxml中添加以下代码 <view> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}"> <block wx:for="{{imgUrl}}" w...原创 2019-08-23 07:43:17 · 917 阅读 · 0 评论 -
微信小程序电影模板
[外链图片转存失败(img-STw401rR-1565101469846)(https://upload-images.jianshu.io/upload_images/11158618-52efd0adc4d95b06.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240)][外链图片转存失败(img-u4QekWfY-15651014698...原创 2019-08-06 22:24:43 · 3563 阅读 · 1 评论 -
微信小程序客服系统
微信公众平台 点击 客服 添加微信文档-接收消息和事件 在页面中使用 第三方客服系统 芝麻小客服填写对应的 appid && AppSecret 等信息微信文档-接收消息和事件 在页面中使用 请点赞!因为你的鼓励是我写作的最大动力!吹逼交流群:711613774...原创 2019-06-17 16:53:51 · 1441 阅读 · 0 评论 -
微信小程序分页显示
<view class="tabNav"> <view wx:for="{{navTab}}" wx:key="index" data-idx="{{index}}" bindtap="currentTab" class="{{currentTab==index ? 'cur' : ''}}"><text>{{item}}</text><...原创 2019-06-06 11:28:39 · 4076 阅读 · 0 评论 -
微信小程序的概要
微信小程序的概要学习小程序要了解一下什么事小程序,小程序开发前需要做哪些准备,微信小程序开发工具的使用,小程序中的目录结构解析,视图和渲染,事件。小程序的配置详解,小程序的生命周期与app对象的使用,页面的配置,页面的生命周期和参数传递,用户的登录,UI开发。UI开发中的布局基础,样式基础,组件的使用,视图容器的使用,基础内容组件,表单组件,操作反馈小工具,导航,多媒体的使用。地图和LB...原创 2019-01-21 12:19:08 · 1898 阅读 · 0 评论 -
微信小程序高级基础
微信小程序高级基础微信小程序的注册和服务器配置:小程序是什么呢?小程序是一种不需要下载安装就可以使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或者搜一下就可以打开应用,也体现了龙哥"用完即走"的理念,用户不用关心是否安装太多应用的问题,应用将无处不在,随时可用,而且又不用安装卸载。微信小程序其实是微信提高了自身对于HTML5特性支持的能力,开发了很多的系统调用。之前h5的存在有...原创 2018-12-20 17:18:38 · 921 阅读 · 0 评论 -
小程序获取时间格式
小程序获取时间格式效果图片:.wxml&lt;view class='date'&gt; &lt;picker mode="date" value="{{date1}}" start="2018-01-01" end="2222-10-08" bindchange="change原创 2018-12-07 12:12:02 · 1258 阅读 · 0 评论 -
小程序新请假界面
小程序新请假界面效果:.wxml:<view class="head"> <view class="head_item {{selected?'head_itemActive':''}}" bindtap="selected">新请假</view> <view class="ring">&原创 2018-12-04 20:49:38 · 9271 阅读 · 4 评论 -
小程序九宫格
小程序九宫格效果:wxml&lt;view class="content"&gt; &lt;view class="title"&gt;--你对哪些话题感兴趣?--&lt;/view&gt; &lt;swiper style="height:350px;"&am原创 2018-11-30 16:49:34 · 903 阅读 · 0 评论 -
微信小程序上传图片
//添加图片 joinPicture: function (e) { var index = e.currentTarget.dataset.index; var evalList = this.data.evalList; var that = this; var imgNumber = evalList[index].tempFilePaths; i...原创 2018-11-27 18:17:07 · 887 阅读 · 0 评论 -
小程序如何获取code
小程序如何获取codewx.login({ success: function (res) { var code = res.code; if (code) { console.log('获取用户登录凭证:' + code); // --------- 发送凭证 ------------------ ...原创 2018-11-16 10:38:33 · 28526 阅读 · 2 评论 -
微信小程序的模板消息与小程序订阅消息
小程序订阅消息功能介绍消息能力是小程序能力中的重要组成,我们为开发者提供了订阅消息能力,以便实现服务的闭环和更优的体验。订阅消息推送位置:服务通知订阅消息下发条件:用户自主订阅订阅消息卡片跳转能力:点击查看详情可跳转至该小程序的页面使用说明步骤一:获取模板 ID在微信公众平台手动配置获取模板 ID:登录 https://mp.weixin.qq.com 获取模板,如果没有合适的模板,可以申请...原创 2019-12-09 21:47:47 · 3730 阅读 · 2 评论 -
美颜小程序准备
注册小程序https://mp.weixin.qq.com/cgi-bin/wx下载小程序开发者工具https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html用小程序账号登录腾讯云控制台选择微信公众号登录扫码授权进入云开发控制台https://cloud.tencent.com/product/tcb...原创 2019-09-10 08:35:46 · 2033 阅读 · 0 评论 -
前端微信小程序电影类仿淘票票微信小程序
需求描述及交互分析设计思路和相关知识点电影界面顶部页签切换效果设计正在热映界面布局设计即将上映界面布局设计电影详情页设计我的界面列表导航设计登录设计 相关知识点(1)swiper滑块视图容器组件,可以实现海报轮播效果动态展示以及页签内容切换效果;(2)wx.request(OBJECT)是用来发起的是 HTTPS 请求;(3)微信小程序支持页面分享功...原创 2019-08-25 16:41:49 · 6094 阅读 · 24 评论 -
前端微信小程序生鲜类仿爱鲜蜂微信小程序
需求描述及交互分析设计思路和相关知识点首页界面布局设计闪送超市纵向导航设计商品添加到购物车设计购物车商品显示设计收货地址列表显示设计新增收货地址设计 交互分析(1)底部标签导航有首页、闪送超市、购物车、我的,单击不同底部标签导航显示对应的界面内容;(2)首页通过幻灯片轮播效果,动态展示商品广告信息;(3)首页商品可以动态添加到购物车里,数据保存...原创 2019-08-25 15:49:39 · 1876 阅读 · 0 评论 -
前端微信小程序资讯类仿今日头条微信小程序
需求描述及交互分析设计思路和相关知识点新闻频道滑动效果设计首页新闻内容设计首页新闻详情页设计我的界面列表式导航设计系统设置二级界面设计 设计思路(1)设计底部标签导航,准备好底部标签导航的图标和建立相应的两个页面;(2)设计新闻频道滑动效果,需要借助于scroll-view可滚动视图容器组件,允许水平方向上进行滑动;(3)设计新闻频道页签切换效果,单击新闻频道页签,显...原创 2019-08-25 12:33:57 · 4510 阅读 · 14 评论 -
从小程序到小程序云开发
速度快无需下载安装,加载速度快于HTML5,随时可用无适配一次开发,多端兼容,免除了对各种手机机型的适配可分享支持图文分享,支持分享给微信好友和群聊体验好可达到近乎与原生app相同的操作体验和流畅度易获取支持扫码,微信搜索,好友推荐低门槛已有公众号的组织可快速注册,可快速生成门店小程序[外链图片转存失败(img-MGADDZRv-1566144096961)(https:/...原创 2019-08-19 00:01:50 · 672 阅读 · 0 评论 -
微信小程序
微信小程序游戏类demo:识色;从相似颜色中挑选不同的一个源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1105微信小程序精品demo:仿网易云音乐:歌单,FM,播放,评论源码链接:http://www.wxapp-union.com/forum.php?mod=viewthread&tid=1103...原创 2019-07-30 08:39:46 · 543 阅读 · 2 评论 -
微信小程序开源
| UI组件 || | || | || | weui-wxss ★1873 - 同微信原生视觉体验一致的基础样式库 || | || | zanui-weapp ★794 - 好用易扩展的小程序 UI 库 || | || | wx-charts ★449 - 微信小程序图表工具 || | || | Wa-UI ★164 - 针对微信小程序整合的一套UI库...原创 2019-07-13 13:51:06 · 926 阅读 · 0 评论 -
小程序开发
注册小程序账号安装开发者工具开发者工具下载地址:微信开发者工具WeUI 有两个版本,一个是普通的 HTML5 版本,另外是小程序版本。[.json 后缀的 JSON 配置文件.wxml 后缀的 WXML 模板文件.wxss 后缀的 WXSS 样式文件.js 后缀的 JS 脚本逻辑文件自定义组件插件bind 不会阻止冒泡catch 会阻止事件继续冒泡捕获是...原创 2019-07-10 23:48:59 · 442 阅读 · 0 评论 -
mpvue开发小程序
实例生命周期beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedactivateddeactivatedbeforeDestroydestroyedonLaunch,初始化onShow,当小程序启动,或从后台进入前台显示onHide,当小程序从前台进入后台page 部分:onLoad,监听页面加载...原创 2019-07-10 00:38:59 · 385 阅读 · 0 评论 -
微信小程序基础
微信小程序介绍微信小程序开发工具的使用微信小程序框架文件微信小程序逻辑层微信小程序视图层微信小程序组件介绍微信小程序API说明什么是微信小程序无需下载安装卸载 触手可及 用完即走小程序是一种不需要下载安装即可使用的应用,它实现了应用“触手可及”的梦想,用户扫一扫或者搜一下即可打开应用。也体现了“用完即走”的理念,用户不关心是否安装太多应用的问题。应用将无处不在,随时随地可...原创 2019-07-04 23:21:09 · 668 阅读 · 0 评论 -
小程序支付
后台对接微信支付中所需要做的一些流程小程序中调用微信支付wx.requestPayment({ timeStamp : '', // 时间戳,必填(后台传回) nonceStr : '', // 随机字符串,必填(后台传回) package : '', // 统一下单接口返回的 prepay_id 参数值,必填(后台传回) signType : 'MD5', /...原创 2019-06-21 23:10:11 · 443 阅读 · 0 评论 -
小程序分享
<open-data type='' class='avatar'></open-data>.avatar{ width:200rpx; height:200rpx; border-radius:50%;}.avatar{ width:200rpx; height:200rpx; border-radius:50%; overflow:...原创 2019-06-20 23:29:35 · 929 阅读 · 0 评论 -
wepy小程序项目
# 安装(更新) wepy 命令行工具。cnpm install wepy-cli -g# 安装依赖包cnpm install# 开发实时编译。npm run devWePY开发文档参考店铺店铺首页店铺信息商品分类展示规格展现购物车商品详情会员折扣价订单商品下单订单列表订单详情订单评价订单退款堂食点餐/外卖点餐优惠券我的优惠券领取优惠券...原创 2019-06-09 05:31:39 · 617 阅读 · 0 评论 -
小程序上传wx.uploadFile - 小程序请假-请求
小程序上传wx.uploadFileUploadTask wx.uploadFile(Object object)将本地资源上传到服务器。客户端发起一个 HTTPS POST 请求,其中 content-type 为 multipart/form-data。使用前请注意阅读相关说明。url string开发者服务器地址filePath string 要上传文件资源的路径name s...原创 2018-11-30 10:18:58 · 11178 阅读 · 0 评论 -
小程序请假效果
&amp;lt;!-- 标签 --&amp;gt;&amp;lt;view class=&quot;swiper-tab&quot;&amp;gt; &amp;lt;!-- 标签列表 --&amp;gt; &amp;lt;view class=&quot;swiper-tab-list {{currentTab==0 ? 'on' : ''原创 2018-11-28 10:48:09 · 3298 阅读 · 0 评论 -
小程序排行榜
&lt;!-- 向左滑动删除功能 --&gt;&lt;!-- 整体盒子 --&gt;&lt;view class="item-box"&gt; &lt;!-- 所有项 --&gt; &lt;view class="items"&gt; &lt原创 2018-11-26 15:26:15 · 3753 阅读 · 0 评论 -
微信小程序基础
前言什么是微信小程序,它是一种轻量级的APP,它与常规App来说,无需下载安装即可使用,它嵌于微信App中,要使用微信小程序你只需要搜索一下微信小程序的名称就好,如近期的“Google的画图”小程序等,小程序不同于APP一点的是,小程序成本低,前期宣传,可以靠扫描二维码,分享群,朋友圈等,来提高微信小程序的使用。无需安装即可下载的特点,也深受广大群众的喜欢。介绍小程序是一种...原创 2018-08-21 03:58:40 · 625 阅读 · 0 评论