贝子涵夕

摘要： 通过设置父元素 display：flex; flex-wrap: wrap; 子元素通过calc计算width。 renderMultiple = (images, imgSize) => { const {rid} = this.props return ( <div className="Ima 阅读全文

摘要： 父元素设置display：flex布局，子元素设置flex: 1 renderTwoImg = (images, imgSize) => { return ( <div className="ImageListNew ImageListNew__twoImg"> {images.map((img, 阅读全文

摘要： 此次读书日活动功能主要是：五个问题对应五个动画交互页面，答完5道题之后展示一段视频（随机从书架上抽出一本书的动画效果），随后进入结果页面。 在结果页需要做站内站外的分享交互，将结果页面利用html2canvas转成图片，再将图片分享到各个平台。 开发过程中遇到的问题如下： ***html2canva 阅读全文

摘要： 一，文字逐行显示 HTML： <div className="LetterToFuture__homeTexts"> {Array.from(new Array(5)).map((_, idx) => ( /* eslint-disable-next-line react/no-array-inde 阅读全文

摘要： 最近在开发移动端H5页面时，遇到渐变导航的需求点，想了两种方案，在此记录下~ 总的来说，渐变导航分为两种（仅仅在我看来哈），一种是 渐变进度可人为控制，另一种是渐变进度不可控。 可人为控制 的意思是：你可以按住屏幕慢慢滚动并在此过程中任意停留，在任意停留点中你可以看到当前渐变程度和效果，并且在你停留 阅读全文

摘要： 需求背景：选一张海报图片，在海报图片上实现自定义填充文字内容，文字颜色和字体可自定义，且文字区域可以拖动和等比例缩放，最终将文字和海报合成一张新的图片 需要用到的插件：html2canvas（用于将一段html转成canvas） 下面附上整个组件功能代码： /* eslint-disable cam 阅读全文

摘要： 假设有一个这样的需求：table表头排序，用户可以将关心的列头排在前面。 我们都知道，使用第三方组件库时，一般需要设置参数 dataSource（table数据源，是一个数组，指定每一行字段的值） 和 columns（表头，是一个数组，各个列的属性），dataSource里面的值会自动赋值到与之字段 阅读全文

摘要： // 初始值设置为不是移动端 const [isMobile, setIsMobile] = useState<boolean>(false); const ua = navigator.userAgent.toLowerCase(); const agents = ['iphone', 'ipad 阅读全文

摘要： 生成二维码图片 1，第三方库：qrcode npm install qrcode --save 2，使用方法： import QRCode from 'qrcode'（ts项目中import方式需要处理tslint错误） const resCode = '后端返回的二维码code' const co 阅读全文

摘要： // 项目中上传图片组件 and其它功能 import React, { useState, useRef } from 'react'; import { QrcodeOutlined } from '@ant-design/icons'; import '@ant-design/compatib 阅读全文