All Projects → aierong → Vantweappmpvuedemo

aierong / Vantweappmpvuedemo

mpvue中使用Vant Weapp

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

Projects that are alternatives of or similar to Vantweappmpvuedemo

Ithome Lite
🥛 IT之家第三方小程序版客户端(使用 mpvue 开发,兼容 web)
Stars: ✭ 531 (+1054.35%)
Mutual labels:  mpvue, demo
Flutter Chat Demo
The chat app made by Flutter and Firebase
Stars: ✭ 1,016 (+2108.7%)
Mutual labels:  demo
React Native Swipeable Cards Demo
Facebook-style swipeable cards with React Native Interactable.
Stars: ✭ 36 (-21.74%)
Mutual labels:  demo
React Antd Todo
A simple todo list app built with React, Redux and Antd - Ant Design
Stars: ✭ 42 (-8.7%)
Mutual labels:  demo
Pendulum
ROS, ROS2, real-time, control, pendulum
Stars: ✭ 37 (-19.57%)
Mutual labels:  demo
Start laravel
Let this application be your quick start to Laravel, It'll help you to build your app structure and show you each component of Laravel and how to best practice them.
Stars: ✭ 42 (-8.7%)
Mutual labels:  demo
Mybatisdemo
书籍《通用源码阅读指导书——MyBatis源码详解》配套示例
Stars: ✭ 35 (-23.91%)
Mutual labels:  demo
Examples
Demo applications and code examples for Confluent Platform and Apache Kafka
Stars: ✭ 571 (+1141.3%)
Mutual labels:  demo
Enjoylife
😊开源App项目,每天一张精选倩图、一个精选小视频,一篇知乎美文
Stars: ✭ 43 (-6.52%)
Mutual labels:  demo
Redaxo Mit Docker
Simple 🐳 Docker setup for REDAXO development. Contains demo website and beginner’s guide!
Stars: ✭ 40 (-13.04%)
Mutual labels:  demo
Next On Netlify Demo
Demo of a Next.js app with Server-Side Rendering on Netlify
Stars: ✭ 40 (-13.04%)
Mutual labels:  demo
Dejajs Components
Angular components
Stars: ✭ 37 (-19.57%)
Mutual labels:  demo
Ezplatform Demo
Fork of "ezplatform" meta repository, contains code and dependencies for demo distribution of eZ Platform. Not recommended for a clean install for new projects, but great for observation and learning!
Stars: ✭ 42 (-8.7%)
Mutual labels:  demo
Module Federation Examples
Implementation examples of module federation , by the creators of module federation
Stars: ✭ 979 (+2028.26%)
Mutual labels:  demo
Wheelview
a great functional custom WheelView with demo in dialog and bottomDialog,android 滚动选择控件,滚动选择器,时间选择,日期选择
Stars: ✭ 44 (-4.35%)
Mutual labels:  demo
Langterm
🕹️ WebGL-based VT220 emulator, made as a learning example and frontend for a text adventure
Stars: ✭ 35 (-23.91%)
Mutual labels:  demo
Coronavirus 2019 Demo
webinar for coronavirus map
Stars: ✭ 40 (-13.04%)
Mutual labels:  demo
Realtime Detectron
Real-time Detectron using webcam.
Stars: ✭ 42 (-8.7%)
Mutual labels:  demo
Rich Text Editor
Math editor (http://digabi.github.io/rich-text-editor/)
Stars: ✭ 45 (-2.17%)
Mutual labels:  demo
Awesome Mpvue
A curated list of awesome things related to mpvue
Stars: ✭ 1,030 (+2139.13%)
Mutual labels:  mpvue

mpvue中使用Vant Weapp




1.从Vant Weapp官网github克隆一份代码下来
https://github.com/youzan/vant-weapp 


2.把克隆代码的dist目录下的所有文件复制到我们自己项目的/static/vant/目录下
这里注意,好像一定要是这个目录 static/vant



3.在需要引入的页面目录下的main.json文件中
{ 
  "usingComponents": {
      "van-button": "/static/vant/button/index",
      "van-cell": "/static/vant/cell/index",
      "van-cell-group": "/static/vant/cell-group/index"
  }
}

也可以配置在app.json文件中(这样就不用每个页面都去配置,并且用户组件中也可以使用的)
"usingComponents": {
      "van-button": "/static/vant/button/index",
      "van-cell": "/static/vant/cell/index",
      "van-cell-group": "/static/vant/cell-group/index"
}

4.使用
<van-button>测试</van-button>





参考:
https://github.com/Rychou/mpvue-vant
Vant Weapp官网:
https://youzan.github.io/vant-weapp 


 

  • 功能预览

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].