前言

Vant Weapp 是有赞移动端组件库 Vant 的小程序版本，两者基于相同的视觉规范，提供一致的 API 接口，助力开发者快速搭建小程序应用。

手机扫描二维码可快速体验

git网址：https://gitee.com/vant-contrib/vant-weapp/

一、UI框架的引入

在小程序目录输入如下命令

npm init
npm i @vant/weapp -S --production

在微信开发者工具选择构建

二、UI框架的使用

去除app.json里的 “style”: “v2” ，因为小程序的新版基础组件强行加上了许多样式，难以去除，不关闭将造成部分组件样式混乱

以按钮组件为例，只需要在 json 文件中引入按钮对应的自定义组件即可

"usingComponents": {"van-button": "@vant/weapp/button/index",
}

<view><van-button type="default">默认按钮</van-button>
</view>

【愚公系列】2022年09月微信小程序-电商项目-UI框架的选型相关推荐

【愚公系列】2022年10月微信小程序-电商项目-UI设计之蓝湖的使用
文章目录前言一.UI设计之蓝湖的使用 1.下载插件 2.生成代码 3.配置代码前言蓝湖是一款产品文档和设计图的共享平台,帮助互联网团队更好地管理文档和设计图.蓝湖可以在线展示Axure,自动生 ...
【愚公系列】2022年10月微信小程序-电商项目-微信支付后端功能实现（node版）
文章目录前言一.微信支付后端功能实现(node版) 1.相关文档 2.项目配置前言微信支付是腾讯集团旗下的第三方支付平台,致力于为用户和企业提供安全.便捷.专业的在线支付服务.以"微 ...
【愚公系列】2022年10月微信小程序-电商项目-微信支付小程序确认支付结果和退款功能实现（node）
文章目录前言一.微信支付小程序确认支付结果和退款功能实现 1.确认支付结果 2.退款功能实现前言微信小程序在支付成功后会给注册的接口发消息来通知订单支付成功的状态,下面是微信和接口通信的数据格 ...
【愚公系列】2022年10月微信小程序-电商项目-商品购物车功能实现
文章目录前言一.商品购物车功能实现二.效果前言在电商的核心交易流程中,购物车是其中非常重要的一环,它承担商品加购.价格计算.促销活动展示等功能,与会员系统.商品系统.库存系统.订单系统等紧密 ...
【愚公系列】2022年10月微信小程序-电商项目-小微商户支付后端功能实现（node版）
文章目录前言一.小微商户支付后端功能实现(node版) 1.相关文档 2.项目配置前言微信支付是腾讯集团旗下的第三方支付平台,致力于为用户和企业提供安全.便捷.专业的在线支付服务.以" ...
【愚公系列】2022年10月微信小程序-电商项目-微信支付功能前申请准备工作
文章目录前言一.微信支付功能实现 1.微信公众平台的准备 2.微信商户平台的准备前言微信支付是腾讯集团旗下的第三方支付平台,致力于为用户和企业提供安全.便捷.专业的在线支付服务.以" ...
【愚公系列】2022年10月微信小程序-电商项目-小微商户支付功能前申请准备工作
文章目录前言一.小微商户支付功能前申请准备工作 1.小微商户支付相关文档和流程 2.签约前言小微商户是指依据法律法规和相关监管规定免予办理工商注册登记.无营业执照的实体特约商户. 1.小微商户 ...
【愚公系列】2022年10月微信小程序-电商项目-确认订单功能实现
文章目录前言一.确认订单功能实现二.效果前言订单创建是从用户下单开始的,当用户对商品进行下单后,系统会引导用户来到确认订单页面,此时系统会获取用户预下单的商品信息,同时判断商品是否涉及到优惠 ...
【愚公系列】2022年10月微信小程序-电商项目-商品详情页面规格选择功能实现
文章目录前言一.商品详情页面规格选择功能实现二.效果前言 vant-weapp的Popup 弹出层api Props 参数说明类型默认值 show 是否显示弹出层 boolean fal ...
微信小程序电商项目开发实战漫谈
原创文章,若转载请于明显处标明出处和相关链接:https://www.toutiao.com/i6567868839856439822/,否则追究其法律责任! 2018年小程序内容电商风口已成,如果我 ...

【愚公系列】2022年09月微信小程序-电商项目-UI框架的选型

文章目录

前言

一、UI框架的引入

二、UI框架的使用

【愚公系列】2022年09月微信小程序-电商项目-UI框架的选型相关推荐

最新文章

热门文章

【愚公系列】2022年09月 微信小程序-电商项目-UI框架的选型

文章目录

前言

一、UI框架的引入

二、UI框架的使用

【愚公系列】2022年09月 微信小程序-电商项目-UI框架的选型相关推荐

最新文章

热门文章

【愚公系列】2022年09月微信小程序-电商项目-UI框架的选型

【愚公系列】2022年09月微信小程序-电商项目-UI框架的选型相关推荐