小程序
weixin_43831302
这个作者很懒,什么都没留下…
展开
-
不同主体的小程序如何跳转
1.在需要跳转的小程序的app.json中加入"navigateToMiniProgramAppIdList": [ "" //appid需要跳转到的小程序 ]2.在需要点击跳转的按钮加入 // wx.navigateToMiniProgram({ // appId: '', // path: 'pages/home/index/index', //跳转小程序的路径 // success(res) { // // 打开成功 //原创 2020-08-19 17:56:02 · 2281 阅读 · 0 评论 -
自己捣鼓的小程序实现订单代付的功能
在小程序的api找了半天没有找到代支付的api,所以自己就捯饬一个,能用在支付的页面添加代付按钮 <button hover-class='button-hover' open-type='share' class='button' > <image src='/images/wechat.png' class='pay-icon'></image> <view>好友代付</view>原创 2020-08-06 16:28:11 · 3078 阅读 · 1 评论 -
canvas小案例微信小程序
jsPage({data: {// width: 0,// height: 0},onLoad: function (options) {var that = this//获取系统信息wx.getSystemInfo({//获取系统信息成功,将系统窗口的宽高赋给页面的宽高success: function (res) {that.width = res.windowW...转载 2019-11-29 09:09:47 · 241 阅读 · 0 评论 -
vant 小程序踩坑之Toast
官方给的路径是这样import Toast from ‘path/to/@vant/weapp/dist/toast/toast’;报错修改后import Toast from ‘@vant/weapp/toast/toast’;可以正常使用了在页面引入按照官网方式就可以了原创 2020-07-29 16:17:18 · 1738 阅读 · 0 评论 -
微信实现左滑删除
wxml <view class="delete_list"> <view wx:for="{{contactList}}" wx:key="{{index}}}" bindtouchstart="touchstart" bindtouchmove="touchmove" class='list-box' bindtouchend="touchend" data-index="{{index}}" data-info='{{item}}'> <view原创 2020-05-29 16:34:50 · 1147 阅读 · 0 评论 -
loading方法,项目中用到了记录一下
1.从左到右的loading圆点wxml <view class="loading4"> <view class="three1"></view> <view class="three2"></view> <view class="three3"></view> </view>wxss .loading4{ width:150px;原创 2020-05-14 15:08:19 · 138 阅读 · 0 评论 -
小程序根据后台返回的数据做a-z的区分
1.首先将元素用scroll-view这个标签包裹起来(注意这个容器里面只能有一个元素,另这个容器设置宽高也一定要给page设置高度,不然bindscroll就触发不了了)2.这边对数据做了处理默认的数据结构 carList: [{ index: 'A', cars: [] }, { index: 'B', cars: [] ...原创 2020-04-24 15:53:06 · 376 阅读 · 0 评论 -
云函数调用失败报错
https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/capabilities.html#%E6%95%B0%E6%8D%AE%E5%BA%93以上网址有详细说明有时候按照以上的操作,还是调用失败,然后就找到文件夹里面login右键上传并部署云端安装依赖...原创 2020-04-14 15:40:55 · 1315 阅读 · 1 评论 -
自定义picker组件初始化的时间
//获取东八区时间function getAbsTime() { let currentZoneTime = new Date(); let currentZoneHours = currentZoneTime.getHours(); let offsetZone = currentZoneTime.getTimezoneOffset() / 60; if (offsetZon...原创 2020-03-18 15:02:10 · 263 阅读 · 0 评论 -
数组循环 forEach every filter map记录一下,总是忘记
1.forEach 会直接改变原数组 不过不会return出去,会遍历整个数组, 例如想根据某个值删除数组中的某一项var arr = [1,2,3,4,5] arr.forEach((item, index) => { if (2 == item) { arr.splice(0, index) } ...原创 2020-02-29 17:12:35 · 78 阅读 · 0 评论 -
小程序如何一个页面生成多个cavas(这个是根据后台返回的二维码网址的数量决定的)并将多张cavas保存在本地
这个只要是利用循环把数据进行渲染,包括保存图片在本地也是利用循环具体代码如下wxml <canvas canvas-id="canvas{{index}}" wx:for='{{ cavasList }}' wx:key='index' class='to-absolute' style='z-index:{{ cavasList.length-index }}'>...原创 2020-02-29 16:55:35 · 975 阅读 · 0 评论 -
循环的input根据input是否有值来改变他的样式
ui设计的是文本框文未输入数据时文本居中,有内容之后文本框的数据向右对齐,并且文本加粗,同时这组input框是根据加减按钮控制增减的具体如下wxml<form bindsubmit="formSubmit"> <view class='to-flex-center-between padding-bottom-Mid-big'> ...原创 2020-02-29 15:49:42 · 386 阅读 · 0 评论 -
小程序模拟输入车牌号键盘
wxml <view class=''>车牌号</view> <view class='to-flex-center-between' bindtap='licensePlateNumber'> <view bindtap='getFocus' class='codeView to-...原创 2020-02-27 11:04:54 · 971 阅读 · 0 评论 -
小程序自定义showModal弹框
纯属练习组件化组件wxml页面代码如下<view class='shade' hidden='{{popup}}' ></view><view class='shade_box popup {{frameAnimate}}' hidden='{{popup}}'> <view class='content'>{{ title }}&l...原创 2020-01-10 10:41:02 · 1496 阅读 · 0 评论 -
小程序自定义时间弹框组件
小程序利用和 自定义时间选择组件在component文件中新建picker组件html页面代码如下`{{ popupText }} 请选择用车时间 取消 {{less.name}} {{less.name}} {{less.name}} ...原创 2020-01-10 10:25:30 · 1133 阅读 · 0 评论 -
小程序实现拖拽效果
page({ data: { x: 200, y: 300, }, onLoad() { this.setData({ W: wx.getSystemInfoSync().windowWidth, // 获取当前窗口的宽度 H: w...转载 2020-01-09 09:42:31 · 1255 阅读 · 2 评论 -
小程序线下扫码,动态传参
1.首先这个小程序二维码是后台生成的,需要后台去调用小程序的官方接口 后台去根据这个去配置https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/qr-code.html2.小程序端就可以在onLauch中获取数据或者子啊onShow中获取数据,根据产品需求我是在onShow中获取的数据,拿到数据解析的情...原创 2019-12-24 13:44:49 · 464 阅读 · 0 评论 -
cover-view在map上如何实现滑动效果这是别人跟我讲,我做个笔记
html{{item}}wxss 部分.scroll-box {width: 100%;height: 100rpx;overflow: hidden;background: #fff;position: absolute;top: 200rpx;left: 0;}.scroll-view {width: 100%;height: 104rpx;backgro...原创 2019-12-05 15:48:13 · 1442 阅读 · 0 评论 -
小程序实现毛玻璃的效果
利用css的filter这个属性实现,在有弹框弹出的时候背景出现高斯模糊的效果写个小例子记录一下,这个是背景是地图的情况下,做的处理,不管是文字还是图片什么的,在弹出框出来的时候给背景添加filter:blur(20rpx)中间值的模糊程度。wxml部分 给地图用一个标签包着,直接添加到地图上也可以,但是为了更好的控制地图的样式,我就用了一个标签包着地图,放在了地图的盒子上一样的效果,为了展...原创 2019-12-05 14:11:10 · 3931 阅读 · 0 评论 -
小程序同层渲染解决原生组件的层级最高的问题
因为在项目中需要用到map这个原生组件,但是在map上又要用到picker和scroll-view这些组件,利用cover-view实现不了这些效果,所以就想到了小程序提出的同层渲染,这是第一次使用,写个小例子记录一下膳食与营养膳食与营养膳食…膳食与营养膳食与营养膳食…膳食与营养膳食与营养膳食…膳食与营养膳食与营养膳食…{{year}}年{{m...原创 2019-12-05 11:40:36 · 2207 阅读 · 0 评论 -
小程序跨页面实现数据调取
app.js // wx.cloud.database().请求云端数据//app.jsApp({//第二种,通过promisepromiseGetData() {let promise = new Promise(function(success, fail) {wx.cloud.database().collection(“users”).get({success(res...原创 2019-11-14 17:58:03 · 1043 阅读 · 0 评论 -
搜索的关键字变色
data:{listDataCopy:[]}// 搜索关键字searchTap: function () {var that = this;that.setData({listDataCopy: that.data.listData})var data = that.data.listData;var newData = that.data.listDataCopy;for ...原创 2019-11-09 11:10:19 · 476 阅读 · 0 评论 -
利用setTimeout实现倒计时
//倒计时60秒function countDown(that,count) {if (count == 0) {that.setData({timeCountDownTop: ‘获取验证码’,counting:false})return;}that.setData({counting:true,timeCountDownTop: count + ‘秒后重新获取’,})s...原创 2019-10-28 11:43:56 · 3881 阅读 · 0 评论 -
小程序跳转的知识点
微信小程序能正常跳转到另一个小程序的前提是:这两个小程序被同一个微信公众号关联,否则无法跳转。代码如下:wx.navigateToMiniProgram({appId: ‘xxxxxxxxxxxxxx’,path: ‘’,extraData: {user_id: 111,store_id: 222,userName: ‘张三’},envVersion: ‘release’,su...原创 2019-10-23 10:40:33 · 399 阅读 · 0 评论 -
利用css3实现弧度(主要是利用伪类)
先是一写元素,再给这个元素设置样式和伪类样式比如说这个pure_top元素(因为这里是小程序所以用的是view,h5也是一样实现的啦),我设置的样式如下:.pure_top {width: 100%;height: 100px;position: relative;z-index: -1;overflow: hidden;}.pure_top::after {content:...原创 2019-10-17 18:26:32 · 2073 阅读 · 0 评论 -
小程序实现滑动删除的功能
第一步:先进行页面的布局: {{index+1}}.{{item.txt}} 删除 布局思路:布局的时候采用分层思想,单独一行其实包含了两层 ,我们看到的第一层 和 删除按钮的那一层。将单独的一行设置相对定位第一层通过绝地定位设置宽度100%;层级设置较高。删除 按钮绝对定位固定宽度...原创 2019-10-16 15:35:26 · 278 阅读 · 0 评论 -
解决请求数据顺序混乱的问题小程序
封装一个排序函数用sort()compare:function (property) {return function (a, b) {var value1 = a[property];var value2 = b[property];return value1 - value2;}},调用res.sort(that.compare(“id”));请求到的数据例如以下var ...转载 2019-08-19 17:36:45 · 1850 阅读 · 0 评论 -
小程序使用npm包引入vantUI组件库
1.初始化小程序项目 在项目根目录下npm init 为了生成package.json2.新建node_modules文件夹3.在项目根目录下 npm i miniprogram-datepicker -S --production4.node_modules目录下生成了2个文件夹。一个带版本号,一个不带。在微信开发工具“构建npm”。我们再检查下小程序的miniprogram_npm...转载 2019-08-07 16:13:39 · 487 阅读 · 0 评论 -
小程序wx.navigateBack跳转修改前页面数据
var pages = getCurrentPages(); //获取页面栈var prevPage = pages[pages.length - 2];//上一页var results = that.concat_arr(that.data.emergencyContactList, shareInfoList)console.log(results,‘80’)var shareInfo...原创 2019-07-31 13:49:48 · 307 阅读 · 0 评论 -
关于时间的转换前端
//字符串转时间戳strToDate: function (str) {let arr = str.split(’-’);let date = new Date(arr[0], arr[1], arr[2]);return date.getTime();},//时间戳转字符串dateToStr: function (dateObj) {let date = new Date(par...原创 2019-09-21 14:56:44 · 99 阅读 · 0 评论 -
小程序wxs的封装和使用
//保留两位小数的封装var numberUtil = {numberFormat: function (value) {var v = parseFloat(value)//强转Int,毕竟有可能返回是String类型的数字// var v = parseInt(value)//强转Int,毕竟有可能返回是String类型的数字return v.toFixed(2)}}modul...原创 2019-09-21 15:01:54 · 288 阅读 · 0 评论 -
小程序识别iphoneX进行样式重写
在app.js调用 wx.getSystemInfo()查看设备信息先globalData{isPhoneX: 0,}如下checkMobilePhone: function () {var self = this;wx.getSystemInfo({success: function (e) {console.log(a)var a = e.model;if (-1 != ...原创 2019-08-28 17:47:03 · 485 阅读 · 0 评论