原生小程序
小程序开发
QQ帝国
积土成山,风雨兴焉;积水成渊,蛟龙生焉;积善成德,而神明自得,圣心备焉。故不积跬步,无以至千里;不积小流,无以成江海。骐骥一跃,不能十步;驽马十驾,功在不舍。锲而舍之,朽木不折;锲而不舍,金石可镂。蚓无爪牙之利,筋骨之强,上食埃土,下饮黄泉,用心一也。蟹六跪而二螯,非蛇鳝之穴无可寄托者,用心躁也。
展开
-
小程序开发API之导航栏的显示、隐藏及修改
https://blog.csdn.net/jackjia2015/article/details/86574317效果展示wx.showNavigationBarLoading(Object object)在当前页面显示导航条加载动画wx.showNavigationBarLoading参数wx.hideNavigationBarLoading(Object...转载 2019-05-19 02:15:20 · 2159 阅读 · 0 评论 -
mpvue引入iview weapp的组件库
废话不多说,直接上步骤。。。一、首先建好一个mpvue模板(具体看mpvue文档)二、引进iview weapp的组件库 (下载weapp链接:https://github.com/TalkingData/iview-weapp) 1、下载完了以后就得到了一个压缩包 2、解压后打开这个文件,看到一个dist文件夹 3、把dist文件夹...原创 2019-03-15 17:20:43 · 1133 阅读 · 0 评论 -
mpvue使用wx.request封装请求
1.创建src下创建utils/request.jsconst host = 'https://rmall.ukelink.net' function request (url, method, data, header = {}) { wx.showLoading({ title: '加载中' // 数据请求前loading }) return new Promis...原创 2019-03-18 19:33:43 · 814 阅读 · 0 评论 -
小程序图片转换Base64格式的三种方法
1、wx.request() 这种方式适合网络https路径图片,但无法解析wxfile://xxxx导致转化报错三、获取全局唯一的文件管理器 读取本地文件内容原创 2022-06-28 08:46:31 · 4855 阅读 · 1 评论 -
uview u-number-box组件在循环不默认显示问题
uview u-number-box组件在循环不默认显示问题原创 2022-06-08 13:19:12 · 1707 阅读 · 5 评论 -
小程序map组件markers数据改变后Android系统依然显示问题
问题描述:改变markers数据后,地图点的icon依然存在原icon问题 真机预览和真机调试正常,开发者工具调试正常,上传到体验版安卓异常,发布后线上版本安卓异常,ios正常 。解决方式:<map :enable-3D="true" id="myMap" :markers="positionlist"></map>onReady: function (e) { // 使用 wx.createMapContext 获取 ma...原创 2022-02-08 10:06:44 · 1908 阅读 · 2 评论 -
小程序项目使用signalR通讯
本质上是小程序端用websocket连接服务器端的signalRsignalR.jsvar signalR = (function () { let recordCode = 0x1e; let recordString = String.fromCharCode(recordCode); let isConnectioned = false; let _events = new Array(); //初始化相关事件 //消息发送事件 _e.原创 2021-11-25 15:37:50 · 3224 阅读 · 1 评论 -
小程序分包(uniapp)
1. 修改manifest.json 在对应的平台下面开启分包配置2. 修改pages.json 配置分包模块"subPackages": [ // 接收一个数组,数组每一项都是应用的子包 { "root": "groupBuy", // 包的路径 "pages": [{ "path": "groupMembers/groupMembersMenu" // 页面的路径 }] },...原创 2021-08-09 11:50:52 · 274 阅读 · 0 评论 -
微信小程序8种数据通信的方式总结
下面我将这些通信方式归类介绍:组件通信 全局通信 页面通信一、组件通信properties父组件向子组件通信,与 Vue 的 props 作用相同。父组件向子组件传数据:<my-component list="{{list}}"></my-component>子组件接收数据:Component({ properties:{ ...转载 2020-04-25 10:33:26 · 1816 阅读 · 1 评论 -
小程序调用上个页面的方法和数据
//获取已经打开的页面的数组var pages = getCurrentPages();//获取上一个页面的所有的方法和data中的数据var lastpage = pages[pages.length - 2]//改变上一个页面中的data中的数据lastpage.setData({ aaa: 'www',})var s = this.data.datas//调...原创 2020-04-16 11:47:25 · 2436 阅读 · 0 评论 -
小程序scroll-view滑动触底
需求:当我们浏览到屏幕末尾时,加载出下一页的内容。小程序scroll-view文档:https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html注意实现细节:1、 由于采用的是scroll-view 来实现,因此需要竖向滚动,那么scroll-y 属性的值就必须要设置成 true ,而且scrol...原创 2020-03-15 20:50:48 · 4343 阅读 · 0 评论 -
小程序:父子组件方法的相互调用
一、父组件调用子组件方法子组件方法:// 组件的方法列表 methods: { test(){ console.log('我是子组件方法') } },父组件调用:<test id="two"/>在自定义方法里调用即可this.selectComponent('#two').test(...原创 2020-03-11 11:25:06 · 943 阅读 · 0 评论 -
小程序报错:Unexpected end of JSON input 问题
小程序使用json.parse出现的问题:原因: JSON.parse无法识别某些url中的特殊字符,所以报错跳转时用encodeURIComponent()wx.navigateTo({ url: '/pages/paymentDetail/paymentDetail?details=' + encodeURIComponent(nextDatas)});调转页...原创 2020-03-10 09:51:06 · 2506 阅读 · 2 评论 -
小程序tab切换
WXML<view class="swiper-tab"> <view class="swiper-tab-list {{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">党章党规</view> <view class="swiper-tab-list ...原创 2020-03-05 11:53:00 · 229 阅读 · 0 评论 -
小程序:自定义组件的使用和通信
1、在根目录新建components文件夹,并在里面添加组件二、组件的配置1,json文件 { "component": true }2,wxml文件<view >我是子组件</view><button bindtap="btnclick">按钮</button>3,wx...原创 2020-02-24 18:42:05 · 391 阅读 · 0 评论 -
mpvue上传图片
上传组件<template> <div class="upload-block"> <!-- 图片 --> <div :key="index" class="img-item" v-for="(imgUrl,index) in ImgList"> <img :src="img...原创 2019-12-15 12:43:54 · 322 阅读 · 0 评论 -
小程序常用方法封装
// 设置缓存function setItem(key, value) { wx.setStorageSync(key, value)}// 获取缓存function getItem(key) { return wx.getStorageSync(key)}// 移除缓存function removeItem(key) { wx.removeStorageSync(ke...原创 2019-12-15 12:11:52 · 401 阅读 · 0 评论 -
mpvue开发小程序checkbox组件封装
组件template:<template> <div class="checkbox_compont"> <checkbox-group @change="checkboxChange"> <label class="checkbox" v-for="(item,i) in checklist" :...原创 2019-12-08 15:49:29 · 1037 阅读 · 0 评论 -
mpvue---时间选择器(年月日时分)
标签<picker mode="multiSelector" :value="dateTime1" @change="changeDateTime1" :range="dateTimeArray1"> <div class="tui-picker-detail"> {{dateTimeArray1[0][dateTime1[0]]}}-{{...原创 2019-12-15 11:49:30 · 859 阅读 · 0 评论 -
mpvue页面跳转传参方法
A页面传值//跳转方法里传值 let formData =JSON.stringify({a:1,b:2});this.$router.navigateTo(`/pages/addCase/caseLaw/main?form=${formData}`); B页面接收this.$root.$mp.query.form...原创 2019-12-15 11:29:38 · 416 阅读 · 0 评论 -
mpvue 实现页面返回传参方法
注:微信小程序有个方法叫getCurrentPages()获取获取上一页并且还能修改上一页数据,但在mpvue不能实时更新。创建一个bus.js文件import Vue from 'vue';const Bus = new Vue;export default Bus;B页面返回传值importbusfrom'./bus'; 返回时的方法执行,data为所...原创 2019-12-15 11:19:32 · 845 阅读 · 0 评论 -
微信小程序---日期时间选择器(自定义精确到分秒或时段)
声明bug:由于此篇博客是在bindcolumnchange事件中做的值的改变处理,因此会出现当你选择时,没有点击确定,直接取消返回后,会发现选择框的值依然改变。造成原因:这一点就是由于在bindcolumnchange事件做的值改变处理造成。处理方法:如果需要确定后再改变值,请将bindcolumnchange事件中的处理操作放到bindchange事件中。效果图WXML...转载 2019-12-15 10:09:07 · 1045 阅读 · 0 评论 -
6个最优秀的微信小程序UI组件库
开发微信小程序的过程中,选择一款好用的组件库,可以达到事半功倍的效果。自从微信小程序面世以来,不断有一些开源组件库出来,下面6款就是排名比较靠前,用户使用量与关注度比较高的小程序UI组件库。还没用到它们的你,可以关注和了解一下哦!一、WeUIWeUI WXSS是腾讯官方UI组件库WeUI的小程序版,提供了跟微信界面风格一致的用户体验。GitHub地址:https://github.c...原创 2019-03-06 15:38:44 · 2063 阅读 · 0 评论 -
美团mpvue框架开发小程序
步骤一:生成你的mpvue工程1、通过vue-cli命令,我们先生成一个全新的mpvue工程代码:vue init mpvue/mpvue-quickstart my-project 2、然后进入该工程目录,通过npm安装依赖:cd my-projectnpm install 3、安装完后,npm run dev 运行项目把项目放编辑器,即可用vue语...原创 2018-09-22 21:43:20 · 406 阅读 · 0 评论 -
微信小程序todolist传参
简单的todolistbind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。Eg:bindtap="handleTap1”catchtap="handleTap2”Tip:获取表单元素的valuegetval:function(e){ e.detail.value==表单元素的value}sel:function(e){ e....原创 2018-09-22 20:01:54 · 598 阅读 · 0 评论