摘要： 项目中需要使用swiper，需要添加左右切换的按钮，代码如下： wxml <view> <block wx:if="{{list.length>1}}"> <van-icon bindtap="nextSwiper" name="arrow" class="arrow-left" color="#c 阅读全文

摘要： 实现效果： 代码： const option = { // 环形图中间文字 title: { text: '1200', subtext: '总户数', textStyle: { fontSize: 16, color: '#333', fontWeight: 600, }, subtextStyl 阅读全文

摘要： echarts作为我们前端小伙伴常用的可视化库，那我们画出有阴影的折线图，让折线图比较立体感。 可以使用折线图的 lineStyle 实现效果如图 代码如下： series: [ { data: [150, 230, 224, 218, 135, 147, 260], type: "line", s 阅读全文

摘要： 在树形结构中搜索 checkItems值为 某某某的数据，返回的是子数据。 const searchTree = (tree, checkItems) => { let res = ''; let state = false; const readTree = (_tree, _checkItems 阅读全文

摘要： 微信小程序中加载图片时，如果只设定图片宽度，希望添加 mode = 'widthFix'来自适应 <Image mode="widthFix" className={s.img]} src={ImgSource.iconLogin} /> .img { width: 100%; } 但是这时会出现一 阅读全文

摘要： 一、加载本地字体 做小程序项目时，有时为了提升页面展示效果，会引入一些第三方字体，引入方式如下代码片段 /*直接在app.css引入 */ @font-face { font-family: "alifont"; // 是你封装的名字 src: url('./static/css/subset-Al 阅读全文

摘要： 一、f2elint全局安装 yarn安装 yarn add global f2elint 或者 npm安装 npm i f2elint -g 查看是否安装成功 npx f2elint -h 二、f2elint初始化 在项目根目录下初始化 npx f2elint init 1.会提示选择项目的语言和框 阅读全文

摘要： 需求： 微信小程序中使用webview嵌套了h5页面，h5页面中有经纬度，需要实现唤醒 高德app。 实现思路： 此处h5未配置wxSDK，无法直接使用 openLocation ，所以将经纬度传给小程序，map页面为跳转中间页，再实现打开地图页面。 h5: // 高德地图导航 const aMap 阅读全文

摘要： 一、理论前提 如果一个页面由另一个页面通过 wx.navigateTo 打开，这两个页面间将建立一条数据通道： 被打开的页面可以通过 this.getOpenerEventChannel() 方法来获得一个 EventChannel 对象； wx.navigateTo 的 success 回调中也包 阅读全文

摘要： 微信小程序直接下载文件时，保存到的路径为缓存路径 tempxxx，如果需要查找文件就很麻烦，那我们可以先在小程序中预览文件，再执行后续操作，代码如下： // 方法 const download = (docObj) => { const { url = '', name, type } = docO 阅读全文