GithubHelp home page GithubHelp logo

varletjs / varlet-vue2 Goto Github PK

View Code? Open in Web Editor NEW
149.0 149.0 27.0 11.84 MB

Material design mobile component library for Vue2 / 基于 Vue2 的 Material design 风格移动端组件库

Home Page: https://varlet.gitee.io/varlet-ui-vue2/#/en-US/index

License: MIT License

JavaScript 23.56% Vue 40.79% TypeScript 21.73% Less 13.92%
components js material-design ts uikit vue vue2

varlet-vue2's People

Contributors

auroratea avatar ayangweb avatar azir-11 avatar beadre avatar haoziqaq avatar kanghuiyi66 avatar kohaiy avatar leno23 avatar litfa avatar liuhuazhong0801 avatar mortywq avatar qytayh avatar srhui20 avatar wangkbweb avatar wxb666 avatar zhangmo8 avatar zhenyuwang 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  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

varlet-vue2's Issues

select组件报错

Bug report 🐞

直接使用基础示例,
<var-select placeholder="请选择一个选项" v-model="value"> <var-option label="吃饭" /> </var-select>
无法打开下拉菜单,控制台报错如下:
TypeError: Cannot read properties of null (reading 'wrapWidth')
image

Version & Environment

"@varlet-vue2/ui": "^0.1.2"
"vue": "^2.6.14"

Select选择框Bug

Bug report 🐞

Option无法渲染

Version & Environment

"@varlet-vue2/ui": "^0.1.4",
"vue": "^2.6.14",
node: v16.18.0

使用了 postcss-px-to-viewport 移动端适配方案

Expectation

option无法渲染

截图

Space 间隔 靠右属性 无效

Bug report 🐞

pc浏览器模拟h5有效,但微信内无效。
image
建议参数justify 增加可选值 flex-end

Version & Environment

0.1.5
微信开发者工具、微信pc客户端、部分安卓浏览器

时间选择器

About styles 🛠️

datepicker 和 timepicker 这两个时间选择器交互给个👍( 第一次看到移动端在时间picker 上加head, 交互很清晰. )
timepicker 期待优化选择, 当我在圆盘选择时间的时候, 没有什么感知. 很懵, 当我看到已经切换时分秒的时候才知道组件的意思.

(后续会不会有小程序端, 和react版本?)

var-pull-refresh 与 var-list混合使用滚动条在任意位置下拉都会触发刷新

Bug report 🐞

var-pull-refresh 与 var-list混合使用滚动条在任意位置下拉都会触发刷新。我看了源码,必须是pull-refresh的外部scroller的scrollTop==0时才会触发刷新,获取scroller的条件就是上级节点的overflow为auto或者 scroll。这两个条件我看都满足,我也测试打印了 page-list节点的scrollTop值是不为0。

感谢各位指导下~

css:

.page-list {
    height: calc(100% - 40px);
    overflow: auto;
}

html:

<div class="page-list" >
        <var-pull-refresh ref="puller" v-model="isRefresh" @refresh="refresh">
            <var-list :finished="finished" @load="load"></var-list>
       </var-pull-refresh>
</div>

Version & Environment

微信浏览器

Expectation

当回到顶部时才触发下拉刷新

Actual results (or Errors)

在列表底部,向下滑动距离较大时(下拉刷新的触发距离)就触发了刷新

关于快速开始中 Vue.use()的使用

Bug report 🐞

CDN

<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script> <script src="https://cdn.jsdelivr.net/npm/@varlet-vue2/ui/umd/varlet.js"></script> <script> const App = Vue.use({ template: '按钮' }) new Vue({ render: h => h(App) }).$mount('#app') </script>

您好,我使用了快速开始中CDN导入的代码,没有正确结果产生,Vue.use()接受一个对象且具有install()方法,上述的代码,求解。

Version & Environment

Chrome

Expectation

Actual results (or Errors)

Form组件

Bug report 🐞

表单校验返回值一直是 false
使用下方这种方式调用,请问能给个接口调用demo吗
image

Version & Environment

Expectation

Actual results (or Errors)

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.