Skip to content

Commit 317cec2

Browse files
hulinNeilhulinNeil
committed
优化部分示例
1 parent 7134220 commit 317cec2

13 files changed

Lines changed: 81 additions & 63 deletions

File tree

‎components/uni-list-item/uni-list-item.vue‎

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -35,8 +35,14 @@
3535
};
3636
},
3737
props: {
38-
title: String, //列表标题
39-
note: String, //列表描述
38+
title: {
39+
type: String,
40+
default: ''
41+
}, //列表标题
42+
note: {
43+
type: String,
44+
default: ''
45+
}, //列表描述
4046
disabled: { //是否禁用
4147
type: [Boolean, String],
4248
default: false
@@ -71,9 +77,9 @@
7177
type: Object,
7278
default () {
7379
return {
74-
type: "contact",
75-
color: "#000000",
76-
size: "20"
80+
type: 'contact',
81+
color: '#000000',
82+
size: 20
7783
};
7884
}
7985
}

‎pages.json‎

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -644,7 +644,11 @@
644644
}, {
645645
"path": "swipe-action/swipe-action",
646646
"style": {
647-
"navigationBarTitleText": "SwipeAction 滑动操作"
647+
"navigationBarTitleText": "SwipeAction 滑动操作",
648+
"app-plus": {
649+
"bounce": "none"
650+
},
651+
"disableScroll": true
648652
}
649653
}, {
650654
"path": "calendar/calendar",

‎pages/extUI/card/card.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
内容主体，可自定义内容及样式
1010
</uni-card>
1111
<view class="example-title">通栏卡片</view>
12-
<uni-card is-full="true" title="DCloud" thumbnail="https://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png" extra="2018.12.12" note="Tips">
12+
<uni-card :is-full="true" title="DCloud" thumbnail="https://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png" extra="2018.12.12" note="Tips">
1313
内容主体，可自定义内容及样式，内容主体，可自定义内容及样式，内容主体，可自定义内容及样式
1414
</uni-card>
1515
</view>

‎pages/extUI/collapse/collapse.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -6,18 +6,18 @@
66
<uni-list>
77
<uni-list-item title="标题文字" thumb="https://img-cdn-qiniu.dcloud.net.cn/new-page/hx.png"></uni-list-item>
88
<uni-list-item title="标题文字" note="描述信息" thumb="https://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png"></uni-list-item>
9-
<uni-list-item title="标题文字" note="描述信息" show-extra-icon="true" :extra-icon="extraIcon"></uni-list-item>
9+
<uni-list-item title="标题文字" note="描述信息" :show-extra-icon="true" :extra-icon="extraIcon"></uni-list-item>
1010
</uni-list>
1111
</uni-collapse-item>
12-
<uni-collapse-item title="默认开启" open="true">
12+
<uni-collapse-item title="默认开启" :open="true">
1313
<view style="padding: 30upx;"> 折叠内容主体，可自定义内容及样式 </view>
1414
</uni-collapse-item>
15-
<uni-collapse-item title="禁用状态" disabled="true">
15+
<uni-collapse-item title="禁用状态" :disabled="true">
1616
<view style="padding: 30upx;"> 禁用状态 </view>
1717
</uni-collapse-item>
1818
</uni-collapse>
1919
<view class="example-title">手风琴效果</view>
20-
<uni-collapse accordion="true">
20+
<uni-collapse :accordion="true">
2121
<uni-collapse-item title="标题文字">
2222
<view style="padding: 30upx;">
2323
手风琴效果

‎pages/extUI/drawer/drawer.vue‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -18,14 +18,14 @@
1818
<uni-list>
1919
<uni-list-item title="Item1"></uni-list-item>
2020
<uni-list-item title="Item2"></uni-list-item>
21-
<uni-list-item title="Item3" show-badge="true" badge-text="12"></uni-list-item>
21+
<uni-list-item title="Item3" :show-badge="true" badge-text="12"></uni-list-item>
2222
</uni-list>
2323
<!-- #endif -->
2424
<!-- #ifdef MP-BAIDU || MP-ALIPAY || MP-TOUTIAO -->
2525
<view class="uni-list">
2626
<uni-list-item title="Item1"></uni-list-item>
2727
<uni-list-item title="Item2"></uni-list-item>
28-
<uni-list-item title="Item3" show-badge="true" badge-text="12"></uni-list-item>
28+
<uni-list-item title="Item3" :show-badge="true" badge-text="12"></uni-list-item>
2929
</view>
3030
<!-- #endif -->
3131
<view class="close">
@@ -41,14 +41,14 @@
4141
<uni-list>
4242
<uni-list-item title="Item1"></uni-list-item>
4343
<uni-list-item title="Item2"></uni-list-item>
44-
<uni-list-item title="Item3" show-badge="true" badge-text="12"></uni-list-item>
44+
<uni-list-item title="Item3" :show-badge="true" badge-text="12"></uni-list-item>
4545
</uni-list>
4646
<!-- #endif -->
4747
<!-- #ifdef MP-BAIDU || MP-ALIPAY || MP-TOUTIAO -->
4848
<view class="uni-list">
4949
<uni-list-item title="Item1"></uni-list-item>
5050
<uni-list-item title="Item2"></uni-list-item>
51-
<uni-list-item title="Item3" show-badge="true" badge-text="12"></uni-list-item>
51+
<uni-list-item title="Item3" :show-badge="true" badge-text="12"></uni-list-item>
5252
</view>
5353
<!-- #endif -->
5454
<view class="close">

‎pages/extUI/grid/grid.vue‎

Lines changed: 13 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -11,15 +11,17 @@
1111
</view>
1212
</swiper-item>
1313
<swiper-item>
14-
<uni-grid :options="data1" @click="onClick"></uni-grid>
14+
<view class="grid-view">
15+
<uni-grid :options="data1" @click="onClick"></uni-grid>
16+
</view>
1517
</swiper-item>
1618
</swiper>
1719
<view class="example-title">无外边框</view>
18-
<uni-grid :options="data3" show-out-border="false"></uni-grid>
20+
<uni-grid :options="data3" :show-out-border="false"></uni-grid>
1921
<view class="example-title">无所有框</view>
20-
<uni-grid :options="data3" show-border="false"></uni-grid>
22+
<uni-grid :options="data3" :show-border="false"></uni-grid>
2123
<view class="example-title">一行四个</view>
22-
<uni-grid :options="data2" show-out-border="false" column-num="4"></uni-grid>
24+
<uni-grid :options="data2" :show-out-border="false" :column-num="4"></uni-grid>
2325
<view class="example-title">矩形案例</view>
2426
<uni-grid :options="data3" type="oblong"></uni-grid>
2527
</view>
@@ -149,7 +151,6 @@
149151
}
150152
}
151153
</script>
152-
153154
<style>
154155
page {
155156
display: flex;
@@ -182,4 +183,11 @@
182183
.example-body {
183184
padding: 0 40upx
184185
}
186+
187+
.grid-view {
188+
/* #ifdef H5 */
189+
padding: 0 0.5px;
190+
/* #endif */
191+
box-sizing: border-box;
192+
}
185193
</style>

‎pages/extUI/list/list.vue‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,16 +2,16 @@
22
<view>
33
<view class="example-title">基本用法</view>
44
<uni-list>
5-
<uni-list-item title="标题文字" show-arrow="false"></uni-list-item>
5+
<uni-list-item title="标题文字" :show-arrow="false"></uni-list-item>
66
<uni-list-item title="标题文字"></uni-list-item>
7-
<uni-list-item title="标题文字" show-badge="true" badge-text="12"></uni-list-item>
8-
<uni-list-item title="禁用状态" disabled="true" show-badge="true" badge-text="12"></uni-list-item>
7+
<uni-list-item title="标题文字" :show-badge="true" :badge-text="12"></uni-list-item>
8+
<uni-list-item title="禁用状态" :disabled="true" :show-badge="true" :badge-text="12"></uni-list-item>
99
</uni-list>
1010
<view class="example-title">包含描述信息</view>
1111
<uni-list>
12-
<uni-list-item title="标题文字" note="描述信息" show-arrow="false"></uni-list-item>
12+
<uni-list-item title="标题文字" note="描述信息" :show-arrow="false"></uni-list-item>
1313
<uni-list-item title="标题文字" note="描述信息"></uni-list-item>
14-
<uni-list-item title="标题文字" note="描述信息" show-badge="true" badge-text="12"></uni-list-item>
14+
<uni-list-item title="标题文字" note="描述信息" :show-badge="true" :badge-text="12"></uni-list-item>
1515
</uni-list>
1616
<view class="example-title">显示缩略图</view>
1717
<uni-list>
@@ -20,14 +20,14 @@
2020
</uni-list>
2121
<view class="example-title">显示扩展图标</view>
2222
<uni-list>
23-
<uni-list-item title="标题文字" show-extra-icon="true" :extra-icon="extraIcon1"></uni-list-item>
24-
<uni-list-item title="标题文字" note="描述信息" show-extra-icon="true" :extra-icon="extraIcon2"></uni-list-item>
23+
<uni-list-item title="标题文字" :show-extra-icon="true" :extra-icon="extraIcon1"></uni-list-item>
24+
<uni-list-item title="标题文字" note="描述信息" :show-extra-icon="true" :extra-icon="extraIcon2"></uni-list-item>
2525
</uni-list>
2626
<view class="example-title">显示Switch</view>
2727
<uni-list>
28-
<uni-list-item title="标题文字" show-switch="true" show-arrow="false" @switchChange="switchChange"></uni-list-item>
29-
<uni-list-item title="标题文字" show-switch="true" switch-checked="true" show-arrow="false" @switchChange="switchChange"></uni-list-item>
30-
<uni-list-item title="禁用状态" disabled="true" show-switch="true" switch-checked="true" show-arrow="false" @switchChange="switchChange"></uni-list-item>
28+
<uni-list-item title="标题文字" :show-switch="true" :show-arrow="false" @switchChange="switchChange"></uni-list-item>
29+
<uni-list-item title="标题文字" :show-switch="true" :switch-checked="true" :show-arrow="false" @switchChange="switchChange"></uni-list-item>
30+
<uni-list-item title="禁用状态" :disabled="true" :show-switch="true" :switch-checked="true" :show-arrow="false" @switchChange="switchChange"></uni-list-item>
3131
</uni-list>
3232
</view>
3333
</template>

‎pages/extUI/load-more/load-more.vue‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
</view>
1111
<radio-group @change="onChange">
1212
<label>
13-
<radio value="more" checked="true" />加载前
13+
<radio value="more" :checked="true" />加载前
1414
</label>
1515
<label>
1616
<radio value="loading" />加载中

‎pages/extUI/notice-bar/notice-bar.vue‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,28 @@
11
<template>
22
<view>
33
<view class="example-title">基本用法</view>
4-
<uni-notice-bar single="true" text="[单行] uni-app 1.6发布，开发一次、7端覆盖！"></uni-notice-bar>
4+
<uni-notice-bar :single="true" text="[单行] uni-app 1.6发布，开发一次、7端覆盖！"></uni-notice-bar>
55
<uni-notice-bar text="[多行] uni-app 1.6版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。"></uni-notice-bar>
66
<view class="example-title">加图标</view>
7-
<uni-notice-bar single="true" show-icon="true" text="uni-app行业峰会频频亮相，开发者反响热烈!"></uni-notice-bar>
8-
<uni-notice-bar show-icon="true" text="8月12日DCloud受邀参加iWEB峰会后，9月19日DCloud CEO 王安在千人小程序峰会——见实大会，做了主题为《App和小程序，鱼与熊掌如何兼得？》的分享。"></uni-notice-bar>
7+
<uni-notice-bar :single="true" :show-icon="true" text="uni-app行业峰会频频亮相，开发者反响热烈!"></uni-notice-bar>
8+
<uni-notice-bar :show-icon="true" text="8月12日DCloud受邀参加iWEB峰会后，9月19日DCloud CEO 王安在千人小程序峰会——见实大会，做了主题为《App和小程序，鱼与熊掌如何兼得？》的分享。"></uni-notice-bar>
99
<!-- #ifndef H5 -->
1010
<view class="example-title">文字滚动</view>
11-
<uni-notice-bar scrollable="true" single="true" text="uni-app行业峰会频频亮相，开发者反响热烈!"></uni-notice-bar>
12-
<uni-notice-bar show-icon="true" scrollable="true" single="true" text="uni-app 1.6版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。"></uni-notice-bar>
13-
<uni-notice-bar scrollable="true" text="8月12日DCloud受邀参加iWEB峰会后，9月19日DCloud CEO 王安在千人小程序峰会——见实大会，做了主题为《App和小程序，鱼与熊掌如何兼得？》的分享。"></uni-notice-bar>
11+
<uni-notice-bar :scrollable="true" :single="true" text="uni-app行业峰会频频亮相，开发者反响热烈!"></uni-notice-bar>
12+
<uni-notice-bar :show-icon="true" :scrollable="true" :single="true" text="uni-app 1.6版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。"></uni-notice-bar>
13+
<uni-notice-bar :scrollable="true" text="8月12日DCloud受邀参加iWEB峰会后，9月19日DCloud CEO 王安在千人小程序峰会——见实大会，做了主题为《App和小程序，鱼与熊掌如何兼得？》的分享。"></uni-notice-bar>
1414
<!-- #endif -->
1515
<view class="example-title">查看更多</view>
16-
<uni-notice-bar @getmore="getMore" :show-get-more="true" single="true" text="年末大礼：uni-app1.4 新增百度、支付宝小程序。插件市场重磅上线！"></uni-notice-bar>
17-
<uni-notice-bar @getmore="getMore" :show-get-more="true" more-text="查看更多" show-icon="true" single="true" text="年末大礼：uni-app1.4 新增百度、支付宝小程序。插件市场重磅上线！"></uni-notice-bar>
16+
<uni-notice-bar @getmore="getMore" :show-get-more="true" :single="true" text="年末大礼：uni-app1.4 新增百度、支付宝小程序。插件市场重磅上线！"></uni-notice-bar>
17+
<uni-notice-bar @getmore="getMore" :show-get-more="true" more-text="查看更多" :show-icon="true" :single="true" text="年末大礼：uni-app1.4 新增百度、支付宝小程序。插件市场重磅上线！"></uni-notice-bar>
1818
<view class="example-title">修改颜色</view>
19-
<uni-notice-bar more-text="查看更多" color="red" background-color="#eee" single="true" text="uni-app 1.6版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。"></uni-notice-bar>
20-
<uni-notice-bar show-icon="true" color="blue" text="uni-app 1.6版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。"></uni-notice-bar>
19+
<uni-notice-bar more-text="查看更多" color="red" background-color="#eee" :single="true" text="uni-app 1.6版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。"></uni-notice-bar>
20+
<uni-notice-bar :show-icon="true" color="blue" text="uni-app 1.6版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。"></uni-notice-bar>
2121
<view class="example-title">关闭按钮</view>
22-
<uni-notice-bar show-close="true" single="true" text="HBuilderX 1.0正式发布！uni-app实现里程碑突破！"></uni-notice-bar>
23-
<uni-notice-bar show-close="true" show-icon="true" more-text="查看更多" text="HBuilderX 1.0正式发布！uni-app实现里程碑突破！"></uni-notice-bar>
24-
<uni-notice-bar show-close="true" show-icon="true" text="uni-app 1.6发布，开发一次、7端覆盖！"></uni-notice-bar>
25-
<uni-notice-bar show-close="true" show-icon="true" single="true" text="uni-app 1.6版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。"></uni-notice-bar>
22+
<uni-notice-bar :show-close="true" :single="true" text="HBuilderX 1.0正式发布！uni-app实现里程碑突破！"></uni-notice-bar>
23+
<uni-notice-bar :show-close="true" :show-icon="true" more-text="查看更多" text="HBuilderX 1.0正式发布！uni-app实现里程碑突破！"></uni-notice-bar>
24+
<uni-notice-bar :show-close="true" :show-icon="true" text="uni-app 1.6发布，开发一次、7端覆盖！"></uni-notice-bar>
25+
<uni-notice-bar :show-close="true" :show-icon="true" :single="true" text="uni-app 1.6版正式发布，开发一次，同时发布iOS、Android、H5、微信小程序、支付宝小程序、百度小程序、头条小程序等7大平台。"></uni-notice-bar>
2626
</view>
2727
</template>
2828

‎pages/extUI/pagination/pagination.vue‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
<template>
22
<view>
33
<view class="example-title">默认样式</view>
4-
<uni-pagination title="标题文字" total="20"></uni-pagination>
4+
<uni-pagination title="标题文字" :total="20"></uni-pagination>
55
<view class="example-title">修改按钮文字</view>
6-
<uni-pagination title="标题文字" total="20" prev-text="前一页" next-text="后一页"></uni-pagination>
6+
<uni-pagination title="标题文字" :total="20" prev-text="前一页" next-text="后一页"></uni-pagination>
77
<view class="example-title">图标样式</view>
8-
<uni-pagination title="标题文字" show-icon="true" total="20"></uni-pagination>
8+
<uni-pagination title="标题文字" :show-icon="true" :total="20"></uni-pagination>
99
<view class="example-title">修改数据长度</view>
1010
<uni-pagination title="标题文字" show-icon="true" :current="current" :total="total" @change="change"></uni-pagination>
1111
<view class="btn-view">

0 commit comments

Comments
 (0)