ydcss / vue-ydui Goto Github PK

View Code? Open in Web Editor NEW

2.8K 2.8K 561.0 3.76 MB

A mobile components Library with Vue2.js. 一只基于Vue2.x的移动端组件库。

Home Page: http://vue.ydui.org

License: MIT License

JavaScript 14.71% Vue 64.93% HTML 0.13% CSS 20.23%

backtop component datetime dialog mobile popup slider ui vue vue2

vue-ydui's People

Contributors

Stargazers

Watchers

Forkers

jackeasons aren945 6272873 libin1991 reyboo vue-awesome caixudong1223 saintlast cncrazymoon yaoguaiwang cheese-jmj html5-project whlno1 donal520 immake frankchongli resvue yanghui0705 aiyou666666 r2cn eve0803 suin xzusoft jetlee0797 sunnysnail lxzjsj tianronga zen-lion ak47ufo dabingliannaonao skdream btcltc bannermiao fagaiweizhuren lavyun guanhuihui awokelee eternallovelin jxtreehouse xingangsun marktang fuxun2008 lilizing luozz1994 desertfoxzhou luo228959942 yanhuizen xiaobei-1992 jkaltopp wx60666 p7k-cn turtleliangzi lishi8080 rockyhu jasonxs45 sweet-lhl xcsweb kaijiyoung hackchen01 liudayang xiongshihu channing-huang jiaqiq leson1986 dimhuang athiwatp qq781548819 kongguan baitongda tangtianyo xinjiangqingmang jethrokang yan122725529 liunwcj zjpjohn yolandalv danielchen008 wanglelecc joneqian wangdabaoqq jexecellent zss007 jeromehan forgetphp webin iamxiaoma airem-richard ljb1010 hky301 picnic-yu sky8652 zhongxingzhi kimi009 diycp huimin001 sangshu329 falost xuying8888 hjm201 zhangbird

vue-ydui's Issues

yd-sendcode的bug

使用yd-sendcode组件时，会提示yd-button未注册，不能正确显示按钮的样式

关于滚动加载的问题

再做滚动加载的时候出现这样的问题，loadList方法只能触发一次，无法触发第二次

yd-button自定义颜色没有点击状态

Custom Color
是否应该提供点击状态下的bgcolor与color
或者有其他方法实现
谢谢

碰到的样式问题

引用 Layout 框架后

this.$dialog.notify({
          mes: 'mesage',
          timeout: 2000
        });

.m-notify 被layout遮挡
解决方式设置z-index值设大

.m-notify {
  z-index: 5;
}

.cell-right 下缺少对.cell-right input[type=tel]（移动端输入手机号码作用很大）类型的样式支持

类似popup 等组件. 只要代码中有g-fix-ios-overflow-scrolling-bug CSS类的组件在IOS下面都个BUG

看了源码发现

        watch: {
            value(val) {
                val && this.isIOS && addClass(this.scrollView, 'g-fix-ios-overflow-scrolling-bug');

                this.show = val;
            }
        },

UI 检查value变化代码中在IOS下面会添加一个g-fix-ios-overflow-scrolling-bug, 但外部把val 设置为false时,内部并不会把g-fix-ios-overflow-scrolling-bug清理掉. 在IOS下面关掉popup时这个CSS还在那里. 导致页面卡顿

关于 infinitescroll 的初始化问题

近期做一个仿淘宝的商品按照条件筛选问题，打开页面初始化可以分页加载这个没毛病，但是当我比如点击按照价格排序，按照销量排序的时候，就不能分页加载了，这是什么问题呢？是不是我每次点击分类的时候要初始化一下 infinitescroll 里面的 init 方法啊？我在父页怎么去调用 infinitescroll 里面的 init() 方法呢？

打包遇到这个是什么问题？

ERROR in static/js/app.7943fd3077bde75cb885.js from UglifyJs
Unexpected token: name (islock) [./src/components/utils/assist.js:6,6][static/js /app.7943fd3077bde75cb885.js:18,6]

打包遇到这个是什么问题？

关于tab和layout嵌套的问题

你好，现在有这样一个需求，我们希望使用yd-tab的时候有类似layout的布局，选项卡的标题类似navbar, 选项卡内容的一部分类似tabbar请问我该如何实现，谢谢，辛苦了

使用选项卡的的change props的时候会有事件冒泡

yd-tab-panel 上使用change pros的时候，由于在slot中使用checkbox导致checkbox的change事件会向上传递到选项卡的change pros，使用@change.native.stop也无法解决

关于 cityselect 页面进入时异步请求的数据回写组件默认值地址联动列表不关联问题

<yd-cityselect v-model="show2" :done="result2" provance="optsAddressData.provance" city="optsAddressData.provance.city" area="optsAddressData.provance.area" ></yd-cityselect>
异步数据获取回写回去，点击展示地址列表但是数据不关联，默认从第一项【请选择】开始，这是什么原因呢？是我回写的方式不对？

yd-cell-item type="link" 路由 :href={name:'XXX',params:{ xx:xx }} 脚本报错

yd-cell-item type="link" v-for 绑定数据的时候路由 :href="{name:'XXX',params:{ xx:xx }} " 报错
nvalid prop: type check failed for prop "href". Expected String, got Object.
但是功能上没有错误这怎么解决啊是我路由绑定的方法不对？

倒计时组件的建议

关于使用倒计时组件，开发中后端给到的接口一般为秒，建议支持time=秒，感谢

会一直维护吗？

会一直维护吗？组件会稳定增加吗？另外有交流群啥的么？

spinner组件是添加一个@change的事件?

现在在做购物车，所以价格会随着数量的变化而变化，请问作者是怎么考虑这个问题的？如果有必要我可以pull request一份代码过来

list-item 组件不能加链接！

一个拼写问题

你好!
省市县级联里的api，yd-cityselect参数里省份拼写有误，应该是province，而不是provance。

tabbar修改建议

tabbar不能指示当前所在位置，建议修改styles方法：如果没有active参数的话，取消style的绑定，然后user可以通过 .router-link-active的定义来指示当前位置。（可能需要添加参数：exact）

关于citySelect接地气的建议

这个组件效果很好但是有一个问题：
各级地区只有名字没有对应的id，但是后端数据库存的基本上是id,无法与后端对接
建议地区数据源可以传递，定义相对的数据格式如：{name:'北京', id : '1'},这样就很方便与后端对接
望采纳

占楼

在cell 中使用spinner出现样式问题

在yd-cell-item 中使用spinner的时候出现样式问题，希望有一个好的解决办法

怎么给组件自定义想要的样式？

怎么给组件自定义想要的样式？例如header因需求需修改为黑底白字？是否可以考虑自定义增加class？

Tab默认用加一个固定的ID, J_Tab建议去掉吧

iconfont自定义样式会和你的样式冲突

这个是比较着急的地方，目前在尝试用你的开源项目做个demo，我看了你在样式中定义了important，导致我在使用其他字体图标，很难控制大小一致（阿里妈妈的字体库下载的图标大小不一，你这边的图标肯定无法满足所有需要）
以下是你的代码

.cell-icon :after, .cell-icon :before {
    color: inherit;
    font-size: .42rem!important;
    margin-right: .1rem;
}

我的代码，你在slot="icon"强制定义了上面的css，我在i上定义 style="font-size: .3rem!important"都无效-。-

 <yd-cell-item arrow href="#" type="link">
        <span style="display:block;" slot="icon"><i class="iconfont iconfont-che" style="font-size: .3rem!important"></i></span>
        <span slot="left">我的车辆</span>
      </yd-cell-item>

1.有没有考虑把iconfont能够扩展？
2.对于我碰到的问题，你有好的方式么

actionsheet为上拉菜单，建议增加改变方向的pros，即下拉菜单

actionsheet为上拉菜单，建议增加改变方向的pros，即下拉菜单，可以从顶部弹出

为什么我使用 infinitescroll 组件频繁报错的呢？

Uncaught TypeError: Cannot read property 'getBoundingClientRect' of undefined(…); infinitescroll.vue?2de8:64

关于CountDown

怎么修改为 time="2017-06-06 06:06:06" 格式？

建议添加多一个css

< yd-cell-item >
< span slot="left">手机号：< /span>
< input slot="right" type="number" placeholder="请输入手机号">
< /yd-cell-item>

你好，很喜欢这个UI，提点建议。当我使用这个控件做密码输入。我发现type=“password”是没有样式的。我不知道是不是有什么特殊的考虑。如果不影响其他组件的使用。希望能在

.cell-right input[type=date], .cell-right input[type=datetime-local], .cell-right input[type=number], .cell-right input[type=text], .cell-right input[type=time]

这个里面加上input[type=password]

请问为什么webpack编译不过？

ERROR in .//vue-ydui/dist/lib.px/dialog/index.js
Module not found: Error: Cannot resolve module 'Vue' in /xxxxx/xxxx/node_modules/vue-ydui/dist/lib.px/dialog @ .//vue-ydui/dist/lib.px/dialog/index.js 2:82-96
Child html-webpack-plugin for "index.html":
Asset Size Chunks Chunk Names
index.html 1.47 MB 0
webpack: Failed to compile.

请问是否应该添加单独的checkbox和radiobox组件？

现在单独添加checkbox原生，因为css的原因并不显示，显示了也不好看。算上一些操作，不如封装一个组件来的方便，请问作者是如何考虑这个问题的？

使用infinitescroll的一些问题

使用infinitescroll做项目的时候有用到tab，每个tab-panel-item加载的infinitescroll都不一样，但infinitescroll会同时触发，当有列表的数据为空时其他列表也不加载了。

Tab 组件少一个 tabchange 事件

使用yd-infinitescroll 和yd-pullrefresh时TypeError: Cannot read property '$on' of undefined

你好，如题使用滚动加载和下拉刷新时'$on'和$'emit'都是 undefined，原因是this.$yduiBus是undefined，这是什么原因，求教

你好，貌似缺少时间选择组件啊

缺少时间选择组件，其它的都非常的不错，期待加上，目前项目ui组件选择中....

scrolltab组件不能监听数据变化

   <yd-scrolltab-panel :label="item.text"  v-for="(item,index) in cat">
      <div style="height: 350px;background-color: gray;">
         <yd-badge type="primary" v-for="c in item.child">{{c.text}}</yd-badge>
      </div>
  </yd-scrolltab-panel>

如果动态赋值，则scrolltab左侧的目录显示不出来。建议更换获取子组件scrolltab-panel的方法

cityselect组件，单词拼写错误

methods: { result1(ret) { this.model1 = ret.provance + ' ' + ret.city + ' ' + ret.area; } }

应为： province

Slider组件触摸滑动后不能自动播放

vue 2.2.6 infinitescroll 组件报错

[vue-devtools] Ready. Detected Vue v2.2.6
toConsumableArray.js?1825:19 Uncaught (in promise) TypeError: Cannot convert undefined or null to object
at from (native)
at exports.default (eval at 348 (http://localhost:8080/1.js:218:1), :19:31)
at eval (eval at 341 (http://localhost:8080/1.js:203:1), :52:206)

0.4.4版本以后 yd-navbar 样式有误

升级0.4.4版本以后 yd-navbar 高度很小
审查元素后发现

header 里面多出了style="background-color: rgb(255, 255, 255); height: 0.9rem;"（0.4.3之前版本没有）

我引入的css是px版本所以此处style应该使用css样式代替比较好

所以图标颜色还是#a6a5a5