• 2024-05-13three.weapp.js提示applyMatrix4 is not a function
    最近做项目使用three.weapp,因为是微信版的three,所以删减了好多方法。在使用applyMatrix4时报了 applyMatrix4isnotfunction的错误。解决方法简单,找thee里面有的方法代替。先console.log查看下three.weapp里面的Group prototype有什么可以看到有一个applyMatrix方法。
  • 2024-05-07uniapp开发小程序引入vant
    1.安装#通过npm安装npmi@vant/weapp-S--production#通过yarn安装yarnadd@vant/weapp--production#安装0.x版本npmivant-weapp-S--production2.引入项目首先在项目根目录创建文件夹wxcomponents,然后在其中创建vant文件夹。把node_modules
  • 2024-04-01vant-weapp 提供的areaList城市数据的路径问题
    根据vant官网提供的引入方法会报错。通过add@vant/area-data会下载一份index.esm.mjs文件城市数据在项目中,我尝试了用各种路径来获取还是报错,最后只能将该index.esm.mjs文件复制到其他文件中,然后引入就可以了。 1.新建一个文件夹专门放数据的,然后在建个文件用来放这个
  • 2024-03-20微信小程序(vantWeapp) UI组件库
     vantWeapp官方文档: https://youzan.github.io/vant-weapp/#/quickstart 根据文档的安装步骤  为什么写这样的变量名就能实现对相关的组件修改自定义颜色呢? 原因如下:根据文档描述,官方提供了相关的变量对应的组件 https://github.com/youzan/vant-weapp/blo
  • 2024-03-15搭建vue3版taro以及相关api
    1.安装Taro1.使用npm或者yarn全局安装@tarojs/cli$npminstall-g@tarojs/cli$yarnglobaladd@tarojs/cli2.项目初始化:taroinitmyApp编译运行使用Taro的build命令可以把Taro代码编译成不同端的代码,然后在对应的开发工具中查看效果。Taro编译分
  • 2024-02-28解决uniapp项目中使用vant Weapp图标组件报错问题(Module build failed from ./node_modules/postcss-loader/src/index)
    解决uniapp项目中使用vantWeapp图标组件报错问题(Modulebuildfailedfrom./node_modules/postcss-loader/src/index):https://blog.csdn.net/it_cgq/article/details/111991644?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522170909210216800225582870%2522%252C%252
  • 2024-01-28"@vant/weapp/dist/col/index" 未找到----路径错误
    错误提示如图: 官方文档是这样引入的: 但是我看了一下npm库的目录:可以发现引入目录名字都不一样我们手动改即可 再运行就不报错了 
  • 2024-01-26微信小程序中使用Vant Weapp组件库
    【快速上手-VantWeapp(gitee.io)】【node版本对应的npm版本表-菜小鱼~-博客园(cnblogs.com)】【报错npmERR!Acompletelogofthisruncanbefoundin:npmERR!-CSDN博客】【解决:npminstall报错‘Theoperationwasrejectedbyyouroperatingsystem‘-C
  • 2023-12-06优化 uniapp 发行操作:一键打包、混淆代码
    ​ uniapp一键发行代码并混淆代码第一步.在项目根目录下安装插件npminstalljavascript-obfuscator-g  安装完成后,javascript-obfuscator就是一个独立的可执行命令了。javascript-obfuscator-v  第二步:HbuilderX点击发行按钮,打包代码到dist文件中小程序发行
  • 2023-11-09基于Vant Weapp的生日管家
    目前市面上提供了一些免费开源的第三方小程序UI组件库,可以下载后放到项目文件夹中直接使用,比起开发者从头开始自定义组件更为方便、高效。本次考虑使用第三方UI组件来实现界面的视觉统一。本次以有赞第三方UI组件库VantWeapp为例,介绍如何使用自定义组件配合云开发中的数据库基本
  • 2023-10-27原生微信小程序有什么好的ui框架?
    对于原生微信小程序的UI框架,以下是一些常见的选择:1.WeUI:WeUI是一套详尽且易于扩展的UI组件库,它提供了丰富的组件,如按钮、表单、导航等,适合快速开发小程序。2.VantWeapp:VantWeapp是有赞前端团队推出的一款优秀的小程序UI框架,它提供了丰富的组件和工具,支持九宫格、导航、表单、弹
  • 2023-10-25微信小程序--6.初次使用vant报错
    6、由于使用了ts踩到的安装vant的坑,重点在第4步1)在根目录下执行安装依赖的命令npmi@vant/weapp-S--production2)修改app.json将app.json中的 "style":"v2" 去除,小程序的新版基础组件强行加上了许多样式,难以覆盖,不关闭将造成部分组件样式混乱。3)修改project.conf
  • 2023-07-20使用mpx创建小程序并使用tailwind
    #cli创建项目mpxcreatempx-project#切换到新的mpx-project中cdmpx-project把 @mpxjs/webpack-plugin 版本改为 2.8.32#安装包yarn执行:yarnadd-Dtailwindcssweapp-tailwindcss-webpack-pluginpostcss-rem-to-responsive-pixel安装 weapp-tailwindcss#
  • 2023-06-26小程序中使用vant weapp
    前提:其实vant官方的步骤写的很详细但是在我照着一步步走了之后发现还是用不了有报错因此详细扩充一下 1.在项目文件夹下开启终端执行npminit2.再执行npminstall(这后面其实就是官网的内容了主要是1、2条导致的我的报错)3.通过NPM的方式安装npmi@vant/w
  • 2023-04-07uniapp引入阿里巴巴矢量图标
    1、先去图标库下载图标 2.解压下载的文件进入  、 3、输入npminstall-giconfont-tools,再输入iconfont-tools最后无脑回车  4.文件夹会多一个iconfont-weapp的文件夹  5.iconfont-weapp-icon.css放入项目随机位子    6.在App.vue文件夹中,引
  • 2023-03-25新建的小程序没有package.json文件,怎么生成package.json文件
    使用 VantWeapp时需要使用 构建npm包这时我们需要创建所需的package.json文件使用npminit生成,一直回车就行    最后就会生成一个package.json文件,使用Vant
  • 2023-03-14uniapp/vue 生成二维码
     1、在页面中引入js文件constqrCode=require('@/assets/js/weapp-qrcode.js') 2、在页面中增加<canvasclass="canvas"canvas-id="couponQrcode"></canvas>
  • 2023-03-03微信公众号跳转小程序 wx-open-launch-weapp,在vue3+vite中使用 (多个问题集锦)
    写这篇文章为了解决现在没有一个合集,所以我参考其他文档,及自己的测试最后得出完整的方案1.公众号后台关联小程序要求已认证的服务号,在服务号中关联要跳转的小程序配置
  • 2023-02-12#yyds干货盘点#【愚公系列】2023年02月 微信小程序-电商项目-确认订单功能实现
    前言订单创建是从用户下单开始的,当用户对商品进行下单后,系统会引导用户来到确认订单页面,此时系统会获取用户预下单的商品信息,同时判断商品是否涉及到优惠促销的信息,这些优
  • 2023-02-09#yyds干货盘点# 【愚公系列】2023年02月 微信小程序-电商项目-商品详情页面规格选择功能实现
    前言vant-weapp的Popup弹出层apiProps参数说明类型默认值show是否显示弹出层booleanfalsez-indexz-index层级number100overlay是否显示遮罩层
  • 2023-02-07#yyds干货盘点#【愚公系列】2023年02月 微信小程序-电商项目-商品详情页面运费说明
    前言vant-weapp的van-cell单元格apiCellGroupProps参数说明类型默认值title分组标题string-insetv1.7.2是否展示为圆角卡片风格booleanfalsebo
  • 2023-02-06#yyds干货盘点#【愚公系列】2023年02月 微信小程序-电商项目-商品详情页面的标题及价格功能实现
    前言vant-weapp的Layout布局apiRowProps参数说明类型默认值gutter列元素之间的间距(单位为px)string/number-ColProps参数说明类型默认值
  • 2023-02-04#yyds干货盘点#【愚公系列】2023年02月 微信小程序-电商项目-商品详情页面的轮播图功能实现
    前言轮播图是指在一个模块或者窗口,通过鼠标点击或手指滑动后,可以看到多张图片。这些图片统称为轮播图,这个模块叫做轮播模块。轮播图常见于电商类、资讯类应用、功能首页、
  • 2023-02-01干货|以Vue为例,如何提升小程序开发效率?
    小程序的交付过程是这样的:一般小程序从idea到发布,安装小程序开发者工具→新建模板小程序→开发→编译→发布,且整个过程为可视化操作,只需写核心逻辑代码即可。小程序框架本
  • 2023-01-11超好看的小程序UI
    地址:​​https://wux-weapp.github.io/wux-weapp-docs/#/introduce​​ 预览: