GithubHelp home page GithubHelp logo

iview-theme's Introduction

iView

A high quality UI Toolkit built on Vue.js.

iView NPM downloads NPM downloads JS gzip size CSS gzip size Join the chat at https://gitter.im/iview/iview Backers on Open Collective Sponers on Open Collective

Docs

3.x | 2.x | 1.x

Features

  • Dozens of useful and beautiful components.
  • Friendly API. It's made for people with any skill level.
  • Extensive documentation and demos.
  • It is quite beautiful.
  • Supports both Vue.js 2 and Vue.js 1.

Who's using iView

If your company or products use iView, welcome to click here to leave a message.

Install

We provide an iView plugin for Vue CLI 3, which you can use to quickly build an iView-based project.

We also provide a starter kit iview-project for you.

Install iView

Using npm:

npm install iview --save

Using a script tag for global use:

<script type="text/javascript" src="iview.min.js"></script>
<link rel="stylesheet" href="dist/styles/iview.css">

You can find more info on the website.

Usage

<template>
    <Slider v-model="value" range />
</template>
<script>
    export default {
        data () {
            return {
                value: [20, 50]
            }
        }
    }
</script>

Using css via import:

import 'iview/dist/styles/iview.css';

Compatibility

  • Supports Vue.js 2.x
  • Supports Vue.js 1.x - visit 1.0 docs
  • Supports SSR
  • Supports Nuxt.js
  • Supports TypeScript
  • Supports Electron
  • Most components and features support IE9 and above browsers, some components and features do not support IE

Community

If you want to contribute or have questions or bugs to report:

Questions: Find other users at the Gitter chat or post on StackOverflow using [iview-ui] tag
Bugs: File a issue here - please provide a example so we can help you better
Contribute: Contact us in Gitter chat, WeChat or via mail to [email protected]. PRs welcome!

Major Contributors

Name Avatar Name Avatar Name Avatar
Aresn jingsam rijn
lcx960324 GITleonine1989 huixisheng
Sergio Crisostomo lison16 Xotic750
huanghong1125 yangdan8

Ecosystem Links

License

MIT

Copyright (c) 2016-present, TalkingData

iview-theme's People

Contributors

icarusion avatar jingsam avatar lstoryc avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

iview-theme's Issues

iview-theme build -o dist/编译后tabs组件缺少 样式导致渲染错误

tabs组件 缺少
.ivu-tabs-nav-scroll-disabled {
display: none;
}
.ivu-tabs-nav-prev {
position: absolute;
line-height: 32px;
cursor: pointer;
left: 0;
}
.ivu-tabs-nav-next {
position: absolute;
line-height: 32px;
cursor: pointer;
right: 0;
}
.ivu-tabs-nav-scrollable {
padding: 0 12px;
}
这几个 样式导致渲染错误

fonts 文件打包问题

image

请问右侧这个 fonts 文件夹中的文件是否正确,修改 custom.less 后打包一直不成功。
而且,我看了一下,iview-theme 中最新版本的 fonts 文件和 iview 的 fonts 似乎不一样呢,为啥呢?希望耐心教一下。

(在使用自定义主题时,有的字体图标不显示,正在排查原因。)

谢谢~

打包后, select 样式异常

所有文件都未更改, iview 是最新版(3.4.0);

select 组件宽度有问题
image

鼠标未放上去箭头也消失了(跟官网不一致)
image

求更新

框架的css类结构还停留在1年前,现在iview主线上加入了一些新的组件。

这个框架现在已经跟不上了,半年前基于这个框架深度定制的主题开始出现问题了。

打包之后,spin样式被覆盖,显示异常

新生成的样式中,display: table;background-color: #fff;影响到组件的正常显示
重新生成的样式

.ivu-spin-fix {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 8;
    display: table;
    width: 100%;
    height: 100%;
    background-color: #fff;

默认样式

.ivu-spin-fix {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    width: 100%;
    height: 100%;
    background-color: hsla(0,0%,100%,.9);
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.