![](https://img-blog.csdnimg.cn/20190927151124774.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
taro
taro构建的项目(h5和小程序)
Aaron_1127
这个作者很懒,什么都没留下…
展开
-
手动实现一个输入框组件
背景taro h5中想要实现一个样式如下的输入框:问题:taro组件和taro-ui组件中都没有这种样式的组件,taro h5 中还不支持修改placeholder的样式,自己尝试着实现一个input组件,更能灵活的定义其中的样式。实现js代码import Taro, { Component } from '@tarojs/taro';import { View } from '@tarojs/components';import { AtIcon } from 'taro-ui';i原创 2021-09-11 10:40:23 · 562 阅读 · 0 评论 -
taro将页面滚动到指定位置
背景实现点击一个按钮可以滚动到当前页面的指定位置。问题首先想到使用taro自己的api (pageScrollTo)实现滚动,查看文档发现selector 参数刚好是自己需要的。(https://taro-docs.jd.com/taro/docs/2.x/apis/ui/scroll/pageScrollTo)然后就写了一个简单的函数function scrollIntoView (id) { Taro.pageScrollTo({ selector: '#id', })原创 2021-08-28 10:14:26 · 5624 阅读 · 0 评论 -
taro中多行文本的展开和隐藏
实现效果:import { Text, View } from "@tarojs/components";import Taro, { Component } from "@tarojs/taro";import classNames from "classnames";import "./index.scss";const isH5 = process.env.TARO_ENV === "h5";class Test extends Component { state = {原创 2021-08-18 22:05:19 · 1263 阅读 · 0 评论 -
小程序中文本自动换行
后端返回的文本自动换行要求后端返回的文本在需要换行的地方增加\n原生小程序中直接使用text标签即可,text中的文本遇到\n会自动换行。 // data: { // message:'这是第一个换行;\n,这是第二个换行;\n这是第三个换行;\n' // },<text>{{message}}</text>taro框架中换行 // state = { // message: "这是第一个换行;\n,这是第二个换行;\n这是第三个换行;\原创 2021-08-17 22:03:16 · 4748 阅读 · 0 评论