日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問(wèn)題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
創(chuàng)新互聯(lián)百度小程序教程：refresh刷新
  • refresh 刷新
    • 屬性說(shuō)明
    • 示例
      • 代碼示例

    refresh 刷新

    解釋：可用于頁(yè)面任意區(qū)域；使用時(shí)需自行添加下拉邏輯改變 offset-y 參數(shù)；smt-feed 組件對(duì) smt-refresh 進(jìn)行了封裝，支持手勢(shì)交互和 API 調(diào)起刷新。

    網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)建站！專注于網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了秦皇島免費(fèi)建站歡迎大家使用！

    屬性說(shuō)明

    屬性名 類型 必填 默認(rèn)值 說(shuō)明

    theme

    String

    否

    		-

    主題配置，默認(rèn)淺色；深色主題請(qǐng)指定 dark

    loadingHgt

    Number

    否

    192px（需轉(zhuǎn)換為設(shè)備尺寸）

    加載區(qū)域高度

    offsetY

    Number

    否

    0

    垂直移動(dòng)距離，建議后續(xù)在 sjs 中使用

    status

    Number

    否

    0

    加載狀態(tài)，0：未開始，1：加載中，2：展示話術(shù)

    text

    String

    否

    建議最多顯示 18 個(gè)漢字，超出內(nèi)容截?cái)?/p>

    加載成功時(shí)的展示話術(shù)

    示例

    跳轉(zhuǎn)編輯工具

    在開發(fā)者工具中打開

    在 WEB IDE 中打開

    掃碼體驗(yàn)

    代碼示例

    請(qǐng)使用百度APP掃碼

    代碼示例

    • SWAN
    • JS
    • CSS
    • JSON
     
 
 
      
  
  
  
      2. 
  
  
  
    2.  
      3. 
  
  
  
    3.  
      4. 
  
  
  
    4.  
      5. 
  
  
  
    5.  手動(dòng)下拉刷新
      6. 
  
  
  
    6.  
      7. 
  
  
  
    7.  
      8. 
  
  
  
    8.  
      9. 
  
  
  
    9.  class="smt-card-area"
      10. 
  
  
  
    10.  catch:touchstart="noop"
      11. 
  
  
  
    11.  catch:touchmove="noop"
      12. 
  
  
  
    12.  catch:touchend="noop"
      13. 
  
  
  
    13.  >
      14. 
  
  
  
    14.  
      15. 
  
  
  
    15.  class="smt-feed pull-down-refresh"
      16. 
  
  
  
    16.  ext-cls-feed="custom-cls-feed"
      17. 
  
  
  
    17.  ext-cls-loading="custom-cls-loading"
      18. 
  
  
  
    18.  theme="{{theme}}"
      19. 
  
  
  
    19.  pull-to-refresh
      20. 
  
  
  
    20.  bind:refresh="onRefresh"
      21. 
  
  
  
    21.  text="{{pullText}}"
      22. 
  
  
  
    22.  >
      23. 
  
  
  
    23.  
      24. 
  
  
  
    24.  
      25. 
  
  
  
    25.  class="{{'list-item ' + (val === 1 ? 'first' : '')}}"
      26. 
  
  
  
    26.  s-for="val in list"
      27. 
  
  
  
    27.  style="{{theme === 'dark' ? 'border-bottom: solid 1px rgba(255, 255, 255, .2);' : 'border-bottom: solid 1px #e0e0e0;'}}"
      28. 
  
  
  
    28.  key="{{val}}"
      29. 
  
  
  
    29.  >
      30. 
  
  
  
    30.  
      31. 
  
  
  
    31.  
      32. 
  
  
  
    32.  
      33. 
  
  
  
    33.  
      34. 
  
  
  
    34.  
      35. 
  
  
  
    35.  
      36. 
  
  
  
    36.  
      37. 
  
  
  
    37.  
      38. 
  
  
  
    38.  
      39. 
  
  
  
    39.  
      40. 
  
  
  
    40.  
      41. 
  
  
  
      42. 
  
  
  
    42.  
      43. 
  
  
  
    43.  
      44. 
  
  
  
    44.  
      45. 
  
  
  
    45.  自動(dòng)刷新
      46. 
  
  
  
    46.  
      47. 
  
  
  
    47.  
      48. 
  
  
  
    48.  
      49. 
  
  
  
    49.  
      50. 
  
  
  
    50.  class="smt-feed auto-refresh"
      51. 
  
  
  
    51.  ext-cls-feed="custom-cls-feed"
      52. 
  
  
  
    52.  theme="{{theme}}"
      53. 
  
  
  
    53.  disable-touch
      54. 
  
  
  
    54.  text="{{autoRefreshText}}"
      55. 
  
  
  
    55.  >
      56. 
  
  
  
    56.  
      57. 
  
  
  
    57.  
      58. 
  
  
  
    58.  class="{{'list-item ' + (val === 1 ? 'first' : '')}}"
      59. 
  
  
  
    59.  s-for="val in list"
      60. 
  
  
  
    60.  style="{{theme === 'dark' ? 'border-bottom: solid 1px rgba(255, 255, 255, .2);' : 'border-bottom: solid 1px #e0e0e0;'}}"
      61. 
  
  
  
    61.  key="{{val}}"
      62. 
  
  
  
    62.  >
      63. 
  
  
  
    63.  
      64. 
  
  
  
    64.  
      65. 
  
  
  
    65.  
      66. 
  
  
  
    66.  
      67. 
  
  
  
    67.  
      68. 
  
  
  
    68.  
      69. 
  
  
  
    69.  
      70. 
  
  
  
    70.  
      71. 
  
  
  
    71.  
      72. 
  
  
  
    72.  
      73. 
  
  
  
    73.  
      74. 
  
  
  
      75. 
  
  
  
    75.  
      76. 
  
  
  
    76.  
      77. 
  
  
  
    77.  
      78. 
  
  
  
    78.  刷新失敗
      79. 
  
  
  
    79.  
      80. 
  
  
  
    80.  
      81. 
  
  
  
    81.  
      82. 
  
  
  
    82.  刷新失敗
      83. 
  
  
  
    83.  
      84. 
  
  
  
    84.  class="smt-feed auto-refresh-fail"
      85. 
  
  
  
    85.  ext-cls-feed="custom-cls-feed"
      86. 
  
  
  
    86.  theme="{{theme}}"
      87. 
  
  
  
    87.  disable-touch
      88. 
  
  
  
    88.  >
      89. 
  
  
  
    89.  
      90. 
  
  
  
    90.  
      91. 
  
  
  
    91.  class="{{'list-item ' + (val === 1 ? 'first' : '')}}"
      92. 
  
  
  
    92.  s-for="val in list"
      93. 
  
  
  
    93.  style="{{theme === 'dark' ? 'border-bottom: solid 1px rgba(255, 255, 255, .2);' : 'border-bottom: solid 1px #e0e0e0;'}}"
      94. 
  
  
  
    94.  key="{{val}}"
      95. 
  
  
  
    95.  >
      96. 
  
  
  
    96.  
      97. 
  
  
  
    97.  
      98. 
  
  
  
    98.  
      99. 
  
  
  
    99.  
      100. 
  
  
  
    100.  
      101. 
  
  
  
    101.  
      102. 
  
  
  
    102.  
      103. 
  
  
  
    103.  
      104. 
  
  
  
    104.  
      105. 
  
  
  
    105.  
      106. 
  
  
  
    106.  
      107. 
  
  
  
      108. 
  
  
  
    108.  
      109. 
  
  
  
    109.  沉浸式主題
      110. 
  
  
  
    110.  
      111. 
  
  
  
    111.  
      112. 
  
  
  
      113.

    設(shè)計(jì)指南

    在刷新方式上，建議必配手動(dòng)刷新，避免出現(xiàn)用戶無(wú)法主動(dòng)操作的情況。
    自定義反饋文案（text）時(shí)，文案內(nèi)容應(yīng)合理友好，且不超過(guò) 18 個(gè)中文字符。以下為建議文案可供參考：


    本文題目：創(chuàng)新互聯(lián)百度小程序教程：refresh刷新
    標(biāo)題鏈接：http://m.5511xx.com/article/dpjjhpo.html