Skip to content

Commit 3e0bdfc

Browse files
committed
chore: sync from uni-ui
1 parent a6cc4b8 commit 3e0bdfc

File tree

18 files changed

+1055
-12
lines changed

18 files changed

+1055
-12
lines changed

pages.json

Lines changed: 20 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -736,6 +736,12 @@
736736
"navigationBarTitleText": "Badge 数字角标"
737737
}
738738
},
739+
{
740+
"path": "breadcrumb/breadcrumb",
741+
"style": {
742+
"navigationBarTitleText": "Breadcrumb 面包屑"
743+
}
744+
},
739745
{
740746
"path": "countdown/countdown",
741747
"style": {
@@ -935,6 +941,12 @@
935941
"navigationBarTitleText": "Title 章节标题"
936942
}
937943
},
944+
{
945+
"path": "tooltip/tooltip",
946+
"style": {
947+
"navigationBarTitleText": "Tooltip 文字提示"
948+
}
949+
},
938950
{
939951
"path": "link/link",
940952
"style": {
@@ -986,6 +998,13 @@
986998
"enablePullDownRefresh": false
987999
}
9881000
},
1001+
{
1002+
"path": "data-select/data-select",
1003+
"style": {
1004+
"navigationBarTitleText": "DataSelect 下拉框",
1005+
"enablePullDownRefresh": false
1006+
}
1007+
},
9891008
{
9901009
"path": "datetime-picker/datetime-picker",
9911010
"style": {
@@ -1335,4 +1354,4 @@
13351354
}
13361355
]
13371356
}
1338-
}
1357+
}
Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<template>
2+
<view class="container">
3+
<uni-card is-full :is-shadow="false">
4+
<text class="uni-h6">面包屑导航显示当前页面的路径,快速返回之前的任意可跳转页面</text>
5+
</uni-card>
6+
<uni-section title="基础用法" type="line" padding>
7+
<uni-breadcrumb separator="/">
8+
<uni-breadcrumb-item v-for="route in routes" :to="route.to">{{route.name}}</uni-breadcrumb-item>
9+
</uni-breadcrumb>
10+
</uni-section>
11+
<uni-section title="自定义分隔符" type="line" padding>
12+
<uni-breadcrumb separator=">">
13+
<uni-breadcrumb-item v-for="route in routes" :to="route.to">{{route.name}}</uni-breadcrumb-item>
14+
</uni-breadcrumb>
15+
</uni-section>
16+
</view>
17+
</template>
18+
19+
<script>
20+
export default {
21+
components: {},
22+
data() {
23+
return {
24+
routes: [ {
25+
to: '/',
26+
name: '首页'
27+
}, {
28+
to: '',
29+
name: '菜单 A'
30+
}, {
31+
to: '',
32+
name: '菜单 B'
33+
}]
34+
};
35+
},
36+
};
37+
</script>
38+
39+
<style lang="scss">
40+
41+
</style>
Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<template>
2+
<view>
3+
<uni-card is-full>
4+
<text class="uni-h6">通过数据驱动的单选框和复选框,可直接通过连接 uniCloud 获取数据,同时可以配合表单组件 uni-forms 使用</text>
5+
</uni-card>
6+
<uni-section title="本地数据" type="line">
7+
<uni-data-select v-model="value" :localdata="range" @change="change"></uni-data-select>
8+
</uni-section>
9+
<!-- <uni-section title="云端数据" subTitle="连接云服务空间, 且存在相关的数据表才能生效(此处演示, 未连接云服务空间, 故不生效, 且有报错)" type="line">
10+
<uni-data-select collection="opendb-app-list" field="appid as value, name as text" v-mode="value" />
11+
</uni-section> -->
12+
<uni-section title="是否可清除已选项" type="line">
13+
<uni-data-select v-model="value" :localdata="range" @change="change" :clear="false"></uni-data-select>
14+
</uni-section>
15+
<uni-section title="配置左侧标题" type="line">
16+
<uni-data-select v-model="value" :localdata="range" @change="change" label="应用选择"></uni-data-select>
17+
</uni-section>
18+
</view>
19+
</template>
20+
21+
<script>
22+
export default {
23+
data() {
24+
return {
25+
value: 0,
26+
range: [{"value": 0,"text": "篮球"},
27+
{"value": 1,"text": "足球"},
28+
{"value": 2,"text": "游泳"}]
29+
}
30+
},
31+
methods: {
32+
change(e){
33+
console.log('e:',e);
34+
}
35+
}
36+
}
37+
</script>
38+
39+
<style lang="scss">
40+
.text {
41+
font-size: 12px;
42+
color: #666;
43+
margin-top: 5px;
44+
}
45+
46+
.uni-px-5 {
47+
padding-left: 10px;
48+
padding-right: 10px;
49+
}
50+
51+
.uni-pb-5 {
52+
padding-bottom: 10px;
53+
}
54+
</style>

pages/extUI/tooltip/tooltip.vue

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
<template>
2+
<view class="container">
3+
<uni-card is-full :is-shadow="false">
4+
<text class="uni-h6">常用于展示鼠标 hover 时的提示信息,注意:无法覆盖原生组件</text>
5+
</uni-card>
6+
<uni-section title="基础用法" type="line" padding>
7+
<uni-tooltip content="提示文字">
8+
<button size="mini">左下</button>
9+
</uni-tooltip>
10+
</uni-section>
11+
12+
<uni-section title="弹出层插槽" type="line" padding>
13+
<uni-tooltip>
14+
<button size="mini">多行文字提示</button>
15+
<template v-slot:content>
16+
<view class="uni-stat-tooltip">
17+
一段文字一段文字一段文字一段文字一段文字一段文字一段文字
18+
一段文字一段文字一段文字一段文字一段文字一段文字一段文字
19+
</view>
20+
</template>
21+
</uni-tooltip>
22+
</uni-section>
23+
</view>
24+
</template>
25+
26+
<script>
27+
export default {
28+
components: {},
29+
data() {
30+
return {
31+
32+
};
33+
},
34+
};
35+
</script>
36+
37+
<style lang="scss">
38+
.uni-stat-tooltip {
39+
width: 160px;
40+
}
41+
</style>

pages/tabBar/extUI/extUI.nvue

Lines changed: 26 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -5,10 +5,13 @@
55
</view>
66
<view v-if="!hasLeftWin" class="uni-hello-text">
77
<text class="hello-text">以下是uni-app扩展组件示例,更多组件见插件市场:</text>
8-
<u-link class="hello-link" :href="'https://ext.dcloud.net.cn/'" :text="'https://ext.dcloud.net.cn'" :inWhiteList="true"></u-link>
8+
<u-link class="hello-link" :href="'https://ext.dcloud.net.cn/'" :text="'https://ext.dcloud.net.cn'"
9+
:inWhiteList="true"></u-link>
910
</view>
10-
<view :class="{'pc-hide': hideList.indexOf(item.url) !== -1 && hasLeftWin}" class="uni-panel" v-for="item in lists" :key="item.url">
11-
<view :class="{'left-win-active': leftWinActive === item.url && hasLeftWin}" class="uni-panel-h" @click="goDetailPage(item.url)">
11+
<view :class="{'pc-hide': hideList.indexOf(item.url) !== -1 && hasLeftWin}" class="uni-panel"
12+
v-for="item in lists" :key="item.url">
13+
<view :class="{'left-win-active': leftWinActive === item.url && hasLeftWin}" class="uni-panel-h"
14+
@click="goDetailPage(item.url)">
1215
<text class="uni-panel-text">{{item.name}}</text>
1316
<text class="uni-panel-icon uni-icon">&#xe470;</text>
1417
</view>
@@ -34,6 +37,10 @@
3437
name: "uni-badge 数字角标",
3538
url: "badge"
3639
},
40+
{
41+
name: "uni-breadcrumb 面包屑",
42+
url: "breadcrumb"
43+
},
3744
// {
3845
// name: "uni-calendar 日历",
3946
// url: "calendar"
@@ -47,12 +54,12 @@
4754
url: "collapse"
4855
},
4956

50-
// #ifndef APP-NVUE
57+
// #ifndef APP-NVUE
5158
{
5259
name: "uni-combox 组合框",
5360
url: "combox"
5461
},
55-
// #endif
62+
// #endif
5663
{
5764
name: "uni-countdown 倒计时",
5865
url: "countdown"
@@ -65,6 +72,10 @@
6572
name: "uni-data-picker 数据驱动的picker选择器",
6673
url: "data-picker"
6774
},
75+
{
76+
name: "uni-data-select 数据驱动的下拉框",
77+
url: "data-select"
78+
},
6879
{
6980
name: "uni-dateformat 日期格式化",
7081
url: "dateformat"
@@ -89,12 +100,12 @@
89100
name: "uni-fav 收藏按钮",
90101
url: "fav"
91102
},
92-
// #ifndef APP-NVUE
103+
// #ifndef APP-NVUE
93104
{
94105
name: "uni-file-picker 文件选择上传",
95106
url: "file-picker"
96107
},
97-
// #endif
108+
// #endif
98109
{
99110
name: "uni-forms 表单",
100111
url: "forms"
@@ -165,12 +176,12 @@
165176
name: "uni-search-bar 搜索栏",
166177
url: "search-bar"
167178
},
168-
// #ifndef APP || H5 || MP-WEIXIN || MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-QQ
179+
// #ifndef APP || H5 || MP-WEIXIN || MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-QQ
169180
{
170181
name: "section 标题栏",
171182
url: "section"
172183
},
173-
// #endif
184+
// #endif
174185
{
175186
name: "uni-segmented-control 分段器",
176187
url: "segmented-control"
@@ -192,7 +203,7 @@
192203
name: "uni-table 表格",
193204
url: "table"
194205
},
195-
// #endif
206+
// #endif
196207
{
197208
name: "uni-tag 标签",
198209
url: "tag"
@@ -201,6 +212,10 @@
201212
name: "uni-title 章节标题",
202213
url: "title"
203214
},
215+
{
216+
name: "uni-tooltip 文字提示",
217+
url: "tooltip"
218+
},
204219
{
205220
name: "uni-transition 过渡动画",
206221
url: "transition"
@@ -250,4 +265,4 @@
250265

251266
<style>
252267
@import '../../../common/uni-nvue.css';
253-
</style>
268+
</style>
Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
## 0.1.0(2022-04-22)
2+
- 初始化

0 commit comments

Comments
 (0)