![](https://img-blog.csdnimg.cn/20210604084402316.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Taro
Taro | 多端统一开发解决方案
Jedi Hongbin
hongbin.xyz meta.hongbin.xyz kmyc.hongbin.xyz
展开
-
Taro项目eslint配置jsx使用双引号
.eslintrc.jsmodule.exports = { extends: ['taro/react'], rules: { 'react/jsx-uses-react': 'off', 'react/react-in-jsx-scope': 'off', "quotes": ["error", "double"], "jsx-quotes": [ "error", "prefer-double", ] },};.pr原创 2021-12-18 10:39:30 · 1241 阅读 · 0 评论 -
Taro markdown 解析器
文章目录效果环境思路代码 - 未完待续git 仓库没有找到合适的库 期待Taro的发展没有经过测试 只提供一个思路项目代码在下方的git仓库效果环境"dependencies": { "@babel/runtime": "^7.7.7", "@tarojs/cli": "3.3.16", "@tarojs/components": "3.3.16", "@tarojs/react": "3.3.16", "@tarojs/runtime":原创 2021-12-17 22:42:15 · 1075 阅读 · 0 评论 -
taro 中使用 styled-components 语法 linaria/react 动画 keyframes
https://github.com/callstack/linaria/tree/master/docsimport { styled } from "linaria/react";const Title = styled(Text)` font-weight: bold; color: #ffffff; margin: 10vh 0; font-size: 2rem; letter-spacing: 2px; animation: fade 2s linear; @k原创 2021-12-15 20:55:10 · 1541 阅读 · 0 评论 -
Taro小程序生成二维码保存本地
步骤 生成二维码 - 获取二维码的base64 - 获取权限 - 获得地址 – 保存import { QRCode } from "taro-code";const ref = useRef<any>(); <TView ref={ref}> <QRCode text='world' size={200} scale={4} errorCorrectLevel='M' typeNumber={2} /></原创 2021-06-05 13:19:06 · 1352 阅读 · 0 评论 -
Taro小程序高斯模糊视线
小程序中 backdrop-filter: blur(10px);无效 只好退而求其次使用 fillter:blur(10px)实现思路: 蒙版覆盖内容 内容实用 filter将内容过模糊 蒙版 之加透明背景色jsx 代码结构 const [loading, setLoading] = useState(false); <View> <Button> 生成二维码 </Button> <FlexVi.原创 2021-06-05 13:06:27 · 460 阅读 · 0 评论 -
taro 小程序主题切换生成
ThemeTriggerSwitchimport { styled } from "linaria/react";import { setTabBarStyle, setNavigationBarColor } from "@tarojs/taro";import { Switch, View } from "@tarojs/components";import { FC, ReactElement, useCallback, useMemo } from "react";import { Th.原创 2021-06-03 23:30:42 · 959 阅读 · 0 评论