You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@weex.apache.org by GitBox <gi...@apache.org> on 2020/01/02 08:57:58 UTC
[GitHub] [incubator-weex] CAT-SPIRIT opened a new issue #3101: [iOS] When
the list are less than screen heigh,
the loading component will exceptional appear after I pull down list where
weex version is 0.26.0
CAT-SPIRIT opened a new issue #3101: [iOS] When the list are less than screen heigh, the loading component will exceptional appear after I pull down list where weex version is 0.26.0
URL: https://github.com/apache/incubator-weex/issues/3101
## Describe the bug
When the list are less than screen heigh, the loading component will exceptional appear after I pull down list.
## Environment
* Device: [all ios]
##code
<template>
<list class="scroller">
<cell class="cell" v-for="num in lists">
<div class="panel">
<text class="text">{{num}}</text>
</div>
</cell>
<loading class="loading" @loading="onloading" :display="loadinging ? 'show' : 'hide'">
<text class="indicator-text">Loading ...</text>
<loading-indicator class="indicator"></loading-indicator>
</loading>
</list>
</template>
<script>
const modal = weex.requireModule('modal')
export default {
data () {
return {
loadinging: false,
lists: [1]
}
},
methods: {
onloading (event) {
modal.toast({ message: 'Loading', duration: 1 })
this.loadinging = true
setTimeout(() => {
this.loadinging = false
}, 2000)
},
}
}
</script>
<style scoped>
.loading {
width: 750;
display: -ms-flex;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.indicator-text {
color: #888888;
font-size: 42px;
text-align: center;
}
.indicator {
margin-top: 16px;
height: 40px;
width: 40px;
color: blue;
}
.panel {
width: 600px;
height: 250px;
margin-left: 75px;
margin-top: 35px;
margin-bottom: 35px;
flex-direction: column;
justify-content: center;
border-width: 2px;
border-style: solid;
border-color: #DDDDDD;
background-color: #F5F5F5;
}
.text {
font-size: 50px;
text-align: center;
color: #41B883;
}
</style>
## Expected behavior
Loading shouldn't appear when I pull down the list.
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
[GitHub] [incubator-weex] CAT-SPIRIT commented on issue #3101: [iOS] When
the list are less than screen heigh,
the loading component will exceptional appear after I pull down list where
weex version is 0.26.0
Posted by GitBox <gi...@apache.org>.
CAT-SPIRIT commented on issue #3101: [iOS] When the list are less than screen heigh, the loading component will exceptional appear after I pull down list where weex version is 0.26.0
URL: https://github.com/apache/incubator-weex/issues/3101#issuecomment-570158875
The bug is also in the playground example .[http://dotwe.org/vue/79ea03f9cf01b29af088d1bfbc3ee454](url)
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
[GitHub] [incubator-weex] CAT-SPIRIT commented on issue #3101: [iOS] When
the list are less than screen heigh,
the loading component will exceptional appear after I pull down list where
weex version is 0.26.0
Posted by GitBox <gi...@apache.org>.
CAT-SPIRIT commented on issue #3101: [iOS] When the list are less than screen heigh, the loading component will exceptional appear after I pull down list where weex version is 0.26.0
URL: https://github.com/apache/incubator-weex/issues/3101#issuecomment-570162183
###image
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
[GitHub] [incubator-weex] CAT-SPIRIT removed a comment on issue #3101: [iOS]
When the list are less than screen heigh,
the loading component will exceptional appear after I pull down list where
weex version is 0.26.0
Posted by GitBox <gi...@apache.org>.
CAT-SPIRIT removed a comment on issue #3101: [iOS] When the list are less than screen heigh, the loading component will exceptional appear after I pull down list where weex version is 0.26.0
URL: https://github.com/apache/incubator-weex/issues/3101#issuecomment-570158875
The bug is also in the playground example .[http://dotwe.org/vue/79ea03f9cf01b29af088d1bfbc3ee454](url)
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
[GitHub] [incubator-weex] CAT-SPIRIT removed a comment on issue #3101: [iOS]
When the list are less than screen heigh,
the loading component will exceptional appear after I pull down list where
weex version is 0.26.0
Posted by GitBox <gi...@apache.org>.
CAT-SPIRIT removed a comment on issue #3101: [iOS] When the list are less than screen heigh, the loading component will exceptional appear after I pull down list where weex version is 0.26.0
URL: https://github.com/apache/incubator-weex/issues/3101#issuecomment-570155678
<template>
<list class="scroller">
<cell class="cell" v-for="num in lists">
<div class="panel">
<text class="text">{{num}}</text>
</div>
</cell>
<loading class="loading" @loading="onloading" :display="loadinging ? 'show' : 'hide'">
<text class="indicator-text">Loading ...</text>
<loading-indicator class="indicator"></loading-indicator>
</loading>
</list>
</template>
<script>
const modal = weex.requireModule('modal')
export default {
data () {
return {
loadinging: false,
lists: [1]
}
},
methods: {
onloading (event) {
modal.toast({ message: 'Loading', duration: 1 })
this.loadinging = true
setTimeout(() => {
this.loadinging = false
}, 2000)
},
}
}
</script>
<style scoped>
.loading {
width: 750;
display: -ms-flex;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.indicator-text {
color: #888888;
font-size: 42px;
text-align: center;
}
.indicator {
margin-top: 16px;
height: 40px;
width: 40px;
color: blue;
}
.panel {
width: 600px;
height: 250px;
margin-left: 75px;
margin-top: 35px;
margin-bottom: 35px;
flex-direction: column;
justify-content: center;
border-width: 2px;
border-style: solid;
border-color: #DDDDDD;
background-color: #F5F5F5;
}
.text {
font-size: 50px;
text-align: center;
color: #41B883;
}
</style>
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
[GitHub] [incubator-weex] CAT-SPIRIT commented on issue #3101: [iOS] When
the list are less than screen heigh,
the loading component will exceptional appear after I pull down list where
weex version is 0.26.0
Posted by GitBox <gi...@apache.org>.
CAT-SPIRIT commented on issue #3101: [iOS] When the list are less than screen heigh, the loading component will exceptional appear after I pull down list where weex version is 0.26.0
URL: https://github.com/apache/incubator-weex/issues/3101#issuecomment-570160499
###code:
```vue
<template>
<list class="scroller">
<cell class="cell" v-for="num in lists">
<div class="panel">
<text class="text">{{num}}</text>
</div>
</cell>
<loading class="loading" @loading="onloading" :display="loadinging ? 'show' : 'hide'">
<text class="indicator-text">Loading ...</text>
<loading-indicator class="indicator"></loading-indicator>
</loading>
</list>
</template>
<script>
const modal = weex.requireModule('modal')
export default {
data () {
return {
loadinging: false,
lists: [1]
}
},
methods: {
onloading (event) {
modal.toast({ message: 'Loading', duration: 1 })
this.loadinging = true
setTimeout(() => {
this.loadinging = false
}, 2000)
},
}
}
</script>
<style scoped>
.loading {
width: 750;
display: -ms-flex;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.indicator-text {
color: #888888;
font-size: 42px;
text-align: center;
}
.indicator {
margin-top: 16px;
height: 40px;
width: 40px;
color: blue;
}
.panel {
width: 600px;
height: 250px;
margin-left: 75px;
margin-top: 35px;
margin-bottom: 35px;
flex-direction: column;
justify-content: center;
border-width: 2px;
border-style: solid;
border-color: #DDDDDD;
background-color: #F5F5F5;
}
.text {
font-size: 50px;
text-align: center;
color: #41B883;
}
</style>
```
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
[GitHub] [incubator-weex] CAT-SPIRIT commented on issue #3101: [iOS] When
the list are less than screen heigh,
the loading component will exceptional appear after I pull down list where
weex version is 0.26.0
Posted by GitBox <gi...@apache.org>.
CAT-SPIRIT commented on issue #3101: [iOS] When the list are less than screen heigh, the loading component will exceptional appear after I pull down list where weex version is 0.26.0
URL: https://github.com/apache/incubator-weex/issues/3101#issuecomment-570155872
`<template>
<list class="scroller">
<cell class="cell" v-for="num in lists">
<div class="panel">
<text class="text">{{num}}</text>
</div>
</cell>
<loading class="loading" @loading="onloading" :display="loadinging ? 'show' : 'hide'">
<text class="indicator-text">Loading ...</text>
<loading-indicator class="indicator"></loading-indicator>
</loading>
</list>
</template>
<script>
const modal = weex.requireModule('modal')
export default {
data () {
return {
loadinging: false,
lists: [1]
}
},
methods: {
onloading (event) {
modal.toast({ message: 'Loading', duration: 1 })
this.loadinging = true
setTimeout(() => {
this.loadinging = false
}, 2000)
},
}
}
</script>
<style scoped>
.loading {
width: 750;
display: -ms-flex;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.indicator-text {
color: #888888;
font-size: 42px;
text-align: center;
}
.indicator {
margin-top: 16px;
height: 40px;
width: 40px;
color: blue;
}
.panel {
width: 600px;
height: 250px;
margin-left: 75px;
margin-top: 35px;
margin-bottom: 35px;
flex-direction: column;
justify-content: center;
border-width: 2px;
border-style: solid;
border-color: #DDDDDD;
background-color: #F5F5F5;
}
.text {
font-size: 50px;
text-align: center;
color: #41B883;
}
</style>`
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
[GitHub] [incubator-weex] CAT-SPIRIT edited a comment on issue #3101: [iOS]
When the list are less than screen heigh,
the loading component will exceptional appear after I pull down list where
weex version is 0.26.0
Posted by GitBox <gi...@apache.org>.
CAT-SPIRIT edited a comment on issue #3101: [iOS] When the list are less than screen heigh, the loading component will exceptional appear after I pull down list where weex version is 0.26.0
URL: https://github.com/apache/incubator-weex/issues/3101#issuecomment-570160499
###code:Even in playground example,the bug was.
```vue
<template>
<list class="scroller">
<cell class="cell" v-for="num in lists">
<div class="panel">
<text class="text">{{num}}</text>
</div>
</cell>
<loading class="loading" @loading="onloading" :display="loadinging ? 'show' : 'hide'">
<text class="indicator-text">Loading ...</text>
<loading-indicator class="indicator"></loading-indicator>
</loading>
</list>
</template>
<script>
const modal = weex.requireModule('modal')
export default {
data () {
return {
loadinging: false,
lists: [1]
}
},
methods: {
onloading (event) {
modal.toast({ message: 'Loading', duration: 1 })
this.loadinging = true
setTimeout(() => {
this.loadinging = false
}, 2000)
},
}
}
</script>
<style scoped>
.loading {
width: 750;
display: -ms-flex;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.indicator-text {
color: #888888;
font-size: 42px;
text-align: center;
}
.indicator {
margin-top: 16px;
height: 40px;
width: 40px;
color: blue;
}
.panel {
width: 600px;
height: 250px;
margin-left: 75px;
margin-top: 35px;
margin-bottom: 35px;
flex-direction: column;
justify-content: center;
border-width: 2px;
border-style: solid;
border-color: #DDDDDD;
background-color: #F5F5F5;
}
.text {
font-size: 50px;
text-align: center;
color: #41B883;
}
</style>
```
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
[GitHub] [incubator-weex] YorkShen commented on issue #3101: [iOS] When the
list are less than screen heigh,
the loading component will exceptional appear after I pull down list where
weex version is 0.26.0
Posted by GitBox <gi...@apache.org>.
YorkShen commented on issue #3101: [iOS] When the list are less than screen heigh, the loading component will exceptional appear after I pull down list where weex version is 0.26.0
URL: https://github.com/apache/incubator-weex/issues/3101#issuecomment-571619521
@wqyfavor Have a look?
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
[GitHub] [incubator-weex] CAT-SPIRIT commented on issue #3101: [iOS] When
the list are less than screen heigh,
the loading component will exceptional appear after I pull down list where
weex version is 0.26.0
Posted by GitBox <gi...@apache.org>.
CAT-SPIRIT commented on issue #3101: [iOS] When the list are less than screen heigh, the loading component will exceptional appear after I pull down list where weex version is 0.26.0
URL: https://github.com/apache/incubator-weex/issues/3101#issuecomment-570155678
<template>
<list class="scroller">
<cell class="cell" v-for="num in lists">
<div class="panel">
<text class="text">{{num}}</text>
</div>
</cell>
<loading class="loading" @loading="onloading" :display="loadinging ? 'show' : 'hide'">
<text class="indicator-text">Loading ...</text>
<loading-indicator class="indicator"></loading-indicator>
</loading>
</list>
</template>
<script>
const modal = weex.requireModule('modal')
export default {
data () {
return {
loadinging: false,
lists: [1]
}
},
methods: {
onloading (event) {
modal.toast({ message: 'Loading', duration: 1 })
this.loadinging = true
setTimeout(() => {
this.loadinging = false
}, 2000)
},
}
}
</script>
<style scoped>
.loading {
width: 750;
display: -ms-flex;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.indicator-text {
color: #888888;
font-size: 42px;
text-align: center;
}
.indicator {
margin-top: 16px;
height: 40px;
width: 40px;
color: blue;
}
.panel {
width: 600px;
height: 250px;
margin-left: 75px;
margin-top: 35px;
margin-bottom: 35px;
flex-direction: column;
justify-content: center;
border-width: 2px;
border-style: solid;
border-color: #DDDDDD;
background-color: #F5F5F5;
}
.text {
font-size: 50px;
text-align: center;
color: #41B883;
}
</style>
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services
[GitHub] [incubator-weex] CAT-SPIRIT removed a comment on issue #3101: [iOS]
When the list are less than screen heigh,
the loading component will exceptional appear after I pull down list where
weex version is 0.26.0
Posted by GitBox <gi...@apache.org>.
CAT-SPIRIT removed a comment on issue #3101: [iOS] When the list are less than screen heigh, the loading component will exceptional appear after I pull down list where weex version is 0.26.0
URL: https://github.com/apache/incubator-weex/issues/3101#issuecomment-570155872
`<template>
<list class="scroller">
<cell class="cell" v-for="num in lists">
<div class="panel">
<text class="text">{{num}}</text>
</div>
</cell>
<loading class="loading" @loading="onloading" :display="loadinging ? 'show' : 'hide'">
<text class="indicator-text">Loading ...</text>
<loading-indicator class="indicator"></loading-indicator>
</loading>
</list>
</template>
<script>
const modal = weex.requireModule('modal')
export default {
data () {
return {
loadinging: false,
lists: [1]
}
},
methods: {
onloading (event) {
modal.toast({ message: 'Loading', duration: 1 })
this.loadinging = true
setTimeout(() => {
this.loadinging = false
}, 2000)
},
}
}
</script>
<style scoped>
.loading {
width: 750;
display: -ms-flex;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
align-items: center;
}
.indicator-text {
color: #888888;
font-size: 42px;
text-align: center;
}
.indicator {
margin-top: 16px;
height: 40px;
width: 40px;
color: blue;
}
.panel {
width: 600px;
height: 250px;
margin-left: 75px;
margin-top: 35px;
margin-bottom: 35px;
flex-direction: column;
justify-content: center;
border-width: 2px;
border-style: solid;
border-color: #DDDDDD;
background-color: #F5F5F5;
}
.text {
font-size: 50px;
text-align: center;
color: #41B883;
}
</style>`
----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
For queries about this service, please contact Infrastructure at:
users@infra.apache.org
With regards,
Apache Git Services