refresh 组件设置 background-color / progress-color 报错问题

莫得盐

官方文档中说明了快应用支持：

background-color		white	否	刷新组件背景颜色
progress-color		black	否	刷新组件 loading 颜色

但实际使用时只要设置了这两个样式中任意一个，都会报错： Uncaught TypeError: Cannot read property 'selectorText' of undefined ... Uncaught TypeError: global.process.listeners is not a function 代码如下

1. <template>
2. <div class="tutorial-page">
3. <refresh class="refresh" onrefresh="refresh" refreshing="{{isRefreshing}}" type="{{refreshType}}">
4. <text>refresh test</text>
5. </refresh>
6. </div>
7. </template>
9. <style>
10. .refresh {
11. flex-direction: column;
12. progress-color: red;
13. }
14. </style>

复制代码

左耳毛毛

你这个考虑的不对。 这个颜色是加载按钮的背景颜色和自身颜色。并非是组件的颜色

左耳毛毛

左耳毛毛 发表于 2019-10-31 09:49 你这个考虑的不对。 这个颜色是加载按钮的背景颜色和自身颜色。并非是组件的颜色 ...

https://github.com/quickappcn/sa ... er/refresh/index.ux 可以看看这个demo

莫得盐

左耳毛毛 发表于 2019-10-31 09:49 https://github.com/quickappcn/sample/blob/master/src/component/container/refresh/index.ux 可以看看 ...

您好，我是知道分别是加载背景色和按钮颜色，但一设置就会报错啊，你给的 Demo 我看了是没有设置 background-color 和 progress-color 的，希望您可以试一下。

左耳毛毛

莫得盐 发表于 2019-10-31 16:30 您好，我是知道分别是加载背景色和按钮颜色，但一设置就会报错啊，你给的 Demo 我看了是没有设置 backgr ...

1. <template>
2. <!-- template里只能有一个根节点 -->
3. <div class="demo-page">
4. <refresh class="refresh" onrefresh="refresh" refreshing="{{isRefreshing}}" type="{{refreshType}}">
5. <div class="page-title-wrap">
6. <text class="page-title ">{{componentName}}</text>
7. </div>
8. <div class="item-container">
9. <input class="btn" type="button" value="停止刷新" onclick="stopRefresh"/>
10. <input class="btn" type="button" value="{{refreshType === 'auto' ? '开启下拉回弹效果' : '关闭下拉回弹效果'}}" onclick="changeType"/>
11. </div>
12. </refresh>
14. </div>
15. </template>
17. <script>
18. import router from '@system.router'
20. import prompt from '@system.prompt'
22. export default {
23. private: {
24. componentName: 'refresh',
25. isRefreshing: false,
26. refreshType: 'auto'
27. },
28. onInit () {
29. this.$page.setTitleBar({text: 'Refresh'})
30. },
31. changeType () {
32. this.refreshType = this.refreshType === 'auto' ? 'pulldown' : 'auto'
33. },
34. refresh (e) {
35. const self = this
36. // 更新刷新状态（属性refreshing的值从false改为true会触发refresh组件的状态更新，反之亦然）
37. self.isRefreshing = e.refreshing
38. setTimeout(function(){
39. // 关闭刷新状态
40. self.isRefreshing = false
41. prompt.showToast({
42. message: '刷新完成'
43. })
44. },3000)
45. },
46. stopRefresh () {
47. this.isRefreshing = false
48. },
49. }
50. </script>
52. <style>
53. .demo-page {
54. flex-direction: column;
55. justify-content: center;
56. align-items: center;
57. }
58. .refresh{
59. flex-direction: column;
60. flex: 1;
61. progress-color: #ff0000;
62. background-color:#fff000;
63. }
65. .item-container{
66. margin-bottom: 50px;
67. margin-right: 60px;
68. margin-left: 60px;
69. flex-direction: column;
70. }
72. .title {
73. font-size: 40px;
74. text-align: center;
75. }
77. .btn {
78. width: 550px;
79. height: 86px;
80. margin-top: 75px;
81. border-radius: 43px;
82. background-color: #09ba07;
83. font-size: 30px;
84. color: #ffffff;
85. }
86. </style>

复制代码

左耳毛毛

莫得盐 发表于 2019-10-31 16:30 您好，我是知道分别是加载背景色和按钮颜色，但一设置就会报错啊，你给的 Demo 我看了是没有设置 backgr ...

看下底下是设置了的。没有问题

莫得盐

左耳毛毛 发表于 2019-10-31 16:41 看下底下是设置了的。没有问题

1. 我新建项目测试依然是报错 2. 我复制你的代码也是报同样的错误 Uncaught TypeError: Cannot read property 'selectorText' of undefined ... Uncaught TypeError: global.process.listeners is not a function 或许是版本问题： hap-toolkit "version": "0.6.6" "@hap-toolkit/compiler": "^0.6.6", "@hap-toolkit/debugger": "^0.6.6", "@hap-toolkit/dsl-vue": "^0.6.6", "@hap-toolkit/dsl-xvm": "^0.6.6", "@hap-toolkit/packager": "^0.6.6", "@hap-toolkit/server": "^0.6.6", "@hap-toolkit/shared-utils": "^0.6.6",

左耳毛毛

莫得盐 发表于 2019-10-31 21:17 1. 我新建项目测试依然是报错 2. 我复制你的代码也是报同样的错误

没看见 selectorText 这个啊 。 你是不是别的地方用了。总觉得可能不是这的问题。你注释代码试试。

莫得盐

左耳毛毛 发表于 2019-11-1 10:36 没看见 selectorText 这个啊 。 你是不是别的地方用了。总觉得可能不是这的问题。你注释代码试试。 ...

hap-toolkit 依赖中的（您可在这个文件夹下查找），我用您的代码也是报错啊，所以您的 hap-toolkit 版本号是是多少？

莫得盐

莫得盐 发表于 2019-11-1 14:04 hap-toolkit 依赖中的（您可在这个文件夹下查找），我用您的代码也是报错啊，所以您的 hap-toolkit 版本 ...

另外我还想问一个问题，快应用 IDE 打开项目就会立即跑应用，然后就会强制占用我的安卓调试设备，有没有设置可以禁止自动 run ？