blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-06 03:58:05 +08:00
Code Issues Projects Releases Wiki Activity

[breaking change] Loadmore: removed

Browse Source
This commit is contained in:
陈嘉涵 2018-08-06 11:56:23 +08:00
parent 30aa774e20
commit 3434eb2ac7
12 changed files with 2 additions and 143 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
doc.config.js
View File

@ -82,8 +82,7 @@ module.exports = {
popup: require('./packages/popup/README.md'),
tab: require('./packages/tab/README.md'),
toast: require('./packages/toast/README.md'),
toptips: require('./packages/toptips/README.md'),
loadmore: require('./packages/loadmore/README.md')
toptips: require('./packages/toptips/README.md')
}
},
{

3
example/app.json
View File

@ -26,8 +26,7 @@
"pages/toptips/index",
"pages/toast/index",
"pages/tree-select/index",
"pages/datetime/index",
"pages/loadmore/index"
"pages/datetime/index"
],
"window": {
"navigationBarBackgroundColor": "#FAFAFA",

4
example/pages/dashboard/config.js
View File

@ -30,10 +30,6 @@ export default {
name: 'Loading 加载',
path: '/pages/loading/index'
},
{
name: 'Loadmore 加载更多',
path: '/pages/loadmore/index'
},
{
name: 'NoticeBar 通告栏',
path: '/pages/notice-bar/index'

11
example/pages/loadmore/index.js
View File

@ -1,11 +0,0 @@
Page({
data: {
},
onLoad: function () {
},
onShow: function() {
},
})

7
example/pages/loadmore/index.json
View File

@ -1,7 +0,0 @@
{
"navigationBarTitleText": "loadmore 加载",
"usingComponents": {
"van-panel": "../../dist/panel/index",
"van-loadmore": "../../dist/loadmore/index"
}
}

9
example/pages/loadmore/index.wxml
View File

@ -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>

5
example/pages/loadmore/index.wxss
View File

@ -1,5 +0,0 @@
van-loadmore {
margin: 15px;
}

26
packages/loadmore/README.md
View File

@ -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 | 否 | 暂无数据 | 文案 |

12
packages/loadmore/index.js
View File

@ -1,12 +0,0 @@
Component({
properties: {
type: {
type: String,
value: 'loading'
},
text: {
type: String,
value: ''
}
}
});

3
packages/loadmore/index.json
View File

@ -1,3 +0,0 @@
{
"component": true
}

50
packages/loadmore/index.pcss
View File

@ -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;
}

12
packages/loadmore/index.wxml
View File

@ -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>