随笔分类 - Taro
记录Taro
摘要:微信小程序长按图片保存到相册 方法1:可以通过先点击预览图片Taro.previewImage,再长按保存到相册。 <Image src={imagePath} data-url={imagePath} onClick={this.previewImage}></Image> // 预览图片 pre
阅读全文
摘要:Swiper的图片由小变大3d轮播效果 (1) previousMargin 和 nextMargin 表示前边距和后边距 (2) onChange={this.swiperChange} 就是Swiper的切换事件 (4) getHeight 是获取图片的宽高,然后再去设置高度这样才能让图片等比缩
阅读全文
摘要:文字左右滚动公告效果 设置公告的左移距离,不断减小,当左移距离大于公告长度(即公告已移出屏幕),重新循环。 componentWillMount() { let length = this.state.notice.length * this.state.size;//文字长度 let window
阅读全文
摘要:记录一个类似支付密码的弹窗写法,实现是否免密功能。如图: index.js import Taro, { Component } from '@tarojs/taro' import { View, Button, Text } from '@tarojs/components' import {
阅读全文
摘要:Taro微信小程序可以用wxParse来达到html转换wxml的效果:https://github.com/NervJS/taro-components-test/blob/master/src/pages/wxParse/wxParse.js
阅读全文
摘要:Taro微信小程序登录 1.调用Taro.login()获取登录凭证code; 2.调用Taro.request()将code传到服务器; 3.服务器端调用微信登录校验接口(appid+appsecret+code),获得session_key+openid; 4.服务器端生成AUTH_TICKET
阅读全文
摘要:Taro上传图片公用组件 子组件chooseImage 父组件home 如图:
阅读全文
摘要:微信小程序转Taro (转发https://nervjs.github.io/taro/docs/taroize.html) Taro 可以将你的原生微信小程序应用转换为 Taro 代码,进而你可以通过 taro build 的命令将 Taro 代码转换为对应平台的代码,或者对转换后的 Taro 代
阅读全文
摘要:前言 Redux是JavaScript 状态容器,提供可预测化的状态管理。一般来说,规模比较大的小程序,页面状态,数据缓存,需要管理的东西太多,这时候引入Redux可以方便的管理这些状态,同一数据,一次请求,应用全局共享。 而Taro也非常友好地为开发者提供了移植的Redux。 为了更方便地使用Re
阅读全文
摘要:Taro定义全局变量 方法1:在taro中 getApp()只能取到一开始定义的值,并不能取到改变后的值 方法2:新增一个自行命名的 JS 文件,例如 global.js 然后在需要改变传值的app.js页面调用,存入数据 最后在需要的index.js页面取出数据 方法3:使用 Redux 来进行全
阅读全文
摘要:1. 安装 Taro 脚手架工具 安装 Taro 开发工具 @tarojs/cli 使用 npm 或者 yarn 全局安装 $ npm install -g @tarojs/cli $ yarn global add @tarojs/cli $ npm install -g @tarojs/cli
阅读全文