WeApp

微信小程序：自定义 tabBar 效果

{//注册vant组件"usingComponents":{"van-tabbar":"@vant/weapp/tabbar/index","van-tabbar-item":"@vant/weapp/

孤安先生·2024-08-31 07:14

微信小程序-npm扩展工具包

(用于组件间的通信)miniprogram-computed（扩展计算属性）mobx-miniprogram-bindings（扩展统一状态管理仓库）mina-request(网络请求工具包)vantweapp

勿语&·2024-03-12 11:57

微信小程序开发实战记录

近期公司需要开发一个小程序项目，时间非常紧急，在开发过程中遇到几个困扰的问题及解决方案，记录如下：小程序框架选择基础框架：小程序原生框架+sassui：采用vantweapp图表：采用ec-echarts

caperxi·2024-02-24 23:06

uni-app引入Vant 下拉菜单dropdown选择过后边的之后再选择前边的选项出现点击无效

解决办法：打开vant源码找到对应字段进行修改，这里以dropdown为例：找到wxcomponents/vant-weapp/dropdown-item/index.wxml打开后找到after-enter

Florenza·2024-02-19 14:25

uni-app项目中引入Vant UI组件库（完美避坑！！！）纯净版

HBuilderX用命令行窗口打开创建的项目（或直接在创建的项目文件夹内用cmd指令打开）第三步，输入npminit-y指令，创建项目配置文件（即package.json）；第四步，输入**npmi@vant/weapp-S

我也想做全栈一霸！·2024-02-10 10:48

微信小程序：背包商城（一）首页仿京东APP 非对称瀑布流和无限加载列表的实现

实现类似的非对称双列瀑布流效果2.下拉列表到底部后可以加载新的商品3.点击商品卡片右上角后，全局遮罩层且显示减少推荐对话框需要实现效果如下：非对称瀑布流列表实现效果实现瀑布流.jpg用到的额外拓展UI:Vant-Weapp

跟着Damon写代码·2024-02-09 06:26

微信小程序mpvue+Vant Weapp初始化

准备工作：1.安装Node.jsnodejs官网//可查看node版本$node-v$npm-v2.安装淘宝镜像cnpm$npminstall-gcnpm--registry=https://registry.npm.taobao.org3.安装vue-cli脚手架构建工具$cnpminstall-gvue-cli第一步、创建一个基于mpvue-quickstart模板的新项目可参考mpvue官网

回到唐朝做IT·2024-02-09 05:08

美团爬虫

微信小程序（数量合适难度也还行）所以最后对比决定走微信小程序模拟器一个安装微信和其他的（去看我其他文章）开始抓包分别是这两个URL列表URL‘https://wx.waimai.meituan.com/weapp

该账号已被注销_e09b·2024-02-06 18:20

调皮的小喵喵喵·2024-02-06 18:36

微信小程序封装vant 下拉框select 多选组件

老规矩先上效果图：本组件主要由小程序vantui组件，vant小程序ui网址：vant-weapp主要代码如下:先封装子组件：select-checkbox放在components文件夹里面select-checkbox.wxml

IT博客技术分享·2024-02-05 11:39

微信小程序使用npm包

1.微信小程序使用npm包1.1.npm初始化如果你的小程序项目没有安装过npm包的话，你需要先初始化npmnpminit1.2.安装npm包这里以vant-weapp(小程序UI组件库)为例：

雪芽蓝域zzs·2024-02-05 05:52

微信小程序——sku商品模块展示

1.效果图2.代码链接https://gitee.com/mazhiqiangyyds/weapp-sku.git

00秃头小宝贝·2024-02-05 00:58

微信小程序逆向重打包：@vant框架[渲染层错误]

其实我们只要重新安装VantWeapp就可以解决此问题。这里要注意vant和vant-weapp的区别！

uiop_uiop_uiop·2024-02-04 10:58

微信小程序基于Vant Weapp UI 组件库的Area 省市区选择

Area省市区选择，省市区选择组件通常与弹出层组件配合使用。areaList格式areaList为对象结构，包含province_list、city_list、county_list三个key。每项以地区码作为key，省市区名字作为value。地区码为6位数字，前两位代表省份，中间两位代表城市，后两位代表区县，以0补足6位。比如北京的地区码为11，以0补足6位，为110000。Vant官方提供了一

Da白兔萘糖·2024-02-03 21:05

查看微信小程序的原始账号id和appId

查到微信文档找到：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html使用wx-open-launch-weapp

小扶苏·2024-02-02 23:46

小程序跳转：云开发之h5跳小程序

配置的wx-open-launch-weapp开放标签按钮，需要主动点击才会打开目标小程序，避免了

jsPao·2024-02-02 17:38

微信小程序: 组件测试

准备工作在package.json里指定jest的运行环境为jsdom和安装依赖包"jest":{"testEnvironment":"jsdom"}"dependencies":{"@vant/weapp

henrypt·2024-02-02 07:38

微信开发者工具引报[Component] slot ““ is not found (for component “miniprogram_npm/@vant/weapp/field/index“).

文章目录前言解决总结前言引入vant库微信开发者工具控制台报[Component]slot“”isnotfound(forcomponent“miniprogram_npm/@vant/weapp/field

小马_xiaoen·2024-02-02 02:00

2021-11-17 小程序-笔记

网址参考：https://youzan.github.io/vant-weapp/#/quickstartField输入框介绍用户可以在文本框内输入或编辑文字。

Wink_xixi·2024-02-01 09:04

微信小程序（二十一）css变量-定义页面主题色

.修改图标样式源码：npmTest.json{"navigationStyle":"custom","usingComponents":{//引入vant组件"van-nav-bar":"@vant/weapp

代码对我眨眼睛·2024-01-29 09:20

如何开发者工具中找到缓存位置

在开发者工具，调试器的console中输入openVendor打开上层目录的中的WeappFileSystem就是缓存数据了。

_ArayA_·2024-01-29 01:50

【小程序-基础进阶】Vant Weapp，API Promise化，全局数据共享，分包（独立分包、分包预下载）

文章目录一、使用npm包1.1小程序对npm包的支持和限制1.2VantWeapp1.2.1安装Vant组件库1.2.2使用Vant组件1.2.3定制全局主题样式1.CSS变量2.定制全局主题样式1.3APIPromise

zilin_taku·2024-01-27 13:45

05-小程序◆ 使用 npm 包 ◆ 全局数据共享 ◆ 分包 ◆ 案例 - 自定义 tabBar

◆使用npm包◆全局数据共享◆分包◆案例-自定义tabBar①能够知道如何安装和配置vant-weapp组件库⚫参考Vant的官方文档②能够知道如何使用MobX实现全局数据共享⚫安装包、创建Store、

W蘭·2024-01-27 13:43

微信小程序（使用npm包、全局数据共享、分包、自定义tabBar）

文章目录简介————使用npm包————1.VantWeapp2.APIPromise化————全局数据共享————1.MobX2.页面3.组件————分包————1.概念2.使用3.独立分包4.分包预下载

Kaiyue.zhao·2024-01-27 13:13

小程序提升篇-npm、数据共享、分包、自定义tabBar

1.1npm限制小程序支持npm第三方包，提高开发效率，有以下三种限制：不支持依赖node.js内置库包不支持依赖浏览器内置对象的包不支持依赖C++插件的包限制较多，因此小程序可以使用的包不多1.2VantWeapp

曹莓奶昔·2024-01-27 13:13

小程序中的npm使用，Vant Weapp组件库，全局数据共享，分包

但是,在小程序中使用，npm包有如下3个限制:①不支持依赖于Node.js内置库的包②不支持依赖于浏览器内置对象的包③不支持依赖于C++插件的包1.VantWeapp组件库VantWeapp是有赞前端团队开源的一套小程序

未及545·2024-01-27 13:43

小程序— npm包，MobX全局数据共享，API的promise化

使用npm包-VantWeapp1.什么是VantWeappVantWeap

kai.先生·2024-01-27 13:42

微信小程序五 npm 包、安装 vant组件、promise组件、全局数据共享、分包！！！、自定义 tabBar 案例

总结能够知道如何安装和配置vant-weapp组件库参考Vant的官方文档能够知道如何使用MobX实现全局数据共享安装包、创建Store、参考官方文档进行使用能够知道如何对小程序的API进行Promise

Hyman-ya·2024-01-27 13:42

Aaron-微信小程序开发日记四：UI组件库

GitHub地址：https://github.com/Tencent/weui-wxssnpm下载：npmiweui-wxssimageiViewWeAppiView是TalkingData发布的一款高质量的基于

我不是汪聪呀·2024-01-26 06:04

uniapp使用uQRCode插件生成二维码的简单使用

最近在找移动端绘制二维码的问题，直接上代码下载weapp-qrcode.js(可以通过npminstallweapp-qrcode--save下载,之后把它父子到untils目录下）npminstallweapp-qrcode

小前端·2024-01-25 15:53

小程序系列--12使用 npm 包

一、VantWeapp1.什么是VantWeappVantWeapp是有赞前端团队开源的一套小程序UI组件库，助力开发者快速搭建小程序应用。它所使用的是MIT开源许可协议，对商业使用比较友好。

小哥码农·2024-01-25 01:01

WebStorm配置兼容微信小程序

使用插件支持.wxml和wx.xxx内置函数的支持IDEA插件库下载WeChatweappSupportIDEA插件库下载WeChatweappSupport.png使用sed支持格式化时自动纠正100rpx

mao玻璃·2024-01-23 15:51

小程序滑动悬浮tab

自定义一个滑动悬浮的组件flaot-tab；3，计算滑动多高距离开始出现悬浮；4，监听页面滑动深入说明我就不说了，大家自己看源码吧：git地址：https://github.com/fuxingkai/frankui-weapp

Frankeen·2024-01-23 01:03

vue H5页面跳转小程序＜wx-open-launch-weapp＞

微信版本要求：7.0.12及以上。系统版本要求为：iOS10.3及以上、Android5.0及以上。官网文档https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html首先按照官网把公众号的安全域名配好然后通过config接口注入权限验证配置并申请所需开放标签（wx.config）然后用小程序跳转

厘子车·2024-01-22 16:35

微信小程序导入带有vant的项目,出现错误"pages/index/index.json: ["usingComponents"]["van-field"]: "@vant/weapp/fiel...

image.png解决办法一.安装vant1.通过npm安装npmi@vant/weapp-S--productionnpmivant-weapp-S--production(安装0.x版本)2.通过yarn

kingLeft7·2024-01-22 14:26

小程序发送消息提示 form_id过期或者不正确

错误消息：41028weapp_template_msg.form_id过期或者不正确场景用户A生成的formId，消息发送给A是OK的但是消息发送给B就报了41028的错误。

良人与我·2024-01-22 12:09

小程序客服功能进阶版，（非实时刷新）

/miniprogram_npm/@vant/weapp/toast/toast";import{find}from"../../..

小康娜·2024-01-21 21:02

小程序学习记录九：小程序npm包的使用

包的概念一、npm包的限制二、VantWeapp组件库1.安装2.构建npm包3.修改app.json三、定义和使用CSS变量1.定义变量2.使用变量3.vant里使用css变量一、npm包的限制1.不支持依赖于

努力练级中...·2024-01-21 09:05

小程序学习-19

VantWeapp-轻量、可靠的小程序UI组件库VantWeapp-轻量、可靠的小程序UI组件库安装出现问题：rollbackFailedOptional:verbnpm-session53699a8e64f465b9

m0_51519738·2024-01-21 06:42

uni-app微信小程序——商城（8）——订单详情

我们上一篇文章中写到了商品详情页的设计和实施，本篇文章讲述了订单详情，订单详情无非就是对商品的几种状态进行分类，参考某宝，把商品分为待付款、待发货、待收货、已完成等几种状态，然后使用VantWeapp组件中的

徐小硕·2024-01-20 13:49

微信小程序中使用svga动画

mphttps://github.com/svga/SVGAPlayer-Web/tree/mp也可以参考：（我主要参考的上面的）https://github.com/svga/svgaplayer-weapphttps

impossible1994727·2024-01-18 11:30

前端常用组件大全

vant轻量、可靠的移动端Vue组件库https://vant-contrib.gitee.io/vant/v2/#/zh-CN/VantWeapp轻量、可靠的小程序UI组件库https://vant-contrib.gitee.io

lMoonRed·2024-01-17 12:37

Vant组件库

#进入项目根目录下，执行命令npminit-ynpmi@vant/weapp-S--production安装完毕后，将会根目录下新增package.json配置文件和node_modules文件夹。

Rouer_jia·2024-01-15 10:06

微信小程序：正则表达式验证手机号码

平时我们在做微信小程序开发的时候经常会涉及到验证输入信息是否准确，我们今天就来简单介绍下，使用正则表达式来验证输入的值是否为合规的手机号码login.json>>{"usingComponents":{"van-field":"@vant/weapp

dingcho·2024-01-14 02:07

微信小程序安装vant

第一步：npmi@vant/weapp-S--production第二步：将app.json中的“style”:“v2”去除，第三步：修改project.config.json命令：如果小程序中出现这个问题

assassin丶J·2024-01-13 13:07

uni-app 引入vant-weapp和wux-weapp

uni-app建一个wxcomponents文件夹：通过github下载vantWeapp的代码，然后将dist目录下的所有文件拷贝到自己的项目中，我的是wxcomponents下的vant下。

不负好时光·2024-01-12 00:22

h5跳转微信小程序 wx-open-launch-weapp

文章目录概述使用步骤1.绑定域名2.引入JS文件3.通过config接口注入权限验证配置并申请所需开放标签4.通过ready接口处理成功验证5.通过error接口处理失败验证使用说明开放标签开放对象错误提示vue使用步骤概述微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签，网页开发者可安全便捷地使用微信或系统的能力，为微信用户提供更优质的网页体验。此文档面向网页开发

可口可乐Vip·2024-01-10 10:51

vantweapp日历修改返回格式

vantweapp选择时间，格式是这样的要求：改成数组//pages/set/set.jsPage({/***页面的初始数据*/data:{show:true,checked:true,dateList

前端榴脆骨·2024-01-09 05:23

微信小程序封装vant 下拉框select 单选组件

先上效果图：主要是用vant小程序组件封装的：vant小程序ui网址：vant-weapp主要代码如下:先封装子组件：select-popup放在components文件夹里面select-popup.wxml

IT博客技术分享·2024-01-07 14:56

h5打开小程序的方法总结

两种方法，一种是通过UrlScheme进行跳转，另一种是通过wx-open-launch-weapp标签进行跳转UrlScheme:需要生成scheme码，weixin://dl/business/?

寻ing·2024-01-07 05:03

推荐频道