Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Support
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
U
uview-ui
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
李晖
uview-ui
Commits
8968a8ef
Commit
8968a8ef
authored
Feb 07, 2021
by
yiruiwen
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
完善
parent
37fa38a9
Changes
9
Hide whitespace changes
Inline
Side-by-side
Showing
9 changed files
with
159 additions
and
12 deletions
+159
-12
README.md
README.md
+2
-3
manifest.json
manifest.json
+1
-1
u-calendar.vue
uview-ui/components/u-calendar/u-calendar.vue
+2
-2
u-line-progress.vue
...nts/u-circle-progress/u-line-progress/u-line-progress.vue
+147
-0
u-image.vue
uview-ui/components/u-image/u-image.vue
+1
-0
u-rate.vue
uview-ui/components/u-rate/u-rate.vue
+2
-2
u-tabbar.vue
uview-ui/components/u-tabbar/u-tabbar.vue
+1
-1
config.js
uview-ui/libs/config/config.js
+2
-2
package.json
uview-ui/package.json
+1
-1
No files found.
README.md
View file @
8968a8ef
...
...
@@ -19,7 +19,7 @@ uView UI,是[uni-app](https://uniapp.dcloud.io/)生态优秀的UI框架,全
## [官方文档:https://www.uviewui.com](https://www.uviewui.com)
### [点击加群交流反馈:
863820668](https://jq.qq.com/?_wv=1027&k=uyZUkSlo
)
### [点击加群交流反馈:
1129077272](https://qm.qq.com/cgi-bin/qm/qr?k=1FfucLpozYbnb7FWo_KsqAdEi1mE3Qrf&jump_from=webapi
)
## 特性
...
...
@@ -78,7 +78,6 @@ Vue.use(uView);
```
css
/* App.vue */
<
style
lang
=
"scss"
>
/* 注意声明lang="scss"! */
@import
"uview-ui/index.scss"
;
</
style
>
```
...
...
@@ -124,7 +123,7 @@ Vue.use(uView);
## 捐赠uView的研发
uView文档
和
源码全部开源免费,如果您认为uView帮到了您的开发工作,您可以捐赠uView的研发工作,捐赠无门槛,哪怕是一杯可乐也好(相信这比打赏主播更有意义)。
uView文档
内容和框架
源码全部开源免费,如果您认为uView帮到了您的开发工作,您可以捐赠uView的研发工作,捐赠无门槛,哪怕是一杯可乐也好(相信这比打赏主播更有意义)。
<img
src=
"https://uviewui.com/common/wechat.png"
width=
"220"
>
<img
style=
"margin-left: 100px;"
src=
"https://uviewui.com/common/alipay.png"
width=
"220"
>
...
...
manifest.json
View file @
8968a8ef
...
...
@@ -2,7 +2,7 @@
"name"
:
"uView"
,
"appid"
:
"__UNI__60F4B81"
,
"description"
:
"多平台快速开发的UI框架"
,
"versionName"
:
"1.8.
2
"
,
"versionName"
:
"1.8.
3
"
,
"versionCode"
:
"100"
,
"transformPx"
:
false
,
"app-plus"
:
{
...
...
uview-ui/components/u-calendar/u-calendar.vue
View file @
8968a8ef
...
...
@@ -68,8 +68,8 @@
* @property {Boolean} change-year 是否显示顶部的切换年份方向的按钮(默认true)
* @property {Boolean} change-month 是否显示顶部的切换月份方向的按钮(默认true)
* @property {String Number} max-year 可切换的最大年份(默认2050)
* @property {String Number} min-year
最小可选日期
(默认1950)
* @property {String Number} min-date
可切换的最小年份
(默认1950-01-01)
* @property {String Number} min-year
可切换的最小年份
(默认1950)
* @property {String Number} min-date
最小可选日期
(默认1950-01-01)
* @property {String Number} max-date 最大可选日期(默认当前日期)
* @property {String Number} 弹窗顶部左右两边的圆角值,单位rpx(默认20)
* @property {Boolean} mask-close-able 是否允许通过点击遮罩关闭日历(默认true)
...
...
uview-ui/components/u-circle-progress/u-line-progress/u-line-progress.vue
0 → 100644
View file @
8968a8ef
<
template
>
<view
class=
"u-progress"
:style=
"
{
borderRadius: round ? '100rpx' : 0,
height: height + 'rpx',
backgroundColor: inactiveColor
}">
<view
:class=
"[
type ? `u-type-$
{type}-bg` : '',
striped ? 'u-striped' : '',
striped
&&
stripedActive ? 'u-striped-active' : ''
]" class="u-active" :style="[progressStyle]">
<slot
v-if=
"$slots.default || $slots.$default"
/>
<block
v-else-if=
"showPercent"
>
{{
percent
+
'
%
'
}}
</block>
</view>
</view>
</
template
>
<
script
>
/**
* lineProgress 线型进度条
* @description 展示操作或任务的当前进度,比如上传文件,是一个线形的进度条。
* @tutorial https://www.uviewui.com/components/lineProgress.html
* @property {String Number} percent 进度条百分比值,为数值类型,0-100
* @property {Boolean} round 进度条两端是否为半圆(默认true)
* @property {String} type 如设置,active-color值将会失效
* @property {String} active-color 进度条激活部分的颜色(默认#19be6b)
* @property {String} inactive-color 进度条的底色(默认#ececec)
* @property {Boolean} show-percent 是否在进度条内部显示当前的百分比值数值(默认true)
* @property {String Number} height 进度条的高度,单位rpx(默认28)
* @property {Boolean} striped 是否显示进度条激活部分的条纹(默认false)
* @property {Boolean} striped-active 条纹是否具有动态效果(默认false)
* @example <u-line-progress :percent="70" :show-percent="true"></u-line-progress>
*/
export
default
{
name
:
"
u-line-progress
"
,
props
:
{
// 两端是否显示半圆形
round
:
{
type
:
Boolean
,
default
:
true
},
// 主题颜色
type
:
{
type
:
String
,
default
:
''
},
// 激活部分的颜色
activeColor
:
{
type
:
String
,
default
:
'
#19be6b
'
},
inactiveColor
:
{
type
:
String
,
default
:
'
#ececec
'
},
// 进度百分比,数值
percent
:
{
type
:
Number
,
default
:
0
},
// 是否在进度条内部显示百分比的值
showPercent
:
{
type
:
Boolean
,
default
:
true
},
// 进度条的高度,单位rpx
height
:
{
type
:
[
Number
,
String
],
default
:
28
},
// 是否显示条纹
striped
:
{
type
:
Boolean
,
default
:
false
},
// 条纹是否显示活动状态
stripedActive
:
{
type
:
Boolean
,
default
:
false
}
},
data
()
{
return
{
}
},
computed
:
{
progressStyle
()
{
let
style
=
{};
style
.
width
=
this
.
percent
+
'
%
'
;
if
(
this
.
activeColor
)
style
.
backgroundColor
=
this
.
activeColor
;
return
style
;
}
},
methods
:
{
}
}
</
script
>
<
style
lang=
"scss"
scoped
>
@import
"../../libs/css/style.components.scss"
;
.u-progress
{
overflow
:
hidden
;
height
:
15px
;
/* #ifndef APP-NVUE */
display
:
inline-flex
;
/* #endif */
align-items
:
center
;
width
:
100%
;
border-radius
:
100rpx
;
}
.u-active
{
width
:
0
;
height
:
100%
;
align-items
:
center
;
@include
vue-flex
;
justify-items
:
flex-end
;
justify-content
:
space-around
;
font-size
:
20rpx
;
color
:
#ffffff
;
transition
:
all
0
.4s
ease
;
}
.u-striped
{
background-image
:
linear-gradient
(
45deg
,
rgba
(
255
,
255
,
255
,
0
.15
)
25%
,
transparent
25%
,
transparent
50%
,
rgba
(
255
,
255
,
255
,
0
.15
)
50%
,
rgba
(
255
,
255
,
255
,
0
.15
)
75%
,
transparent
75%
,
transparent
);
background-size
:
39px
39px
;
}
.u-striped-active
{
animation
:
progress-stripes
2s
linear
infinite
;
}
@keyframes
progress-stripes
{
0
%
{
background-position
:
0
0
;
}
100
%
{
background-position
:
39px
0
;
}
}
</
style
>
uview-ui/components/u-image/u-image.vue
View file @
8968a8ef
...
...
@@ -8,6 +8,7 @@
@
load=
"onLoadHandler"
:lazy-load=
"lazyLoad"
class=
"u-image__image"
:show-menu-by-longpress=
"showMenuByLongpress"
:style=
"
{
borderRadius: shape == 'circle' ? '50%' : $u.addUnit(borderRadius)
}"
...
...
uview-ui/components/u-rate/u-rate.vue
View file @
8968a8ef
...
...
@@ -178,14 +178,14 @@ export default {
// 获取评分组件盒子的布局信息
getElRectById
()
{
// uView封装的获取节点的方法,详见文档
this
.
$u
.
g
etRect
(
'
#
'
+
this
.
elId
).
then
(
res
=>
{
this
.
$u
G
etRect
(
'
#
'
+
this
.
elId
).
then
(
res
=>
{
this
.
starBoxLeft
=
res
.
left
})
},
// 获取单个星星的尺寸
getElRectByClass
()
{
// uView封装的获取节点的方法,详见文档
this
.
$u
.
g
etRect
(
'
.
'
+
this
.
elClass
).
then
(
res
=>
{
this
.
$u
G
etRect
(
'
.
'
+
this
.
elClass
).
then
(
res
=>
{
this
.
starWidth
=
res
.
width
// 把每个星星右边到组件盒子左边的距离放入数组中
for
(
let
i
=
0
;
i
<
this
.
count
;
i
++
)
{
...
...
uview-ui/components/u-tabbar/u-tabbar.vue
View file @
8968a8ef
...
...
@@ -22,7 +22,7 @@
:custom-prefix=
"item.customIcon ? 'custom-icon' : 'uicon'"
></u-icon>
<u-badge
:count=
"item.count"
:is-dot=
"item.isDot"
v-if=
"item.count"
v-if=
"item.count
|| item.isDot
"
:offset=
"[-2, getOffsetRight(item.count, item.isDot)]"
></u-badge>
</view>
...
...
uview-ui/libs/config/config.js
View file @
8968a8ef
// 此版本发布于2020-1
1-19
let
version
=
'
1.8.
2
'
;
// 此版本发布于2020-1
2-17
let
version
=
'
1.8.
3
'
;
export
default
{
v
:
version
,
...
...
uview-ui/package.json
View file @
8968a8ef
{
"name"
:
"uview-ui"
,
"version"
:
"1.8.
2
"
,
"version"
:
"1.8.
3
"
,
"description"
:
"uView UI,是uni-app生态优秀的UI框架,全面的组件和便捷的工具会让您信手拈来,如鱼得水"
,
"main"
:
"index.js"
,
"keywords"
:
[
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment