Coder Social home page Coder Social logo

umicro / uview Goto Github PK

View Code? Open in Web Editor NEW
4.0K 4.0K 770.0 3.16 MB

uView UI,是uni-app生态最优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水

License: MIT License

Vue 77.62% JavaScript 14.99% HTML 0.12% CSS 6.22% SCSS 1.05%
uniapp vue weixin

uview's People

Contributors

2460392754 avatar beiqiaot avatar dd-boom avatar iis8 avatar isxiaoxin avatar itcastwsy avatar jay-qianjue avatar likui628 avatar littlewalnut2024 avatar nadirvishun avatar nitmali avatar nottwoc avatar tsong-lc avatar tttao7 avatar wlxuqu avatar xingsir1991 avatar yang4515 avatar yanxinnet avatar yatoku avatar zhong1998 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  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

uview's Issues

http请求没法取消

使用http请求api,无法取消对应的请求,是否可以提供请求的cancelToken

建议: 给组件添加一个自定义class属性

添加这样一个属性能够方便开发者在小程序环境(例如微信小程序)中使用组件添加的class时候,能够直接添加在组件本身上,而不是在shadow-root的容器标签上

例如:

<u-button :custom-class="customClass">雪月夜</u-button>

如果两个页面都有Sticky 组件,来回撤回的时候,会弹出bottom错误

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

CellItem Slot 文档错误

文档是下面这样

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>

建议:SwipeAction 滑动单元格 优化

在测试官方demo时候发现以下问题
1、在进行SwipeAction 滑动时,滑动一点会自动弹出,但是未弹出整个操作栏,隐藏了一些
2、在进行点击操作时,点击状态为 '打开' 时,操作栏未完全滑出,隐藏了部分操作栏(与第一栏问题一样)

微信小程序报错


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

1.2.6版本NumberBox 步进器无法减到0

版本: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;

使用uniapp的image组件,不设置高度,骨架屏组件报错

// 查询各节点的信息
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();
},
需要加一层非空判断

indexlist 索引列表文档错误。

K(~WK7_VE25XU%%E7{B4FNB
文档中的highlight-color在实际运用过程中不起作用。查看了源码,源码中的props为activeColor,请修复文档或者更改源码。

HTTP组件get,post

设置了出现加载图标参数,第一次的时候能出现加载图标,但是后面如果请求的地址不存在,或者失败,再次点击请求方法的时候loadding图标就不再出现了;并且希望在出现加载图标的时候,是遮罩形式,屏幕其它地方希望是不能点击的!否则客户可能出现多次点击

Grid组件出问题

前面用的好好的,今天npm update一下,就出问题了。
gird-item没有宽度
gird组件里所有东西都挤到了一起
gird-item没有宽度
gird-item组件没有宽度,查看源码,发现
/lib/mixin/mixin.js中
Snipaste_2020-05-23_04-02-20
这。。。
写反了吧???
把它改回来就恢复正常了
Snipaste_2020-05-23_04-03-49
Snipaste_2020-05-23_04-05-17

导入错误

快速上手中的3

/* uni.scss */
@import "uview-ui/themb.scss";

应修改为

/* uni.scss */
@import "uview-ui/theme.scss";

关于文档和案例微小的建议

平台端展示 Layout-布局 那块希望看到 flexwarpmarginpadding 相关的展示,还有 文本 相关的处理,后面是在PC端翻文档才找到的😂,原来放在开发指南的 内置样式 里面,怪我不够细心,差点就自己写css了。
希望把这些的案例也放在展示案例上,方便刚用你UI的新手查看,知道作者也做了这部分工作。
UI做得不错,加油 ~

Picker组件地区模式是否可以用6位的区域编码?

首先赞一下开源项目、的确很优秀。这里有个小建议:
Picker选择器的地区模式,使用的数据源的区域编码长度不一,是否考虑使用统一长度的编码格式
["13", "1303", "130304"] => ["130000", "130300", "130304"],后者的格式项目中好像看到的多一点。

[BUG] Pikcer组件

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>

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.