umicro / uview Goto Github PK
View Code? Open in Web Editor NEWuView UI,是uni-app生态最优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水
License: MIT License
uView UI,是uni-app生态最优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水
License: MIT License
今天刚npm update了一下,发现u-tabs底下的横线不随着滚动了,位置也不对,望尽快修复一下
http 异步请求,的loding,建议搞模式框的,这样当弹出lodding的时候,不能进行页面操作,避免二次点击
不要让页面有弹性,特别是可以滑动的那种,太不舒服了,可以将scorll窗口通过fixed固定在最顶层
小程序中swiper组件list参数,数组长度发生变化,图片显示不出,拖动的时候会出错
VM4497:1 TypeError: Cannot read property '$$' of undefined
at HTMLElement._attached.wx.getPlatform._touchstartHandlerForDevtools
建议增加音频和视频组件,丰富常规模板
在测试官方demo时候发现以下问题
1、在进行SwipeAction 滑动时,滑动一点会自动弹出,但是未弹出整个操作栏,隐藏了一些
2、在进行点击操作时,点击状态为 '打开' 时,操作栏未完全滑出,隐藏了部分操作栏(与第一栏问题一样)
感谢作者开源这么美观、精致、强大的UI库,顺利来求个下拉框方案。谢谢
首先赞一下开源项目、的确很优秀。这里有个小建议:
Picker选择器的地区模式,使用的数据源的区域编码长度不一,是否考虑使用统一长度的编码格式
["13", "1303", "130304"] => ["130000", "130300", "130304"],后者的格式项目中好像看到的多一点。
使用http请求api,无法取消对应的请求,是否可以提供请求的cancelToken
添加这样一个属性能够方便开发者在小程序环境(例如微信小程序)中使用组件添加的class时候,能够直接添加在组件本身上,而不是在shadow-root
的容器标签上
例如:
<u-button :custom-class="customClass">雪月夜</u-button>
是我没找到还是没有?
当swiper数组list数组发生变化时,如果current值大于了新数组的长度,会出错。请问可否当数组发生变化时重置current=0
<!-- #ifdef H5 -->
<u-sticky h5-nav-height="0" index="sticky">
<!-- #endif -->
<!-- #ifndef H5 -->
<u-sticky index="sticky">
<!-- #endif -->
写在一个公共组件 上,小程序运行时好时坏,不正常的时候sticky的监听只触发了一次
建议Icon组件添加徽标提示(右上角数字或圆点),参考vant-weapp的 icon组件: https://github.com/youzan/vant-weapp/blob/dev/dist/icon/index.wxml
u-cell-item 里面的图标建议能设置颜色,现在黑白的。
h5-nav-height这个属性惹的,困了几周了希望尽快解决~
index.umd.min.js?1c31:1 Uncaught TypeError: Cannot read property 'bottom' of null
at o (index.umd.min.js?1c31:1)
at eval (index.umd.min.js?1c31:1)
at Array.forEach ()
at IntersectionObserver.a..IntersectionObserver.root (index.umd.min.js?1c31:1)
o @ index.umd.min.js?1c31:1
eval @ index.umd.min.js?1c31:1
a..IntersectionObserver.root @ index.umd.min.js?1c31:1
你好,请教下使用uniapp如何获取嵌入的第三方webview页面的cookie,比如内嵌了百度网页,怎么获取webview里百度的cookie呢
设置了出现加载图标参数,第一次的时候能出现加载图标,但是后面如果请求的地址不存在,或者失败,再次点击请求方法的时候loadding图标就不再出现了;并且希望在出现加载图标的时候,是遮罩形式,屏幕其它地方希望是不能点击的!否则客户可能出现多次点击
CellItem Slot
名称 | 说明
title | 自定义左侧标题部分的内容,如需使用,请勿定义title参数,或赋值null即可
icon | 自定义左侧的图标
right-icon | 自定义右侧图标内容,需设置arrow为false才起作用
label | 自定义label内容,需同时设置use-label-slot为true
<template>
<view @tap="click" class="u-cell-item-box" :class="{'u-cell-border': itemIndex > 0 }" hover-stay-time="150" :hover-class="hover ? 'u-hover-class' : ''" :style="{
backgroundColor: bgColor
}">
<view class="u-cell-content">
<view class="u-icon-wrap" v-if="icon">
<u-icon size="32" :name="icon" class="u-icon"></u-icon>
</view>
<view class="u-icon-wrap">
<slot name="icon"></slot>
</view>
<view class="u-cell-title" :style="[titleStyle]">
<text class="u-title-text" v-if="title">{{title}}</text>
<slot name="left"></slot>
</view>
<view class="u-cell-value" v-if="value">
<text class="u-value-text" :style="[valueStyle]" v-if="value">{{value}}</text>
</view>
<view v-else class="u-slot-wrap">
<slot name="right"></slot>
</view>
<view :style="[arrowStyle]" class="u-icon-wrap">
<u-icon v-if="arrow" size="26" class="u-arror-right" color="#969799" name="arrow-right"></u-icon>
</view>
</view>
<view class="u-cell-label" v-if="label" :style="[labelStyle]">
{{label}}
</view>
</view>
</template>
uni.request()已支持withCredentials参数,希望uView也可以
HBuilder X2.7.5无代码提示,是怎么回事啊
如题,网址为 https://h5.uviewui.com/#/pages/componentsB/swiper/index 的网页可能暂时无法连接,或者它已永久性地移动到了xxx
componentNormalizer.js:57 Uncaught TypeError: Cannot set property '_scopeId' of undefined
at normalizeComponent (componentNormalizer.js:57)
at Module._ (u-cell-item.vue?5442:11)
at __webpack_require__ (bootstrap:90)
at Object.nodeModulesUviewUiComponentsUCellItemUCellItemCreateComponent (u-cell-item.vue?ab08:7)
at __webpack_require__ (bootstrap:90)
at checkDeferredModules (bootstrap:47)
at Array.webpackJsonpCallback [as push] (bootstrap:34)
at u-cell-item.vue?ab08:7
at require (VM17897 WAService.js:1)
at <anonymous>:230:7
picker组件支持自定义数据,这需取应该很常见,当然别的插件也可以实现,但为了保持项目风格统一,麻烦大佬,排个时间~
picker 组件中 params 传入参数 pickerParams: {year: true, month: false, day: false }时
1、同时配置startYear、endYear会导致选择列表为空
<u-picker startYear="1960"
endYear="2030"
v-model="historyShow"
:params="pickerParams"
mode="time">
</u-picker>
2、仅配置startYear时,defaultTime传入年份无效,若defaultTime手动拼接'-'号到年份末尾,则可正常显示
直接传入年份
<u-picker startYear="1960"
default-time="2002"
v-model="historyShow"
:params="pickerParams"
mode="time">
</u-picker>
手动拼接‘-’到年份末尾
<u-picker startYear="1960"
default-time="2002-"
v-model="historyShow"
:params="pickerParams"
mode="time">
</u-picker>
3、仅配置endYear时,选择列表为空
<u-picker endYear="1960"
v-model="historyShow"
:params="pickerParams"
mode="time">
</u-picker>
建议u-cell-item 组件添加url或to属性,可以直接路由跳转,icon属性支持自定义icon
快速上手中的3
/* uni.scss */
@import "uview-ui/themb.scss";
应修改为
/* uni.scss */
@import "uview-ui/theme.scss";
平台端展示 Layout-布局
那块希望看到 flex
、warp
、margin
和 padding
相关的展示,还有 文本
相关的处理,后面是在PC端翻文档才找到的😂,原来放在开发指南的 内置样式
里面,怪我不够细心,差点就自己写css了。
希望把这些的案例也放在展示案例上,方便刚用你UI的新手查看,知道作者也做了这部分工作。
UI做得不错,加油 ~
// 查询各节点的信息
selecterQueryInfo() {
// 获取整个父组件容器的高度,当做骨架屏的高度
uni.createSelectorQuery().selectAll('.u-skeleton').boundingClientRect().exec((res) => {
this.windowHeight = res[0][0].height;
this.windowWinth = res[0][0].width;
this.top = res[0][0].bottom - res[0][0].height;
this.left = res[0][0].left;
});
// 矩形骨架元素
this.getRectEls();
// 圆形骨架元素
this.getCircleEls();
// 圆角骨架元素
this.getFilletEls();
},
需要加一层非空判断
15:53:15.873 [Vue warn]: Invalid handler for event "click": got undefined 15:53:15.912 found in 15:53:15.954 ---> at F:/work/uview-app/node_modules/uview-ui/components/u-popup/u-popup.vue
现Steps组件只有checkmark图标,建议改成自定义
如题,看了源代码,里面计算宽度有用到$uGetRect方法,但是我全局搜索了,原型上并没有挂载这个方法?求修复!!!
切换组件时 报了这个错误,日志定位不了代码行,虽然不影响使用,也希望解决一下
u-row, u-col找不到结束节点,它们各自的那些属性justify、gutter、span设置不起作用
建议给ActionSheet组件添加slot,可以自定义Action内容和样式,参考vant-weapp的 action-sheet组件: https://github.com/youzan/vant-weapp/blob/dev/dist/action-sheet/index.wxml
版本:1.2.6
组件:NumberBox
问题:无法通过+、-将数字减到0;1.2.5版本正常
原因:
1.2.6版判断为:let tmp = /(^\d+$)/.test(v1) && String(v1)[0] != 0;
1.2.5版本判断为:let tmp = /(^\d+$)/.test(v1) && value[0] != 0;
建议Rate组件支持半星
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.