精华内容
下载资源
问答
  • iView Weapp教程

    2019-06-20 17:06:48
    微信UI组件库 iView Weapp 介绍:iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,是一套一套高质量的微信小程序 UI 组件库。 https://weapp.iviewui.com/ 使用步骤 1:...

    微信UI组件库 iView Weapp

    介绍:iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,是一套一套高质量的微信小程序 UI 组件库。

    https://weapp.iviewui.com/

    image

    使用步骤

    1:首先在github上面下载组件库代码
    https://github.com/TalkingData/iview-weapp

    2:下载之后解压,可以看到解压的组件文件内容,选择 dist文件
    将 dist 目录拷贝到自己的小程序项目中

    3:开始写代码,写页面效果,写一个按钮
    在json文件里面引入组件

    {
     "usingComponents": {
      "i-button": "../../dist/button/index"
    }
    }
    

    在wxml页面,,复制文档组件库代码示例

    <i-button type="primary" bind:click="handleClick">这是一个按钮</i-button>
    
    

    代码完成之后,可以在左侧查看按钮效果

    iView Weapp和Vant的用法相似,再开发小程序的时候,都属于一个很好用的组件库,简单容易,只要引入即可使用,对于不想写代码的宝宝们来说,是一个不错的选择。

    五分钟上手Vant,快速搭建小程序界面样式
    https://www.jianshu.com/p/fd0643195245

    原文作者:祈澈姑娘
    90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。
    关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源300G干货大全。

    展开全文
  • 主要介绍了新手快速入门微信小程序组件库 iView WeappiView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,是一套一套高质量的微信小程序 UI 组件库,需要的朋友可以参考下
  • mpvue中引入iview weapp

    2020-06-27 18:59:41
    mpvue中引入iview weapp步骤 (一)从github官网下载iview weapp 文件 (二)将dist文件夹下所有文件,复制到项目文件中的static文件夹中 这里我在static文件夹中将dist文件命名为iview,你们可以随意起名。 (三...

    mpvue中引入iview weapp步骤
    (一)从github官网下载iview weapp 文件
    (二)将dist文件夹下所有文件,复制到项目文件中的static文件夹中
    在这里插入图片描述
    这里我在static文件夹中将dist文件命名为iview,你们可以随意起名。
    在这里插入图片描述
    (三)在要使用的组件中,新建main.json文件,在json文件中引入相应组件

    {
      "navigationBarTitleText": "首页",
      "navigationBarBackgroundColor": "#000",
      "usingComponents": {
        "i-card": "../../../static/iview/card/index",
        "i-steps": "../../../static/iview/steps/index",
        "i-step": "../../../static/iview/step/index",
        "i-button": "../../../static/iview/button/index",
        "i-divider": "../../../static/iview/divider/index",
        "i-panel": "../../../static/iview/panel/index",
        "i-toast": "../../../static/iview/toast/index",
        "i-message": "../../../static/iview/message/index",
        "i-icon": "../../../static/iview/icon/index",
        "i-cell-group": "../../../static/iview/cell-group/index",
        "i-cell": "../../../static/iview/cell/index",
        "i-grid": "../../../static/iview/grid/index",
        "i-grid-item": "../../../static/iview/grid-item/index",
        "i-grid-icon": "../../../static/iview/grid-icon/index",
        "i-grid-label": "../../../static/iview/grid-label/index",
        "i-row": "../../../static/iview/row/index",
        "i-col": "../../../static/iview/col/index",
        "i-tag": "../../../static/iview/tag/index",
        "ec-canvas": "../../../static/ec-canvas/ec-canvas"
      }
    }
    

    在这里插入图片描述

    (四)然后在页面中使用标签就可成功调用

    <i-button bind:click="handleClick"
          type="primary">Primary</i-button>
    <i-button bind:click="handleClick"
          type="ghost">Ghost</i-button>
    <i-button bind:click="handleClick"
          type="info">Info</i-button>
    

    展开全文
  • 昨天把组件库 iView Weapp研究了一下,里面确实有很多不错的组件,对于组件的使用,也写了一下笔记:五分钟上手-微信小程序组件库 iView Weapp https://www.jianshu.com/p/09b4515152ff 今天用小程序iView Weapp实现...

    昨天把组件库 iView Weapp研究了一下,里面确实有很多不错的组件,对于组件的使用,也写了一下笔记:五分钟上手-微信小程序组件库 iView Weapp
    https://www.jianshu.com/p/09b4515152ff

    今天用小程序iView Weapp实现一个倒计时。具体可参考文档。
    wxml

    <view class="view-wrap">
        <text class="type-title">倒计时:</text>
        <i-count-down
                target="{{targetTime}}"
                clear-timer="{{clearTimer}}"
        ></i-count-down>
    </view>
    

    js

    Page({
      data: {
       
        clearTimer: false
      },
      onLoad() {
        this.setData({
          targetTime: new Date().getTime() + 6430000,
        });
      },
      onUnload() {
        this.setData({
          clearTimer: true
        });
      },
      myLinsterner(e) {
        this.setData({
       
        });
      }
    });
    

    json

    {
    "usingComponents": {
      "i-count-down": "../../dist/count-down/index",
      "i-card": "../../dist/card/index"
    }
    }
    

    效果如下所示

    最后,最近不知道该写些什么了,大家若是有小程序相关问题不会可以在评论中留言,我来研究一下,对于不会的部分,写篇小教程解答。

    原文作者:祈澈姑娘 90后前端妹子,爱编程,爱运营,文艺与代码齐飞,魅力与智慧共存的程序媛一枚。
    关注「编程微刊」公众号 ,在微信后台回复「领取资源」,获取IT资源300G干货大全。

    展开全文
  • 微信小程序mpvue引用iview weapp的坑 今天碰到一个小问题,引入iview weapp的包调用一直说Component is not found,后来我问了朋友才知道是引入错误。 1·官方指引 iView Weapp官方指引 2·引入包的坑 需要将dist包...

    微信小程序mpvue引用iview weapp的坑

    今天碰到一个小问题,引入iview weapp的包调用一直说Component is not found,后来我问了朋友才知道是引入错误。

    1·官方指引

    iView Weapp官方指引在这里插入图片描述

    2·引入包的坑

    需要将dist包导入在项目中static的目录下,并且终端输入 npm run build ,将包传入微信项目中才可以使用(之前一直放在components组件包中一直调用不了),最后便是路径的引用即可。
    在这里插入图片描述
    在这里插入图片描述

    展开全文
  • 昨天把组件库 iView Weapp研究了一下,里面确实有很多不错的组件,对于组件的使用,也写了一下笔记:五分钟上手-微信小程序组件库 iView Weapp https://www.jianshu.com/p/09b4515152ff 今天用小程序iView Weapp实现...
  • iView weappiview针对微信小程序开发组件库。 iView Weapp 地址:https://weapp.iviewui.com/docs/guide/start github地址: https://github.com/TalkingData/iview-weapp 使用过程     ...
  • 微信UI组件库 iView Weapp 介绍:iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,是一套一套高质量的微信小程序 UI 组件库。 https://weapp.iviewui.com/ 使用步骤 1:...
  • 首先看了iview Weapp官网和GitHub上的源码,发现源码给的例子都是基于微信小程序原生开发,不太适用于wepy框架,所以这里主要记录了在wepy框架里使用iview Weapp组件的步骤: 1.下载iview Weapp组件源码,地址:...
  • iview Weapp组件的使用方法: 1.下载小程序组件库 (前提是你已经有了项目目录) 你可以直接去github把iView Weapp的代码下载下来,也可以用过npm来下载。 github地址:...
  • iView Weapp是一个微信小程序的UI组件库。   使用方法: 1.从git上下载dist目录放到小程序项目目录 2.在页面.json文件内使用usingComponents字段声明使用iView Weapp组件 git地址:...
  • mpvue中引入iview weapp (一)

    千次阅读 2019-02-20 10:50:33
    mpvue中引入iview weapp步骤 (一)github官网下载iview weapp 文件 (二)将dist文件夹下所有文件,复制到static文件夹中(可以自定义名称) (三)在要使用的组件中,新建main.json文件,在json文件中引入 { ...
  • 微信UI组件库 iView Weapp 介绍:iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,是一套一套高质量的微信小程序 UI 组件库。 https://weapp.iviewui.com/ 使用步骤 1:...
  • Mpvue框架,引入iView Weapp UI库 出错 Component is not found in path “iView/button/index” (using by “pages/index/main”) Error: Component is not found in path “iView/button/index” (using by ...
  • 小程序UI库 iView Weapp

    千次阅读 2018-06-14 16:26:06
    如何使用 https://github.com/TalkingData/iview-weapp到 GitHub 下载 iView Weapp 的代码,将 dist 目录拷贝到自己的项目中。然后按照如下的方式使用组件,以 Button 为例,其它组件在对应的文档页查看:1. ...
  • 二、引进iview weapp的组件库 (下载weapp链接:https://github.com/TalkingData/iview-weapp) 1、下载完了以后就得到了一个压缩包 2、解压后打开这个文件,看到一个dist文件夹 3、把dist文件夹...
  • 微信小程序引入iview weapp 1. 下载iview 方式1:前往github下载 iview下载地址 方式2:在项目中通过npm引入 2. 引入下载好的文件 解压文件,目录如下 将其中的dist文件夹放到项目中 3. 按照iview官网的引入...
  • iview weapp官网地址 https://weapp.iviewui.com/docs/guide/start 使用步骤: 使用效果: 使用方法: 1 下载dist文件夹,并放到项目里 //2、在json页面,引入组件 { "usingComponents": { "i-button": "../../...
  • 微信小程序系列(1)关于iview weapp简单使用及 i-button 使用无效问题 首先先介绍一下iview weapp 这个微信小程序组件库吧,这个看官方文档能学到非常明白,简单易用。虽然东西少了点,但应付微信小程序开发还是...
  • 下载IView Weapp https://github.com/TalkingData/iview-weapp 导入文件 下载完后将dist文件夹中的所有文件(也可以只选择需要的组件)导入到mpvue项目的static文件夹中。 使用组件 在需要使用组件的页面...
  • iview weapp 在小程序开发工具中i-input组件不能输入值 请问,iview weapp 在小程序开发工具中i-input组件不能输入值,这是什么原因呢,用手机预览可以输入值 不能输入值怎么开发调试呢? 设置一下 maxLength属性...
  • 客户需要一个分页,于是找组件UI找到了 iView Weapp的分页,按照如下官网提示下载引入了dist文件夹等等,并且没有提示报错 ![图片说明](https://img-ask.csdn.net/upload/202007/30/1596093787_951695.jpg) ...
  • 在使用iview weapp 的input组件的时候 ,真机调试情况下,会出现无法输入的情况。 只需要在组件中添加一个属性 maxlength="任意值(int)" 便可以进行输入 ...
  • 在微信小程序开发工具中使用 iView weapp 这个UI 组件库时我们常常会用到它的 input 输入框组件,但是实际开发过程中我们会发现在 微信开发者工具 中出现无法输入的情况,而且官方给的小程序案例在开发者工具上面也...
  • 项目需要倒计时功能,因为项目UI框架选的iview weapp,因此选择框架中的count-down组件。 使用过程发现问题3个如下: 1. 异步无法更新时间 1.1 问题 异步获取时间数据后,倒计时组件无法更新时间数据 这个bug已经有...

空空如也

空空如也

1 2 3 4 5 ... 12
收藏数 229
精华内容 91
关键字:

iviewweapp