使用到的库 html5-qrcode vant vant 实现代码 <template> <div> <van-dialog v-model:show="show" title="扫一扫" @close="closeDialog" :show-cancel-button="true" :show-confirm-button="false" > <div id="r…
vant4 的 Popup组件使用，会导致Toast组件样式发生变化，背景色变成白底 原因是：单独使用 Toast 组件，Toast 样式顶掉了Popup样式；如果使用了Popup组件，就会重新多添加一次Popup样式，就导致后添加的Popup样式顶掉了Toast样式，就造成样式冲突，Toast就变成白底了 解决方法： 在 基础css文件中，或者最外层css文件，强制 !important 样式为默认样式 /* vant4的 Toast 和 Popup 样式冲突,会导致 Toast 变成白底 */ .van-pop…
项目 vue3 vite element-plus 配置 安装 scss yarn add sass 准备定制化文件 在静态资源中创建：@/assets/styles/element.scss /* 只需要重写你需要的即可 */ @forward 'element-plus/theme-chalk/src/common/var.scss' with ( $colors: ('primary': ( // 主色 'base': #27ba9b, ), 'success': ( // 成功色 'base': #1dc7…
代码实现 uni-app vue3代码 // 缓存 const cacheSize = ref('0B') function getAppCache() { plus.cache.calculate(function (size) { //size是多少个字节单位是b //做下面相应的处理 if (size < 1024) { cacheSize.value = size + 'B' } else if (size / 1024 >= 1 && s…
import ToastUtil from "@/utils/ToastUtil"; /** * 场景。 * 可取值“WXSceneSession”分享到聊天界面，“WXSceneTimeline”分享到朋友圈，“WXSceneFavorite”分享到微信收藏 * WXSceneSession: 分享到聊天界面 * WXSceneTimeline: 分享到朋友圈 * WXSceneFavorite: 分享到微信收藏 */ type IScene = 'WXSceneSession�…
方法 /** * 获取导航栏信息 */ getSysBar() { return new Promise((resolve, reject) => { uni.getSystemInfo({ success: (e: any) => { console.log(e, 'systemInfo') // this.compareVersion(e.SDKVersion, '2.5.0') let statusBar = 0 let customBar = 0 // #…
参考官方 文档 阻止事件冒泡 从 catch:tap="xx" 改为 @tap.native.stop="xx" 应用 <view class="parent" @click="parentFun"> <view @click.native.stop="testFun()"> 内容 </view> </view> 这样，点击“内容”就执行了testFun方法，不会向上发…
依赖 pnpm add html2canvas # html转换canvas pnpm add vue-qr # 二维码生成 pnpm add file-saver # 图片下载 实现 <template> <div id="vue-qr-con" ref="vueQrRef"> <vue-qr :logoSrc="logo" :size="size" :text="value" /&g…
安装依赖 import * as XLSX from 'xlsx'; import FileSaver from "file-saver"; 表格需要添加id="multipleTable" <el-button type="primary" @click="exportFun">导出</el-button> <el-table id="multipleTable" :data="tableDat…
方法一 设置electron_mirror 1-> pnpm： pnpm config set electron_mirror " https://npm.taobao.org/mirrors/electron/ " npm： npm config set electron_mirror " https://npm.taobao.org/mirrors/electron/ " 2-> pnpm install electron npm…
