mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
[breaking change] Loadmore: removed
This commit is contained in:
parent
30aa774e20
commit
3434eb2ac7
@ -82,8 +82,7 @@ module.exports = {
|
|||||||
popup: require('./packages/popup/README.md'),
|
popup: require('./packages/popup/README.md'),
|
||||||
tab: require('./packages/tab/README.md'),
|
tab: require('./packages/tab/README.md'),
|
||||||
toast: require('./packages/toast/README.md'),
|
toast: require('./packages/toast/README.md'),
|
||||||
toptips: require('./packages/toptips/README.md'),
|
toptips: require('./packages/toptips/README.md')
|
||||||
loadmore: require('./packages/loadmore/README.md')
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -26,8 +26,7 @@
|
|||||||
"pages/toptips/index",
|
"pages/toptips/index",
|
||||||
"pages/toast/index",
|
"pages/toast/index",
|
||||||
"pages/tree-select/index",
|
"pages/tree-select/index",
|
||||||
"pages/datetime/index",
|
"pages/datetime/index"
|
||||||
"pages/loadmore/index"
|
|
||||||
],
|
],
|
||||||
"window": {
|
"window": {
|
||||||
"navigationBarBackgroundColor": "#FAFAFA",
|
"navigationBarBackgroundColor": "#FAFAFA",
|
||||||
|
@ -30,10 +30,6 @@ export default {
|
|||||||
name: 'Loading 加载',
|
name: 'Loading 加载',
|
||||||
path: '/pages/loading/index'
|
path: '/pages/loading/index'
|
||||||
},
|
},
|
||||||
{
|
|
||||||
name: 'Loadmore 加载更多',
|
|
||||||
path: '/pages/loadmore/index'
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: 'NoticeBar 通告栏',
|
name: 'NoticeBar 通告栏',
|
||||||
path: '/pages/notice-bar/index'
|
path: '/pages/notice-bar/index'
|
||||||
|
@ -1,11 +0,0 @@
|
|||||||
Page({
|
|
||||||
data: {
|
|
||||||
},
|
|
||||||
|
|
||||||
onLoad: function () {
|
|
||||||
|
|
||||||
},
|
|
||||||
|
|
||||||
onShow: function() {
|
|
||||||
},
|
|
||||||
})
|
|
@ -1,7 +0,0 @@
|
|||||||
{
|
|
||||||
"navigationBarTitleText": "loadmore 加载",
|
|
||||||
"usingComponents": {
|
|
||||||
"van-panel": "../../dist/panel/index",
|
|
||||||
"van-loadmore": "../../dist/loadmore/index"
|
|
||||||
}
|
|
||||||
}
|
|
@ -1,9 +0,0 @@
|
|||||||
<van-panel title="nodata">
|
|
||||||
<van-loadmore type="text"></van-loadmore>
|
|
||||||
</van-panel>
|
|
||||||
<van-panel title="loading">
|
|
||||||
<van-loadmore type="loading"></van-loadmore>
|
|
||||||
</van-panel>
|
|
||||||
<van-panel title="text">
|
|
||||||
<van-loadmore type="text" text="暂无数据"></van-loadmore>
|
|
||||||
</van-panel>
|
|
@ -1,5 +0,0 @@
|
|||||||
|
|
||||||
|
|
||||||
van-loadmore {
|
|
||||||
margin: 15px;
|
|
||||||
}
|
|
@ -1,26 +0,0 @@
|
|||||||
## Loadmore 加载
|
|
||||||
|
|
||||||
### 使用指南
|
|
||||||
在 index.json 中引入组件
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
...
|
|
||||||
"usingComponents": {
|
|
||||||
"van-loadmore": "../../dist/loadmore/index"
|
|
||||||
}
|
|
||||||
...
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
在页面上直接使用 van-loadmore 标签即可
|
|
||||||
```html
|
|
||||||
<van-loadmore type="text"></van-loadmore>
|
|
||||||
<van-loadmore type="loading"></van-loadmore>
|
|
||||||
<van-loadmore type="text" text="暂无数据"></van-loadmore>
|
|
||||||
```
|
|
||||||
|
|
||||||
### 具体参数
|
|
||||||
| 名称 | 类型 | 是否必须 | 默认 | 描述 |
|
|
||||||
| ------- | --------------- | -------- | ----- | ----------------- |
|
|
||||||
| type | String | 是 | loading | 可选`loading`, `text` |
|
|
||||||
| text | String | 否 | 暂无数据 | 文案 |
|
|
@ -1,12 +0,0 @@
|
|||||||
Component({
|
|
||||||
properties: {
|
|
||||||
type: {
|
|
||||||
type: String,
|
|
||||||
value: 'loading'
|
|
||||||
},
|
|
||||||
text: {
|
|
||||||
type: String,
|
|
||||||
value: ''
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
@ -1,3 +0,0 @@
|
|||||||
{
|
|
||||||
"component": true
|
|
||||||
}
|
|
@ -1,50 +0,0 @@
|
|||||||
.van-loadmore {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
min-height: 24px;
|
|
||||||
line-height: 24px;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.van-loadmore__line {
|
|
||||||
flex: 1;
|
|
||||||
height: 1px;
|
|
||||||
position: relative;
|
|
||||||
|
|
||||||
&::after {
|
|
||||||
border-bottom-width: 1px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.van-loadmore__text, .van-loadmore__dot {
|
|
||||||
margin: 0 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.van-loadmore__dot {
|
|
||||||
content: "";
|
|
||||||
width: 4px;
|
|
||||||
height: 4px;
|
|
||||||
border-radius: 50%;
|
|
||||||
background-color: #E5E5E5;
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
}
|
|
||||||
|
|
||||||
.van-loading {
|
|
||||||
width:20px;
|
|
||||||
height:20px;
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
animation: weuiLoading 1s steps(12, end) infinite;
|
|
||||||
background: transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;
|
|
||||||
-webkit-background-size: 100%;
|
|
||||||
background-size: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.van-loadmore__tips {
|
|
||||||
display: inline-block;
|
|
||||||
vertical-align: middle;
|
|
||||||
height: 24px;
|
|
||||||
line-height: 24px;
|
|
||||||
}
|
|
@ -1,12 +0,0 @@
|
|||||||
<view class="van-loadmore">
|
|
||||||
<block wx:if="{{ type === 'loading' }}">
|
|
||||||
<view class="van-loading"></view>
|
|
||||||
<view class="van-loadmore__tips">加载中...</view>
|
|
||||||
</block>
|
|
||||||
<block wx:elif="{{ type === 'text' }}">
|
|
||||||
<view class="van-loadmore__line"></view>
|
|
||||||
<text wx:if="{{ text }}" class="van-loadmore__text">{{ text }}</text>
|
|
||||||
<view wx:else class="van-loadmore__dot"></view>
|
|
||||||
<view class="van-loadmore__line"></view>
|
|
||||||
</block>
|
|
||||||
</view>
|
|
Loading…
x
Reference in New Issue
Block a user