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

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

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

1

主题

6

帖子

35

积分

 楼主| 2019-10-30 16:21:31 显示全部楼层 |阅读模式
本帖最后由 莫得盐 于 2019-10-30 16:23 编辑

官方文档中说明了快应用支持:
background-color<color>white刷新组件背景颜色
progress-color<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>

  8. <style>
  9. .refresh {
  10.   flex-direction: column;
  11.   progress-color: red;
  12. }
  13. </style>
复制代码



回复

使用道具 举报

7

主题

155

帖子

810

积分

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

使用道具 举报

7

主题

155

帖子

810

积分

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 的,希望您可以试一下。
回复

使用道具 举报

7

主题

155

帖子

810

积分

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
回复

使用道具 举报

7

主题

155

帖子

810

积分

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",
回复

使用道具 举报

7

主题

155

帖子

810

积分

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 ?
回复

使用道具 举报

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