请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册
搜索

互动交流 refresh 组件设置 background-color / progress-color 报错问题

13
回复
3632
查看
[复制链接]

1

主题

6

帖子

35

积分

 楼主| 2019-10-30 16:21:31 显示全部楼层 |阅读模式
本帖最后由 莫得盐 于 2019-10-30 16:23 编辑 官方文档中说明了快应用支持:
background-colorwhite刷新组件背景颜色
progress-colorblack刷新组件 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>
  8. <style>
  9. .refresh {
  10. flex-direction: column;
  11. progress-color: red;
  12. }
  13. </style>
复制代码
回复

使用道具 举报

8

主题

174

帖子

910

积分

2019-10-31 09:49:45 显示全部楼层
你这个考虑的不对。 这个颜色是加载按钮的背景颜色和自身颜色。并非是组件的颜色
回复

使用道具 举报

8

主题

174

帖子

910

积分

2019-10-31 09:49:59 显示全部楼层
左耳毛毛 发表于 2019-10-31 09:49 你这个考虑的不对。 这个颜色是加载按钮的背景颜色和自身颜色。并非是组件的颜色 ...
https://github.com/quickappcn/sa ... er/refresh/index.ux 可以看看这个demo
回复

使用道具 举报

1

主题

6

帖子

35

积分

 楼主| 2019-10-31 16:30:40 显示全部楼层
左耳毛毛 发表于 2019-10-31 09:49 https://github.com/quickappcn/sample/blob/master/src/component/container/refresh/index.ux 可以看看 ...
您好,我是知道分别是加载背景色和按钮颜色,但一设置就会报错啊,你给的 Demo 我看了是没有设置 background-color 和 progress-color 的,希望您可以试一下。
回复

使用道具 举报

8

主题

174

帖子

910

积分

2019-10-31 16:41:09 显示全部楼层
莫得盐 发表于 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>
  13. </div>
  14. </template>
  15. <script>
  16. import router from '@system.router'
  17. import prompt from '@system.prompt'
  18. export default {
  19. private: {
  20. componentName: 'refresh',
  21. isRefreshing: false,
  22. refreshType: 'auto'
  23. },
  24. onInit () {
  25. this.$page.setTitleBar({text: 'Refresh'})
  26. },
  27. changeType () {
  28. this.refreshType = this.refreshType === 'auto' ? 'pulldown' : 'auto'
  29. },
  30. refresh (e) {
  31. const self = this
  32. // 更新刷新状态(属性refreshing的值从false改为true会触发refresh组件的状态更新,反之亦然)
  33. self.isRefreshing = e.refreshing
  34. setTimeout(function(){
  35. // 关闭刷新状态
  36. self.isRefreshing = false
  37. prompt.showToast({
  38. message: '刷新完成'
  39. })
  40. },3000)
  41. },
  42. stopRefresh () {
  43. this.isRefreshing = false
  44. },
  45. }
  46. </script>
  47. <style>
  48. .demo-page {
  49. flex-direction: column;
  50. justify-content: center;
  51. align-items: center;
  52. }
  53. .refresh{
  54. flex-direction: column;
  55. flex: 1;
  56. progress-color: #ff0000;
  57. background-color:#fff000;
  58. }
  59. .item-container{
  60. margin-bottom: 50px;
  61. margin-right: 60px;
  62. margin-left: 60px;
  63. flex-direction: column;
  64. }
  65. .title {
  66. font-size: 40px;
  67. text-align: center;
  68. }
  69. .btn {
  70. width: 550px;
  71. height: 86px;
  72. margin-top: 75px;
  73. border-radius: 43px;
  74. background-color: #09ba07;
  75. font-size: 30px;
  76. color: #ffffff;
  77. }
  78. </style>
复制代码
微信图片_20191031094755.png
回复

使用道具 举报

8

主题

174

帖子

910

积分

2019-10-31 16:41:36 显示全部楼层
莫得盐 发表于 2019-10-31 16:30 您好,我是知道分别是加载背景色和按钮颜色,但一设置就会报错啊,你给的 Demo 我看了是没有设置 backgr ...
看下底下是设置了的。没有问题
回复

使用道具 举报

1

主题

6

帖子

35

积分

 楼主| 2019-10-31 21:17:15 显示全部楼层
左耳毛毛 发表于 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",
回复

使用道具 举报

8

主题

174

帖子

910

积分

2019-11-1 10:36:43 显示全部楼层
莫得盐 发表于 2019-10-31 21:17 1. 我新建项目测试依然是报错 2. 我复制你的代码也是报同样的错误
没看见 selectorText 这个啊 。 你是不是别的地方用了。总觉得可能不是这的问题。你注释代码试试。
回复

使用道具 举报

1

主题

6

帖子

35

积分

 楼主| 2019-11-1 14:04:10 显示全部楼层
左耳毛毛 发表于 2019-11-1 10:36 没看见 selectorText 这个啊 。 你是不是别的地方用了。总觉得可能不是这的问题。你注释代码试试。 ...
hap-toolkit 依赖中的(您可在这个文件夹下查找),我用您的代码也是报错啊,所以您的 hap-toolkit 版本号是是多少?
回复

使用道具 举报

1

主题

6

帖子

35

积分

 楼主| 2019-11-1 14:07:36 显示全部楼层
莫得盐 发表于 2019-11-1 14:04 hap-toolkit 依赖中的(您可在这个文件夹下查找),我用您的代码也是报错啊,所以您的 hap-toolkit 版本 ...
另外我还想问一个问题,快应用 IDE 打开项目就会立即跑应用,然后就会强制占用我的安卓调试设备,有没有设置可以禁止自动 run ?
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册