摘要: base64加载图片文件 使用base64可以不发送请求将图片文件转换为base64格式的链接渲染到图片上,减少服务器访问次数,下面是base64加载图片的方式 document.getElementById("front-file").onchange = (e) => { const file 阅读全文
posted @ 2024-04-30 15:07 ZerlinM 阅读(204) 评论(0) 推荐(0) 编辑
摘要: 代码如下 upload组件的 afterRead 方法: const afterRead = async file => { file.status = "uploading"; file.message = "上传中..."; const { data } = await upLoaderImg( 阅读全文
posted @ 2024-04-30 14:04 ZerlinM 阅读(56) 评论(0) 推荐(0) 编辑
摘要: 问题 项目中使用vue3+vant4,列表页使用了 List 来做列表加载,代码如下: <van-list v-model:loading="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" > <div v-if= 阅读全文
posted @ 2024-04-25 10:15 ZerlinM 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 可在App.vue文件中引入样式 <template> <router-view /> </template> <script setup> // Toast import "vant/es/toast/style"; // Dialog import "vant/es/dialog/style"; 阅读全文
posted @ 2024-04-23 15:42 ZerlinM 阅读(101) 评论(0) 推荐(0) 编辑
摘要: 实现效果 代码如下 多选组件 DictSelect.vue <template> <van-popup :show="showPicker" position="bottom" :style="{ height: '34vh' }"> <div class="con"> <div class="co 阅读全文
posted @ 2024-04-17 10:21 ZerlinM 阅读(96) 评论(0) 推荐(0) 编辑
摘要: 问题描述 h5项目使用openlayer展示地图,并且使用VectorLayer铺点,安卓完全没问题,但是ios上缩放后会突然触发无法缩放 并且无法点击 拖动缓慢等问题。 经排查,是VectorLayer的minZoom maxZoom导致,但不理解原因。 问题代码如下 import VectorL 阅读全文
posted @ 2024-03-29 18:08 ZerlinM 阅读(18) 评论(0) 推荐(0) 编辑
摘要: vconsole <script src="https://unpkg.com/vconsole/dist/vconsole.min.js"></script> <script> var vConsole = new window.VConsole(); </script> eruda <scrip 阅读全文
posted @ 2024-03-27 16:59 ZerlinM 阅读(10) 评论(0) 推荐(0) 编辑
摘要: 安装 rc-field-form yarn add rc-field-form 使用 import { View, Button, Input } from "@tarojs/components"; import Form, { Field, useForm } from "rc-field-fo 阅读全文
posted @ 2024-03-13 17:17 ZerlinM 阅读(49) 评论(0) 推荐(0) 编辑
摘要: 一、前端框架(或者库)升级的原因: a、前端技术更新比较快,需要不断更新保持技术和依赖都和社区同步; b、新版脚手架对性能和开发体验都进行了很多优化,新版脚手架基于社区2021年的相对最优解决方案和依赖。如vite2.0、react17(相比react16版本有了核心实现的重构)等; 二、详细描述要 阅读全文
posted @ 2024-02-29 13:20 ZerlinM 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 实现效果 代码 tableData为Table的数据 const mergeCells = (text, dataSource, index, key) => { // 上一行该列数据是否一样 if (index !== 0 && text dataSource[index - 1][key]) { 阅读全文
posted @ 2024-02-21 13:16 ZerlinM 阅读(53) 评论(0) 推荐(0) 编辑