小程序
oKven_
这个作者很懒,什么都没留下…
展开
-
mpvue之移动端适配解决方案postcss-px-to-viewport
文档postcss-px-to-viewport文档安装npm install postcss-px-to-viewport --save-dev引入module.exports = { plugins: { autoprefixer: {}, 'postcss-px-to-viewport': { viewportWidth: 750, // 视窗的宽度,对应的是我们设计稿的宽度,一般是750 viewportHeight: 1334, //原创 2020-08-26 16:54:11 · 462 阅读 · 0 评论 -
mpvue中使用rpx
mpvue中使用rpx引用px2rpx-loader// utils.js 34行 px2rpxLoadervar path = require('path')var fs = require('fs')var config = require('../config')var ExtractTextPlugin = require('extract-text-webpack-plugin')var mpvueInfo = require('../node_modules/mpvue/pa原创 2020-08-26 16:44:24 · 504 阅读 · 0 评论 -
微信小程序observers官方代码片无效
observers官方代码片无效这个从基础库2.6.1开始支持哈,代码片段默认基础库那里有误,选择2.6.1以上就可以了https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/observer.html在此纪录一下...原创 2019-11-21 17:05:09 · 1498 阅读 · 0 评论 -
小程序内预览word文件
小程序内预览word文件** 目前的话,我只找到了关于预览和临时文件和保存图片的思路,但是之后在找如何将word文件保存到手机本地用别的软件能打开的方式,但是由于小程序开放的问题,也是一直没得到解决。如果有大牛有思路的话,可以给小弟留言探讨一下。 **** 那就先说说微信预览文件的思路 **// 根据小程序官方API提供wx.downloadFile({ // e.target.d...原创 2019-03-11 10:25:04 · 12363 阅读 · 2 评论 -
微信小程序下拉刷新
微信小程序下拉刷新设置json配置** 这个配置可以设置在app.json里面 或者 单页面 json 里面 , 意思就是开始下拉刷新 **"enablePullDownRefresh": trueonPullDownRefresh事件监听下拉动作处理函数如下/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh: function () ...原创 2019-01-09 18:19:46 · 172 阅读 · 0 评论 -
小程序自定义组件showToast
1、创建组件** wxml wxss js json **在js中 *// Component/showToast/showToast.jsconst app = getApp();const { requestData } = require('../../utils/util');Component({ //外部数据 从父组件传值 /** * 组件的属性列...原创 2019-01-18 11:18:39 · 1450 阅读 · 0 评论 -
微信小程序真机showToast不显示
showToast闪烁做了一套公司的小程序,真机测试的时候发现一个问题 showToast闪烁一下 就消失了。然后我首先想到的是 是不是hide了。然后去复检代码,结果如下:** 从头开始捋一下执行的顺序就不难理解了,代码顺序 wx.showLoading() =>wx.hideLoading() => wx.showToast() , 最后的运行顺序为wx.showLoad...原创 2019-01-07 11:07:46 · 3157 阅读 · 1 评论 -
微信小程序-图片等比例显示不变形
我的个人博客:https://okven.github.io/mode 属性使用mode属性 属性值设置为widthFix :宽度不变,高度自动变化,保持原图宽高比不变。<image class='manImg' mode='widthFix' style="width:100%;" src='{{item.starItem.imageUrl}}' />bindLoad...原创 2019-01-10 15:20:44 · 6570 阅读 · 0 评论 -
微信小程序项目request请求优化
这是微信小程序官网API列表里面 wx.request(OBJECT)官方示例wx.request({ url: 'xxxx.php', data: { x: '' , y: '' }, method:"POST", header: { 'content-type': 'application/json' }, success: ...原创 2018-12-24 16:17:40 · 1153 阅读 · 0 评论 -
微信小程序之页面声明周期
微信小程序的页面声明周期onLoad: 页面加载 一个页面只会调用一次。 接收页面参数 可以获取wx.navigateTo和wx.redirectTo及<navigator/>中的 query。onShow: 页面显示 每次打开页面都会调用一次。onReady: 页面初次渲染完成 一个页面只会调用一次,代表页面已经准备妥当,可以和视图层...转载 2019-01-03 16:22:45 · 417 阅读 · 0 评论 -
微信小程序之属性值为Boolean的绑定问题
微信小程序的属性为Boolean类型的时候遇到的一些问题之前看好多人发的博客 感觉还是抄袭的居多 示例如下// 好多博客都是这么写的&lt;form class='form' bindsubmit="formSubmit" report-submit = 'true'&gt;// 查看编译之后的结构发现 这么写编译之后report-submit = 'true' → repo...原创 2019-01-03 16:00:36 · 6756 阅读 · 1 评论 -
小程序onLaunch 与 onload 的异步问题解决方案
微信小程序app.js 中 onLaunch 与 index.js 中 onload 的异步执行问题 , 在同时触发的情况下 如何等待返回值而响应index中 onload的内容比如说 获取用户的openid或者凭证 在没返回需要的数据之前 index.js 的 onload会执行 从而导致后续的代码没有openid的支持 *ES6中提供了一个promise方案是一个不错的解决方案...原创 2018-12-29 10:55:14 · 8462 阅读 · 3 评论 -
小程序页面之间跳转的方式
先导我们Activity和Fragment都有栈的概念在里面,微信小程序页面也有栈的概念在里面。微信小程序页面跳转有四种方式:wx.navigateTo(OBJECT)wx.redirectTo(OBJECT)wx.switchTab(OBJECT)wx.navigateBack(OBJECT)分析1.其中navigateTo是将原来的页面保存在页面栈中,在跳入到下一个页...原创 2018-12-17 19:53:56 · 230 阅读 · 0 评论 -
小程序切换主题配色
相信大家一定会遇到小程序的主题配色问题,今天分享的内容主要就是如何根据自己的配置切换主题配色配图1、确定好需要修改的部分,配置主题 // 可以配置在app.js里面 也可以配置在外层框架 在这里我是配置在app.js然后全局储存了 globalData: { userInfo: null, // 主题配色配置 theme:{ //顶部配色 ...原创 2018-12-17 19:50:58 · 2996 阅读 · 0 评论 -
小程序页面跳转传值和取值
跳转传值先看数据传递 *<radio class='clickeds' value="{{item}}***{{index}}***{{hotList[index].id}}" checked="{{item.checked}}"/>radioChange: function (e) { console.log('radio发生change事件,携带value值...原创 2018-12-21 15:57:44 · 416 阅读 · 0 评论 -
小程序下方滑出弹窗css解决方案
用css解决小程序点击按钮下方滑出弹窗用@keyframes完成动画效果.up{ animation: up .7s;}.down{ animation: down 1s;}@keyframes up{ 0% { transform: translateY(550rpx); } 100% { transform: translateY(0); }}@keyfr...原创 2018-12-21 15:27:31 · 2660 阅读 · 0 评论