forked from umicro/uView2.0
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
2. 处理input在ios nvue上无法获得焦点的问题。 3. avatar-group组件添加extraValue参数,让剩余展示数量可手动控制。 4. tabs组件添加keyName参数用于配置从对象中读取的键名。 5. 处理text组件名字脱敏默认配置无效的问题。 6. 处理picker组件item文本太长换行问题。
- Loading branch information
Showing
22 changed files
with
767 additions
and
732 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -130,7 +130,7 @@ | |
<u-avatar-group | ||
:urls="urls" | ||
size="35" | ||
gap="0.6" | ||
gap="0.6" | ||
></u-avatar-group> | ||
</view> | ||
</view> | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,179 +1,156 @@ | ||
<template> | ||
<view class="u-page"> | ||
<view class="u-demo-block"> | ||
<text class="u-demo-block__title">基础使用</text> | ||
<view class="u-demo-block__content"> | ||
<u-row customStyle="margin-bottom: 10px"> | ||
<u-col span="6"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col span="6"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
</u-row> | ||
<u-row customStyle="margin-bottom: 10px"> | ||
<u-col span="4"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
<u-col span="4"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col span="4"> | ||
<view class="demo-layout bg-purple-dark"></view> | ||
</u-col> | ||
</u-row> | ||
<u-row justify="space-between"> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
</u-row> | ||
</view> | ||
</view> | ||
<view class="u-demo-block"> | ||
<text class="u-demo-block__title">分栏间隔</text> | ||
<view class="u-demo-block__content"> | ||
<u-row | ||
justify="space-between" | ||
gutter="10" | ||
> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
</u-row> | ||
</view> | ||
</view> | ||
<view class="u-demo-block"> | ||
<text class="u-demo-block__title">混合布局</text> | ||
<view class="u-demo-block__content"> | ||
<u-row | ||
justify="space-between" | ||
gutter="10" | ||
> | ||
<u-col span="2"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col span="4"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
<u-col span="6"> | ||
<view class="demo-layout bg-purple-dark"></view> | ||
</u-col> | ||
</u-row> | ||
</view> | ||
</view> | ||
<view class="u-demo-block"> | ||
<text class="u-demo-block__title">分栏偏移</text> | ||
<view class="u-demo-block__content"> | ||
<u-row | ||
justify="space-between" | ||
customStyle="margin-bottom: 10px" | ||
> | ||
<u-col | ||
span="3" | ||
offset="3" | ||
> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col | ||
span="3" | ||
offset="3" | ||
> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
</u-row> | ||
<u-row> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col | ||
span="3" | ||
offset="3" | ||
> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
</u-row> | ||
</view> | ||
</view> | ||
<view class="u-demo-block"> | ||
<text class="u-demo-block__title">对齐方式</text> | ||
<view class="u-demo-block__content"> | ||
<u-row | ||
justify="space-between" | ||
customStyle="margin-bottom: 10px" | ||
> | ||
<u-col | ||
span="3" | ||
> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col | ||
span="3" | ||
> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
</u-row> | ||
<u-row> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col | ||
span="3" | ||
> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
</u-row> | ||
</view> | ||
</view> | ||
</view> | ||
</template> | ||
|
||
<script> | ||
export default { | ||
data() { | ||
return { | ||
|
||
} | ||
} | ||
} | ||
</script> | ||
|
||
<style lang="scss"> | ||
.wrap { | ||
padding: 12px; | ||
} | ||
|
||
.demo-layout { | ||
height: 25px; | ||
border-radius: 4px; | ||
} | ||
|
||
.bg-purple { | ||
background: #CED7E1; | ||
} | ||
|
||
.bg-purple-light { | ||
background: #e5e9f2; | ||
} | ||
|
||
.bg-purple-dark { | ||
background: #99a9bf; | ||
} | ||
</style> | ||
<template> | ||
<view class="u-page"> | ||
<view class="u-demo-block"> | ||
<text class="u-demo-block__title">基础使用</text> | ||
<view class="u-demo-block__content"> | ||
<u-row customStyle="margin-bottom: 10px"> | ||
<u-col span="6"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col span="6"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
</u-row> | ||
<u-row customStyle="margin-bottom: 10px"> | ||
<u-col span="4"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
<u-col span="4"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col span="4"> | ||
<view class="demo-layout bg-purple-dark"></view> | ||
</u-col> | ||
</u-row> | ||
<u-row justify="space-between"> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
</u-row> | ||
</view> | ||
</view> | ||
<view class="u-demo-block"> | ||
<text class="u-demo-block__title">分栏间隔</text> | ||
<view class="u-demo-block__content"> | ||
<u-row justify="space-between" gutter="10"> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
</u-row> | ||
</view> | ||
</view> | ||
<view class="u-demo-block"> | ||
<text class="u-demo-block__title">混合布局</text> | ||
<view class="u-demo-block__content"> | ||
<u-row justify="space-between" gutter="10"> | ||
<u-col span="2"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col span="4"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
<u-col span="6"> | ||
<view class="demo-layout bg-purple-dark"></view> | ||
</u-col> | ||
</u-row> | ||
</view> | ||
</view> | ||
<view class="u-demo-block"> | ||
<text class="u-demo-block__title">分栏偏移</text> | ||
<view class="u-demo-block__content"> | ||
<u-row | ||
justify="space-between" | ||
customStyle="margin-bottom: 10px" | ||
> | ||
<u-col span="3" offset="3"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col span="3" offset="3"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
</u-row> | ||
<u-row> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col span="3" offset="3"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
</u-row> | ||
</view> | ||
</view> | ||
<view class="u-demo-block"> | ||
<text class="u-demo-block__title">对齐方式</text> | ||
<view class="u-demo-block__content"> | ||
<u-row | ||
justify="space-between" | ||
customStyle="margin-bottom: 10px" | ||
> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
</u-row> | ||
<u-row> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple-light"></view> | ||
</u-col> | ||
<u-col span="3"> | ||
<view class="demo-layout bg-purple"></view> | ||
</u-col> | ||
</u-row> | ||
</view> | ||
</view> | ||
</view> | ||
</template> | ||
|
||
<script> | ||
export default { | ||
data() { | ||
return {}; | ||
}, | ||
}; | ||
</script> | ||
|
||
<style lang="scss"> | ||
.wrap { | ||
padding: 12px; | ||
} | ||
|
||
.demo-layout { | ||
height: 25px; | ||
border-radius: 4px; | ||
} | ||
|
||
.bg-purple { | ||
background: #ced7e1; | ||
} | ||
|
||
.bg-purple-light { | ||
background: #e5e9f2; | ||
} | ||
|
||
.bg-purple-dark { | ||
background: #99a9bf; | ||
} | ||
</style> |
Oops, something went wrong.