小程序
关注
分享
扫一扫
lucky.麒麟
一样魔前千古间，独看桑蝶化人间。一叹求魔千万年，几多轮回古葬边。
展开
-
小程序之flex布局
构建一个页面的骨架wxml<view class="chunck color_1">1</view><view class="chunck color_2">2</view><view class="chunck color_3">3</view>wxss.chunck原创 2018-10-19 16:02:01 · 748 阅读 · 0 评论 -
小程序开发之模态框组件封装
模态框组件一、前言对于模态框肯定大家都知道，诸如：Bootstartp、element-ui、layui等等都有自己的弹出层，并可以之定义内容，但是小程序的弹出层原生的太简单，那么我们如果自定义呢？其实很简单，就是一个遮罩、一个view内容区就搞定了！接下来看一下我自己封装后的模态框效果：感觉还可以哈！二、模态框组件的使用先在使用页面的json注册该组件{ "navigat...原创 2019-05-11 08:23:55 · 781 阅读 · 0 评论 -
小程序之上拉加载和下拉刷新
创建Data/** * 页面的初始数据 */ data: { articleInfo: [], // 请求数据是否为空的状态 flag: true, // 初始为第一页 index: 1,},分页请求数据 /** * 生命周期函数--监听页面加载 */ onLoad: function (options) ...原创 2019-01-09 18:06:13 · 550 阅读 · 0 评论 -
小程序之文件上传
小程序前端数据处理// 引入Model类import {PlayModel} from "../../../models/PlayModel";import {FileModel} from "../../../models/FileModel";import {TimeStorage} from "../../../utils/timeStorage";let playModel ...原创 2019-01-06 18:32:52 · 5054 阅读 · 1 评论 -
小程序之数据缓冲的封装
未使用缓冲的请求将请求添加到小程序的生命周期函数，每次加载数据都会请求数据。Page({ data : { imgList: [] }, onLoad: function() { carouselModel.getAll((res) => { let imgList = res.object; ...原创 2018-12-24 16:13:17 · 502 阅读 · 0 评论 -
小程序之登录授权(springboot做后端)
小程序登录流程：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/login.html在onGetUserInfo中添加接口onGetUserInfo(event) { const userInfo = event.detail.userInfo if (userInfo) { ...原创 2018-12-18 09:53:13 · 32968 阅读 · 34 评论 -
小程序之登录授权(小程序端处理)
登录组件组件的UI&lt;!--components/login/index.wxml--&gt;&lt;button bind:getuserinfo="onGetUserInfo" open-type='{{openType}}' plain='{{true}}' class="container"&gt; &lt;slot name=&am原创 2018-12-18 09:49:53 · 7908 阅读 · 0 评论 -
小程序之图片的上传、删除和预览和视频的上传和删除
最近在做一个小程序，帖子中用到了一个关于文字、图片和视频的一些操作。最终的样式原始样式上传图片上传视频这个可以实现输入文字的统计和限制，图片的上传、预览和删除，视频的上传和删除功能。如何实现上面的那些样式呢？大家可以先阅读下面的文档，会发现其实很简单。小程序关于图片操作的api文档：https://developers.weixin.qq.com/min...原创 2018-12-22 23:19:56 · 4931 阅读 · 3 评论 -
小程序之npm引入第三方UI
官方对npm的使用介绍https://developers.weixin.qq.com/miniprogram/dev/devtools/npm.html可能会出现错误，没有node_modules,导致无法引入第三方UI等具体正确操作应该是：# 在终端打开项目，执行命令npm init这样就初始化的npm项目。# 接下来生成package-lock.json，记录使用的第三方...原创 2018-12-06 22:58:21 · 5613 阅读 · 1 评论 -
小程序之对HTTP请求的封装
一般的进行数据请求并且很多时候需要使用临时变量保存this指针。/** * 页面的初始数据 */ data: { test: 1 },/** * 生命周期函数--监听页面加载 */onLoad: function (options) { let _this = this; wx.request({ url: 'http://localhost:...原创 2018-11-17 15:41:02 · 1696 阅读 · 0 评论 -
小程序之组件
组件的目录结构目录一目录二注册组件{ "usingComponents": { "v-like": "/components/like/index" }}在使用组件的页面的json文件中注册组件使用<!--pages/pan/open.wxml--><v-like />...原创 2018-10-19 18:42:28 · 140 阅读 · 0 评论 -
小程序之仿QQ侧边栏导航组件封装
仿QQ侧边栏导航组件封装一、前言为了突出首页功能页，采取了像QQ的侧边栏导航栏！具体实现也挺简单的，看一下效果！主要配合小程序的原生触摸事件touchmove/touchend/touchstart+隐藏和显示实现。二、如何使用在页面上注册组件{ "navigationBarTitleText": "XXXX", "usingComponents": { "pri...原创 2019-05-11 09:38:09 · 895 阅读 · 0 评论