精华内容
下载资源
问答
  • 这里给大家讲解小程序中如何引入vant组件(我这里是采用小程序的云开发模板) 1.首先在项目的miniprogram文件夹右键在终端中打开,输入命令npm init初始化生成一个package.json的文件(不想私人定制,一键enter即可...

    这里给大家讲解小程序中如何引入vant组件(我这里是采用小程序的云开发模板)

    1.首先在项目的miniprogram文件夹右键在终端中打开,输入命令npm init初始化生成一个package.json的文件(不想私人定制,一键enter即可生成该文件)

    2.进入到有赞vant weapp官网看安装文档,地址:https://youzan.github.io/vant-weapp/#/quickstart

    3.使用命令npm i vant-weapp -S --production快速安装vant-weapp下的所有组件

    4.此时需要在小程序中的工具菜单下点击构建npm

    5.此时项目中就会有一个miniprogram_npm的目录,里面就是所下载的组件文件

    6.别忘了,此时还需要点击小程序的详情按钮,勾选使用npm模块才可以使用下载的组件

    7.在想使用组件的页面所在目录下的json文件的

    "usingComponents": {
    "van-button": "vant-weapp/button"
    }
    8.在wxml中直接使用
    <van-button type="danger">危险按钮</van-button>即可
     
     
    大功告成~~~

    转载于:https://www.cnblogs.com/shenwh/p/11135266.html

    展开全文
  • 注意:在使用ui框架的时候,需要使用npm管理: 先创建package.json 指令: npm init -y 以下为微信官方weui的使用步骤 利用npm来安装包 指令:npm install weiui-miniprogram --save 勾选开发者工具中顶部详情中...

    注意:在使用ui框架的时候,需要使用npm管理:

    • 先创建package.json
    • 指令: npm init -y

    以下为微信官方weui的使用步骤

    1. 利用npm来安装包
      指令:npm install weiui-miniprogram --save
    2. 勾选开发者工具中顶部详情中的npm选项
    3. 点击左上角工具进行构造npm
    4. 在app.wxss中引入
      @import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';
    5. 接着把需要用到的组件 在使用页面的json中usingComponents里进行配置
    {
      "usingComponents": {
        "mp-dialog": "/miniprogram_npm/weui-miniprogram/dialog/dialog"
      }
    }   // 举个例子
    

    有赞@vant

    1. 在终端下载 :
        npm i @vant/weapp -S --production
    
    1. 工具:点击左上角工具进行构造npm
    2. 接着把需要用到的组件 在使用页面的json中usingComponents里进行配置
    "usingComponents": {
      "van-button": "@vant/weapp/button/index"
    }  //举个例子
    
    展开全文
  • 简介:  mpvue框架对于从没有接触过小程序又要尝试小程序开发的人员来说,无疑是目前最好的选择。mpvue从底层支持 Vue.js 语法和构建工具体系,... 3、使用ZanUI:有赞团队的小程序版UI组件库(GitHub)  4、使用vue
  • 小程序的开发框架分几类,简单总结下(都是个人理解): UI 框架(百度可以搜索下,就那几个): WeUI - 腾讯官方 https://github.com/Tencent/weui-wxss iView-Weapp - TalkingDAta ...
    小程序的开发框架分几类,简单总结下(都是个人理解):
    	UI 框架(百度可以搜索下,就那几个):
    		WeUI - 腾讯官方
    			https://github.com/Tencent/weui-wxss
    
    		iView-Weapp - TalkingDAta
    			https://github.com/TalkingData/iview-weapp
    
    		Vant-Weapp - 有赞
    			https://github.com/youzan/vant-weapp
    
    		MinUI - 蘑菇街
    			https://github.com/meili/minui
    
    		Wux-Weapp - 可能个人
    			https://github.com/wux-weapp/wux-weapp
    
    		ColorUI - 个人
    			https://github.com/weilanwl/ColorUI
    
    		/*
    			后发现:ColorUI 整理的资源,更丰富
    				https://www.yuque.com/colorui/colorui/uicomponent
    		 */
    
    	开发框架
    		wepy - 腾讯官方
    			https://github.com/Tencent/wepy
    
    		mpvue - 美团
    			https://github.com/Meituan-Dianping/mpvue
    
    		min - 蘑菇街(不太清楚)
    			https://github.com/meili/min-cli
    
    		/*
    			后发现:ColorUI 整理的资源,更丰富
    				https://www.yuque.com/colorui/colorui/dev
    		 */
    
    多端统一开发框架,现在也需要了解一点了:
    	uni-app - DCloud 平台的系列产品,老早就了解过,这几年都没关注,有时间也得好好看看
    		https://github.com/dcloudio/uni-app
    
    	taro
    		https://github.com/NervJS/taro
    
    ColorUI 整理的资料:
    	https://www.yuque.com/colorui/colorui/xx0419
    
    	资料应该有时间好好看看,真的不错...

     

    展开全文
  • 小程序组件、框架

    2020-06-03 19:38:17
    小程序第三方组件选择 WeUI 微信 MinUI Vant Weapp 有赞 Wux Weapp animate.css ColorUI 雀语 http://demo.color-ui.com/h5-index.html#/ iView Weapp
    展开全文
  •     之前做的小程序小工具都是使用原生的自己编码的,难免会有东拼西凑的地方,正好这段时间有空,准备花点时间找一个较好的小程序组件库或者框架,来提示开发效率,以及能提高逼格- - 准备     百度了一堆,...
  • 小程序vant-weapp框架的引入

    千次阅读 2019-09-24 17:37:10
    为大家介绍一下小程序的ui框架基于有赞开发一个框架,关于它的安装和使用接下来都会介绍到。 先介绍一下人家的官网vant-weapp 注意的是小程序的是vant-weapp,有赞的还有一个移动端ui框架vant-app。 有两种安装方法...
  • 先看这里,我感觉这个ui开源作者肯定是一位ui设计师,介绍就已经很高颜值了,下面我们来观看一下这个ui框架,这个ui框架和其他ui框架不一样,互交效果真的比很多大厂做的ui好很多,甚至可以这么说吧,你完全不用ux和...
  • 今天在使用mpvue开发微信小程序的过程中需要实现一个底部上拉选择列表的功能,因为之前做过H5微信公众号的开发,使用的就是有赞的Vant-ui,所以第一时间就想到了有赞的Vant Weapp UI框架,就找到了官网,根据官网的...
  • Vant – 轻量、可靠的移动端 Vue 小程序 组件库。由 有赞 公司开发与维护。提供了一系列美观、优质的移动端组件。vant 官网 2. 在普通小程序怎么使用 vant 组件 使用之前 使用 Vant Weapp 前,请确保你已经学习过...
  • 最近开发小程序使用了有赞的ui库,weapp,在用到Toast 轻提示组件时遇到了一个小坑,在这记录一下 首先官方给了使用的代码演示 然后按照他给的引入方式 在项目中却报错了 研究了一下发现官方给的引入路径有问题 ...
  • 因为业务需求,有赞自己造了很多轮子,组件库尤其多,React,Vue,小程序都有涉及,其他开源项目有 zan-proxy 代理,PHP 的框架 zanphp 等。有人可能会觉得奇怪,为什么有赞要造这么多轮子?其实原因真的很简单,...
  • 1. vant 介绍 ### 扫码体验 Vant - 轻量、可靠的移动端 Vue 小程序 组件库。由有赞公司开发与维护。提供了一系列美观、优质的移动端组件。...2. 在普通小程序怎么使用 vant 组件 ...小程序已经支持...
  • ZanUI-WeApp是有赞移动 Web UI 规范 ZanUI 的小程序现实版本,结合了微信的视觉规范,为用户提供更加统一的使用感受。现已包含 badge、btn、card、cell、dialog、icon、label、noticebar、panel、popup、switch、...
  • 小程序引入有赞ui 1.原生引入 原生小程序安装有赞的ui非常简单 首先在当前项目文件夹下你npm init -y 建立package.json文件 npm i @vant/weapp -S --production 然后在你当前微信开发者工具中勾选上使用npm模块 ...
  • 1. vant 介绍### 扫码体验Vant - 轻量、可靠的移动端 Vue 小程序 组件库。由有赞公司开发与维护。提供了一系列美观、优质的移动端组件。 vant 官网2. 在普通小程序怎么使用 vant 组件使用之前使用 Vant Weapp 前,请...
  • Vant Weapp 是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用 官方文档: https://youzan.github.io/vant-weapp/#/intro 安装 1、在项目目录打开...
  • 因为业务需求,有赞自己造了很多轮子,组件库尤其多,React,Vue,小程序都有涉及,其他开源项目有 zan-proxy 代理,PHP 的框架 zanphp 等。有人可能会觉得奇怪,为什么有赞要造这么多轮子?其实原因真的很简单,...
  • 微信小程序学习资料[转]

    千次阅读 2017-05-11 16:08:03
    WePY:组件化的小程序开发框架 :100: ZanUI-WeApp: 高颜值、好用、易扩展的微信小程序 UI 库,Powered by 有赞 :100: 官方文档 小程序开发文档 小程序设计指南 小程序开发者工具 新闻报道 微信正式开放内测“小程序...
  • 框架简介Vant Weapp 是有赞移动端组件库 Vant (一款基于Vue 轻量的移动UI框架) 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。Vant Weapp基于有赞 Zanui 组件库进行的...
  • mpvue是美团团队开发的一个基于vue.js核心开发小程序的前端框架,可以使用vue的语法来写小程序页面。对于我这种只会vue全家桶的前端来说,算是福音了。 介绍一下vantUI 因为比较懒,就选了一个UI框架来节省时间,...
  • 小程序采坑记 mpvue + Vant Weapp

    千次阅读 2018-10-18 17:43:25
    mpvue是美团开源的微信小程序框架,由于无限接近vue开发而受到大量关注; Vant Weapp UI库是轻量、可靠的小程序 UI 组件库,是 有赞团队 开源的一套基于 Vue 2.0 的 Mobile 组件库;   一、总结一些遇到的问题...

空空如也

空空如也

1 2 3
收藏数 52
精华内容 20
关键字:

有赞小程序框架