后浪云百度小程序教程：page-policy 政策文件库模板

2023-2-10
  • page-policy 政策文件库模板
    • 示例
    • 页面内容
      • 政策文件列表页
      • 政策文件详情页
      • 我的收藏页面
      • 我的订阅页面
      • 搜索页
    • 自定义 UI 组件
    • npm 依赖
    • Bug & Tip

    page-policy 政策文件库模板

    从开发者工具 v2.25.1-rc 版本开始支持。

    解释：本模板适用于信息公开类小程序的快速搭建，可应用于办税指南、法律宝典、街道信息公告通知等场景，可将信息结构化的呈现给用户，方便用户快速阅读获取有效的信息。

    示例

    扫码体验

    代码示例

    后浪云百度小程序教程：page-policy 政策文件库模板插图

    请使用百度APP扫码

    页面内容

    模板包含政策文件列表页、政策文件详情页、收藏列表页以及订阅列表页、搜索结果页。

    政策文件列表页

    政策文件列表页包含搜索以及筛选组件，用户可以快速获取所需要的信息，同时页面包含跑马灯组件、tab 切换组件可实现信息轮播提示、板块切换等交互效果，丰富页面功能，提升使用体验。

    页面路径：pages/indexFilter/index、pages/indexTab/index

    列表页提供了筛选器和 tab 两种效果样式。其中，pages/indexFilter/index 是带筛选器的模板页，pages/indexTab/index 是带 tab 切换的模板页。如果想查看不同的模板类型，可以修改小程序根目录下的 app.json 文件，将对应类型的模板页面路径放到第一个。

    后浪云百度小程序教程：page-policy 政策文件库模板插图1

    后浪云百度小程序教程：page-policy 政策文件库模板插图2

    代码示例

    • 以下是使用筛选器的首页模板代码：

    • SWAN

    • JSON
    • JS
     
 
 
      
  
  
  
    1. <view class="index-filter {{isIPhoneX ? 'iphone-x-compitable' : ''}} {{isOpenFilter ? 'locked' : ''}}">
      2. 
  
  
  
    2.  <zw-custom-title-bar
      3. 
  
  
  
    3.  class='policy-home-filter'
      4. 
  
  
  
    4.  common-bg-opacity="{{true}}"
      5. 
  
  
  
    5.  common-front-color="#ffffff"
      6. 
  
  
  
    6.  fixed-title="政策文件库"
      7. 
  
  
  
    7.  need-to-return="{{false}}"
      8. 
  
  
  
    8.  fixed-text-align="center"
      9. 
  
  
  
    9.  common-text-align="left"
      10. 
  
  
  
    10.  fixed-bg-color="#ffffff"
      11. 
  
  
  
    11.  common-bg-color="#2772fb"
      12. 
  
  
  
    12.  fixed-front-color="#000000"
      13. 
  
  
  
    13.  fixed-has-border="{{true}}"
      14. 
  
  
  
    14.  common-has-border="{{false}}"
      15. 
  
  
  
    15.  show-fixed-bar="{{true}}"
      16. 
  
  
  
    16.  namespace="policy-home-filter"
      17. 
  
  
  
    17.  >
      18. 
  
  
  
    18.  </zw-custom-title-bar>
      19. 
  
  
  
    19.  <view class="security-style" style="height:{{security}}"></view>
      20. 
  
  
  
    20.  <view class="header">
      21. 
  
  
  
    21.  <view class="app-handle">
      22. 
  
  
  
    22.  <view class="app">
      23. 
  
  
  
    23.  <view class="row-main app-title">政策文件库</view>
      24. 
  
  
  
    24.  <view class="row-sub">文件全文&nbsp;权威解读</view>
      25. 
  
  
  
    25.  </view>
      26. 
  
  
  
    26.  <view class="handle">
      27. 
  
  
  
    27.  <view class="handle-item">
      28. 
  
  
  
    28.  <view class="row-main handle-icon" bindtap="gotoSubscribe">
      29. 
  
  
  
    29.  <zw-icon name="subscribe" size="{{iconsize}}" color="#fff" class="icon-1"/>
      30. 
  
  
  
    30.  </view>
      31. 
  
  
  
    31.  <view class="row-sub">我的订阅</view>
      32. 
  
  
  
    32.  </view>
      33. 
  
  
  
    33.  <view class="handle-item">
      34. 
  
  
  
    34.  <view class="row-main handle-icon" bindtap="gotoCollect">
      35. 
  
  
  
    35.  <zw-icon name="no-collect" size="{{iconsize}}" color="#fff" class="icon-2"/>
      36. 
  
  
  
    36.  </view>
      37. 
  
  
  
    37.  <view class="row-sub">我的收藏</view>
      38. 
  
  
  
    38.  </view>
      39. 
  
  
  
    39.  </view>
      40. 
  
  
  
    40.  </view>
      41. 
  
  
  
    41.  <view class="search" bindtap="gotoSearch"></view>
      42. 
  
  
  
    42.  </view>
      43. 
  
  
  
    43.  <view class="notice-wrap" s-if="notice.text">
      44. 
  
  
  
    44.  <zw-notice-bar text="{{notice.text}}" bind:close="noticeClose" bind:clicknotice="clicknotice"/>
      45. 
  
  
  
    45.  </view>
      46. 
  
  
  
    46.  <view class="content">
      47. 
  
  
  
    47.  <view class="filter-section" s-if="{{filter.length}}">
      48. 
  
  
  
    48.  <zw-filter
      49. 
  
  
  
    49.  s-for="item, findex in filter"
      50. 
  
  
  
    50.  title="{{item.title}}"
      51. 
  
  
  
    51.  class="filter"
      52. 
  
  
  
    52.  mask-with-animation="{{false}}"
      53. 
  
  
  
    53.  bind:openFilter="openFilter"
      54. 
  
  
  
    54.  max-title-width="123.79"
      55. 
  
  
  
    55.  is-immersive
      56. 
  
  
  
    56.  >
      57. 
  
  
  
    57.  <zw-filter-item
      58. 
  
  
  
    58.  s-for="sub,index in item.children"
      59. 
  
  
  
    59.  bind:change="changeFilter"
      60. 
  
  
  
    60.  value="{{findex + ':' + sub.id}}"
      61. 
  
  
  
    61.  text="{{sub.name}}" />
      62. 
  
  
  
    62.  </zw-filter>
      63. 
  
  
  
    63.  </view>
      64. 
  
  
  
    64.  <view class="filter-content {{notice ? 'smaller' : 'normal'}}">
      65. 
  
  
  
    65.  <zw-loading s-if="showLoading" zw-loading-status-class="custom-loading">
      66. 
  
  
  
    66.  <view slot="text">正在加载...</view>
      67. 
  
  
  
    67.  </zw-loading>
      68. 
  
  
  
    68.  <zw-state-page show-reload="{{stateBtn}}" type="{{errStatus}}" bind:reload="reload" zw-state-page-class="custom-state" fixed="{{false}}" s-if="{{errStatus !== ''}}"/>
      69. 
  
  
  
    69.  <block s-if="isLoaded">
      70. 
  
  
  
    70.  <view class="feed-content">
      71. 
  
  
  
    71.  <block s-for="page in list">
      72. 
  
  
  
    72.  <zw-list-item
      73. 
  
  
  
    73.  s-for="item, index in page"
      74. 
  
  
  
    74.  title="{{item.title}}"
      75. 
  
  
  
    75.  desc="{{'发文机关：' + item.office}}"
      76. 
  
  
  
    76.  clickable="{{true}}"
      77. 
  
  
  
    77.  data-aid="item.id"
      78. 
  
  
  
    78.  bind:tap="gotoArticle"
      79. 
  
  
  
    79.  />
      80. 
  
  
  
    80.  </block>
      81. 
  
  
  
    81.  <zw-spin status="{{status}}" bind:tap="reloadFeed" s-if="showStatus" zw-spin-class="custom-spin"></zw-spin>
      82. 
  
  
  
    82.  <zw-footer s-if="feedEnd" zw-footer-class="custom-footer">
      83. 
  
  
  
    83.  <view class="footer-txt">单行footer</view>
      84. 
  
  
  
    84.  </zw-footer>
      85. 
  
  
  
    85.  </view>
      86. 
  
  
  
    86.  </block>
      87. 
  
  
  
    87.  </view>
      88. 
  
  
  
    88.  </view>
      89. 
  
  
  
    89. </view>
      90. 
 
 
 
     
 
 
      
  
  
  
    1. {
      2. 
  
  
  
    2.  "navigationBarTitleText": "政策文件库",
      3. 
  
  
  
    3.  "navigationStyle": "custom",
      4. 
  
  
  
    4.  "backgroundColor": "#ffffff",
      5. 
  
  
  
    5.  "backgroundColorTop": "#2772fb",
      6. 
  
  
  
    6.  "navigationBarBackgroundColor": "#ffffff",
      7. 
  
  
  
    7.  "navigationBarTextStyle": "white",
      8. 
  
  
  
    8.  "onReachBottomDistance": 34,
      9. 
  
  
  
    9.  "usingComponents": {
      10. 
  
  
  
    10.  "zw-custom-title-bar": "../../components/CustomTitleBar/src/index",
      11. 
  
  
  
    11.  "zw-notice-bar": "../../components/NoticeBar/src/index",
      12. 
  
  
  
    12.  "zw-footer": "../../components/Footer/src/index",
      13. 
  
  
  
    13.  "zw-icon": "../../components/Icon/src/index",
      14. 
  
  
  
    14.  "zw-loading": "../../components/LoadingStatus/src/index",
      15. 
  
  
  
    15.  "zw-state-page": "../../components/StatePage/src/index",
      16. 
  
  
  
    16.  "zw-list-item": "../../components/ListItem/src/index",
      17. 
  
  
  
    17.  "zw-spin": "../../components/Spin/src/index",
      18. 
  
  
  
    18.  "zw-filter": "../../components/Filter/src/index",
      19. 
  
  
  
    19.  "zw-filter-item": "../../components/FilterItem/src/index"
      20. 
  
  
  
    20.  }
      21. 
  
  
  
    21. }
      22. 
 
 
 
     
 
 
      
  
  
  
    1. // 获取列表数据，以下为使用 mock 数据的请求示例
      2. 
  
  
  
    2. getHomeList(query, ({code, msg, data}) => {
      3. 
  
  
  
    3.  if (code === 0) {
      4. 
  
  
  
    4.  // 设置筛选器数据
      5. 
  
  
  
    5.  !filter.length && (res.filter = data.filter);
      6. 
  
  
  
    6.  // 更新通知栏内容
      7. 
  
  
  
    7.  !notice && !this.data.hideNotice && data.notice && (res.notice = data.notice);
      8. 
  
  
  
    8.  // ...
      9. 
  
  
  
    9.  }
      10. 
  
  
  
    10.  else {
      11. 
  
  
  
    11.  // 请求异常处理
      12. 
  
  
  
    12.  }
      13. 
  
  
  
    13. }),
      14. 
  
  
  
    14. // 跳转到文章详情页。跳转携带的 id 参数只是 mock 数据举例，是否需要带参数跳转以及参数名称、参数值均可自定义
      15. 
  
  
  
    15. gotoArticle(e) {
      16. 
  
  
  
    16.  const index = e.currentTarget.dataset.aid;
      17. 
  
  
  
    17.  navigateTo({
      18. 
  
  
  
    18.  url: `../article/article?id=${index}`
      19. 
  
  
  
    19.  });
      20. 
  
  
  
    20. }
      21.

    政策文件详情页

    分为标题以及文字信息区域，可将图文等内容结构化呈现，方便用户阅读。

    页面路径：pages/article/article

    后浪云百度小程序教程：page-policy 政策文件库模板插图3

    代码示例

    • SWAN
    • JSON
    • JS
     
 
 
      
  
  
  
    1. <view class="article-wrapper">
      2. 
  
  
  
    2.  <zw-loading s-if="showLoading">
      3. 
  
  
  
    3.  <view slot="text">正在加载...</view>
      4. 
  
  
  
    4.  </zw-loading>
      5. 
  
  
  
    5.  <zw-state-page show-reload="{{stateBtn}}" type="{{errStatus}}" s-if="errStatus !== ''" bind:reload="reload"/>
      6. 
  
  
  
      7. 
  
  
  
    7.  <block s-if="isLoaded">
      8. 
  
  
  
    8.  <view class="{{isIPhoneX ? 'iphone-x-compitable' : '' }}">
      9. 
  
  
  
    9.  <view class="main-container">
      10. 
  
  
  
    10.  <view class="main-content">
      11. 
  
  
  
    11.  <view class="content">
      12. 
  
  
  
    12.  <view class="article-desc" bindtap="changeExpand">
      13. 
  
  
  
    13.  <view class="article-title">{{detail.title}}</view>
      14. 
  
  
  
    14.  <view class="article-info {{expand.length ? 'nomargin' : ''}}" >
      15. 
  
  
  
    15.  <view class="info-item">
      16. 
  
  
  
    16.  <view class="info-name">{{detail.info[0].name}}</view>
      17. 
  
  
  
    17.  <view class="info-value">{{detail.info[0].value}}</view>
      18. 
  
  
  
    18.  </view>
      19. 
  
  
  
    19.  </view>
      20. 
  
  
  
    20.  <view class="expand-icon">
      21. 
  
  
  
    21.  <zw-icon
      22. 
  
  
  
    22.  s-if="{{expand.length > 0}}"
      23. 
  
  
  
    23.  name="arrow-{{!expandStatus ? 'down' : 'up'}}"
      24. 
  
  
  
    24.  color="#ccc"
      25. 
  
  
  
    25.  size="{{actionFontSize}}">
      26. 
  
  
  
    26.  </zw-icon>
      27. 
  
  
  
    27.  </view>
      28. 
  
  
  
    28.  </view>
      29. 
  
  
  
      30. 
  
  
  
    30.  <view
      31. 
  
  
  
    31.  class="expand-area" s-if="{{expand.length > 0}}"
      32. 
  
  
  
    32.  style="height: {{expandStatus ? expandHeight : 0}}px;"
      33. 
  
  
  
    33.  >
      34. 
  
  
  
    34.  <view class="expand-area-inner">
      35. 
  
  
  
    35.  <view class="info-item" s-for="item in expand">
      36. 
  
  
  
    36.  <view class="info-name">{{item.name}}</view>
      37. 
  
  
  
    37.  <view class="info-value">{{item.value}}</view>
      38. 
  
  
  
    38.  </view>
      39. 
  
  
  
    39.  </view>
      40. 
  
  
  
    40.  </view>
      41. 
  
  
  
      42. 
  
  
  
    42.  <rich-text nodes="{{detail.content}}" selectable="true"></rich-text>
      43. 
  
  
  
      44. 
  
  
  
    44.  <view class="subscribe border border-top">
      45. 
  
  
  
    45.  <zw-list-item
      46. 
  
  
  
    46.  title="{{detail.hoster}}"
      47. 
  
  
  
    47.  desc="{{detail.desc}}"
      48. 
  
  
  
    48.  clickable="{{false}}"
      49. 
  
  
  
    49.  zw-list-item-wrap-class="custom-list"
      50. 
  
  
  
    50.  no-border
      51. 
  
  
  
    51.  >
      52. 
  
  
  
    52.  <slot>
      53. 
  
  
  
    53.  <view class="btn-wrap" >
      54. 
  
  
  
    54.  <zw-button
      55. 
  
  
  
    55.  button-size="xs-small"
      56. 
  
  
  
    56.  button-color="{{detail.status ? 'secondly' : 'thirdly'}}"
      57. 
  
  
  
    57.  button-text="{{detail.status ? '已订阅' : '订阅'}}"
      58. 
  
  
  
    58.  bindtap="changeSub"
      59. 
  
  
  
    59.  />
      60. 
  
  
  
    60.  </view>
      61. 
  
  
  
    61.  </slot>
      62. 
  
  
  
    62.  </zw-list-item>
      63. 
  
  
  
    63.  </view>
      64. 
  
  
  
    64.  </view>
      65. 
  
  
  
    65.  <view class="footer {{isIPhoneX ? 'iphone-x-compitable' : '' }} border border-top {{!isIos ? 'android-patch': ''}}">
      66. 
  
  
  
    66.  <view class="footer-inner">
      67. 
  
  
  
    67.  <view class="actions-list" >
      68. 
  
  
  
    68.  <view class="action" bind:tap="addCollection">
      69. 
  
  
  
    69.  <zw-icon class="icon" name="{{detail.collected ? 'collect-color' : 'collect-thin'}}" size="{{iconSize}}">
      70. 
  
  
  
    70.  </zw-icon>
      71. 
  
  
  
    71.  {{detail.collected ? '已收藏' : '收藏'}}
      72. 
  
  
  
    72.  </view>
      73. 
  
  
  
    73.  </view>
      74. 
  
  
  
    74.  <view class="actions-list" >
      75. 
  
  
  
    75.  <view class="action" bind:tap="toShare">
      76. 
  
  
  
    76.  <zw-icon class="icon" name="share" size="{{iconSize}}"></zw-icon>
      77. 
  
  
  
    77.  分享
      78. 
  
  
  
    78.  </view>
      79. 
  
  
  
    79.  </view>
      80. 
  
  
  
    80.  </view>
      81. 
  
  
  
    81.  </view>
      82. 
  
  
  
    82.  </view>
      83. 
  
  
  
    83.  </view>
      84. 
  
  
  
    84.  </view>
      85. 
  
  
  
    85.  </block>
      86. 
  
  
  
    86. </view>
      87. 
 
 
 
     
 
 
      
  
  
  
    1. {
      2. 
  
  
  
    2.  "navigationBarBackgroundColor": "#ffffff",
      3. 
  
  
  
    3.  "navigationBarTextStyle": "black",
      4. 
  
  
  
    4.  "navigationBarTitleText": "政策文件库",
      5. 
  
  
  
    5.  "backgroundColor": "#ffffff",
      6. 
  
  
  
    6.  "backgroundTextStyle": "light",
      7. 
  
  
  
    7.  "usingComponents": {
      8. 
  
  
  
    8.  "zw-loading": "../../components/LoadingStatus/src/index",
      9. 
  
  
  
    9.  "zw-state-page": "../../components/StatePage/src/index",
      10. 
  
  
  
    10.  "zw-button": "../../components/Button/src/index",
      11. 
  
  
  
    11.  "zw-icon": "../../components/Icon/src/index",
      12. 
  
  
  
    12.  "zw-list-item": "../../components/ListItem/src/index"
      13. 
  
  
  
    13.  }
      14. 
  
  
  
    14. }
      15. 
 
 
 
     
 
 
      
  
  
  
    1. // 请求接口，获取文件详情
      2. 
  
  
  
    2. getArticle(({code, msg, data}) => {
      3. 
  
  
  
    3.  // 请求正常响应
      4. 
  
  
  
    4.  if (code === 0) {
      5. 
  
  
  
    5.  // ...
      6. 
  
  
  
    6.  }
      7. 
  
  
  
    7.  // 请求异常
      8. 
  
  
  
    8.  else {
      9. 
  
  
  
    9.  // ...
      10. 
  
  
  
    10.  }
      11. 
  
  
  
    11. }),
      12. 
  
  
  
    12. // 切换订阅状态
      13. 
  
  
  
    13. changeSub(e) {
      14. 
  
  
  
    14.  // 获取当前订阅状态
      15. 
  
  
  
    15.  const status = this.data.detail.status;
      16. 
  
  
  
    16.  // 请求接口，切换订阅状态
      17. 
  
  
  
    17.  changeStatus(status, ({code, data}) => {
      18. 
  
  
  
    18.  // 请求正常响应
      19. 
  
  
  
    19.  if (code === 0) {
      20. 
  
  
  
    20.  // 更新订阅状态
      21. 
  
  
  
    21.  }
      22. 
  
  
  
    22.  });
      23. 
  
  
  
    23. },
      24. 
  
  
  
    24. // 切换收藏状态
      25. 
  
  
  
    25. addCollection(e) {
      26. 
  
  
  
    26.  // 获取当前收藏状态
      27. 
  
  
  
    27.  const status = this.data.detail.collected;
      28. 
  
  
  
    28.  // 请求接口，切换收藏状态
      29. 
  
  
  
    29.  changeStatus(status, ({code, data}) => {
      30. 
  
  
  
    30.  // 请求正常响应
      31. 
  
  
  
    31.  if (code === 0) {
      32. 
  
  
  
    32.  // 更新收藏状态
      33. 
  
  
  
    33.  }
      34. 
  
  
  
    34.  });
      35. 
  
  
  
    35. },
      36. 
  
  
  
    36. // 分享的标题、内容、路径、图片地址，分享成功、分享失败的回调都可以根据实际业务场景和需求自定义。
      37. 
  
  
  
    37. toShare() {
      38. 
  
  
  
    38.  swan.openShare({
      39. 
  
  
  
    39.  title: '政策文件库分享示例',
      40. 
  
  
  
    40.  content: '中共中央办公厅印发《2019-2023年全国党员教育培训工作规划》',
      41. 
  
  
  
    41.  path: '/templates/gov/policy/pages/article/article?key=' + this.data.articleId,
      42. 
  
  
  
    42.  imageUrl: 'https://ms-static.cdn.bcebos.com/miniappdocs/img/logo_new.png',
      43. 
  
  
  
    43.  success: res => {
      44. 
  
  
  
    44.  swan.showToast({
      45. 
  
  
  
    45.  title: '分享成功'
      46. 
  
  
  
    46.  });
      47. 
  
  
  
    47.  console.log('openShare success', res);
      48. 
  
  
  
    48.  },
      49. 
  
  
  
    49.  fail: err => {
      50. 
  
  
  
    50.  console.log('openShare fail', err);
      51. 
  
  
  
    51.  }
      52. 
  
  
  
    52.  });
      53. 
  
  
  
    53. }
      54.

    我的收藏页面

    用户收藏过的内容将通过一定的顺序呈现在收藏列表页，对于重点关注的内容，用户无需反复检索，在收藏列表页可直接阅读。

    页面路径：pages/collect/collect

    后浪云百度小程序教程：page-policy 政策文件库模板插图4

    代码示例

    • SWAN
    • JSON
    • JS
     
 
 
      
  
  
  
    1. <view class="collect-wrapper">
      2. 
  
  
  
    2.  <zw-tabs
      3. 
  
  
  
    3.  tabs="{{tabs}}"
      4. 
  
  
  
    4.  type="flex"
      5. 
  
  
  
    5.  mode="auto"
      6. 
  
  
  
    6.  active-tab="{{0}}"
      7. 
  
  
  
    7.  nav-bar-width="100%"
      8. 
  
  
  
    8.  show-with-animation="{{false}}"
      9. 
  
  
  
    9.  bindonChange="onCustomTabChange"
      10. 
  
  
  
    10.  />
      11. 
  
  
  
    11.  <view class="tab-content {{activeName === 'zc' ? 'show' : 'hide'}} {{isIPhoneX ? 'iphone-x-compitable' : ''}}">
      12. 
  
  
  
    12.  <zw-loading s-if="zc.showLoading">
      13. 
  
  
  
    13.  <view slot="text">正在加载...</view>
      14. 
  
  
  
    14.  </zw-loading>
      15. 
  
  
  
    15.  <zw-state-page show-reload="{{zc.stateBtn}}" type="{{zc.errStatus}}" s-if="zc.errStatus !== ''" bind:reload="reloadZc" zw-state-page-class="custom-state" fixed="{{false}}"/>
      16. 
  
  
  
    16.  <block s-if="zc.isLoaded">
      17. 
  
  
  
    17.  <!-- 上拉加载 -->
      18. 
  
  
  
    18.  <smt-feed
      19. 
  
  
  
    19.  class="smt-feed click-zc-refresh"
      20. 
  
  
  
    20.  data-type="zc"
      21. 
  
  
  
    21.  bind:scrolltolower="autoScrollToLower"
      22. 
  
  
  
    22.  >
      23. 
  
  
  
    23.  <block s-for="page in zc.list">
      24. 
  
  
  
    24.  <zw-list-item
      25. 
  
  
  
    25.  s-for="item, index in page"
      26. 
  
  
  
    26.  title="{{item.title}}"
      27. 
  
  
  
    27.  desc="{{'发文机关：' + item.office}}"
      28. 
  
  
  
    28.  clickable="{{true}}"
      29. 
  
  
  
    29.  data-aid="item.id"
      30. 
  
  
  
    30.  bind:tap="gotoArticle"
      31. 
  
  
  
    31.  />
      32. 
  
  
  
    32.  </block>
      33. 
  
  
  
      34. 
  
  
  
    34.  <zw-spin status="{{zc.status}}" bind:tap="reloadZcFeed" zw-spin-class="custom-spin"></zw-spin>
      35. 
  
  
  
    35.  </smt-feed>
      36. 
  
  
  
    36.  </block>
      37. 
  
  
  
      38. 
  
  
  
    38.  </view>
      39. 
  
  
  
    39.  <view class="tab-content {{activeName === 'jd' ? 'show' : 'hide'}} {{isIPhoneX ? 'iphone-x-compitable' : ''}}">
      40. 
  
  
  
    40.  <zw-loading s-if="jd.showLoading">
      41. 
  
  
  
    41.  <view slot="text">正在加载...</view>
      42. 
  
  
  
    42.  </zw-loading>
      43. 
  
  
  
    43.  <zw-state-page show-reload="{{jd.stateBtn}}" type="{{jd.errStatus}}" s-if="jd.errStatus !== ''" bind:reload="reloadJd" zw-state-page-class="custom-state" fixed="{{false}}"/>
      44. 
  
  
  
    44.  <block s-if="jd.isLoaded">
      45. 
  
  
  
    45.  <!-- 上拉加载 -->
      46. 
  
  
  
    46.  <zw-feed
      47. 
  
  
  
    47.  class="smt-feed click-jd-refresh"
      48. 
  
  
  
    48.  data-type="jd"
      49. 
  
  
  
    49.  bind:scrolltolower="autoScrollToLower"
      50. 
  
  
  
    50.  >
      51. 
  
  
  
    51.  <block s-for="page in jd.list">
      52. 
  
  
  
    52.  <zw-list-item
      53. 
  
  
  
    53.  s-for="item, index in page"
      54. 
  
  
  
    54.  title="{{item.title}}"
      55. 
  
  
  
    55.  desc="{{'发文机关：' + item.office}}"
      56. 
  
  
  
    56.  clickable="{{true}}"
      57. 
  
  
  
    57.  data-aid="{{item.id}}"
      58. 
  
  
  
    58.  bind:tap="gotoArticle"
      59. 
  
  
  
    59.  />
      60. 
  
  
  
    60.  </block>
      61. 
  
  
  
    61.  <zw-spin status="{{jd.status}}" bind:tap="reloadJdFeed" zw-spin-class="custom-spin"></zw-spin>
      62. 
  
  
  
    62.  </zw-feed>
      63. 
  
  
  
    63.  </block>
      64. 
  
  
  
    64.  </view>
      65. 
  
  
  
    65. </view>
      66. 
 
 
 
     
 
 
      
  
  
  
    1. {
      2. 
  
  
  
    2.  "navigationBarBackgroundColor": "#fffffe",
      3. 
  
  
  
    3.  "navigationBarTextStyle": "black",
      4. 
  
  
  
    4.  "navigationBarTitleText": "我的收藏",
      5. 
  
  
  
    5.  "backgroundColor": "#ffffff",
      6. 
  
  
  
    6.  "backgroundTextStyle": "light",
      7. 
  
  
  
    7.  "usingComponents": {
      8. 
  
  
  
    8.  "zw-loading": "../../components/LoadingStatus/src/index",
      9. 
  
  
  
    9.  "zw-state-page": "../../components/StatePage/src/index",
      10. 
  
  
  
    10.  "zw-list-item": "../../components/ListItem/src/index",
      11. 
  
  
  
    11.  "smt-feed": "@smt-ui/component/src/feed",
      12. 
  
  
  
    12.  "zw-spin": "../../components/Spin/src/index",
      13. 
  
  
  
    13.  "zw-tabs": "../../components/Tabs/src/index"
      14. 
  
  
  
    14.  }
      15. 
  
  
  
    15. }
      16. 
 
 
 
     
 
 
      
  
  
  
    1. // 请求接口，获取收藏数据
      2. 
  
  
  
    2. getCollectList(name, ({code, msg, data}) => {
      3. 
  
  
  
    3.  if (code === 0) {
      4. 
  
  
  
    4.  // 请求正常响应处理
      5. 
  
  
  
    5.  }
      6. 
  
  
  
    6.  else {
      7. 
  
  
  
    7.  // 请求异常处理
      8. 
  
  
  
    8.  }
      9. 
  
  
  
    9. }),
      10. 
  
  
  
    10. // 跳转到文章详情页。跳转携带的 id 参数只是 mock 数据举例，是否需要带参数跳转以及参数名称、参数值均可自定义
      11. 
  
  
  
    11. gotoArticle(e) {
      12. 
  
  
  
    12.  const index = e.currentTarget.dataset.aid;
      13. 
  
  
  
    13.  navigateTo({
      14. 
  
  
  
    14.  url: `../article/article?id=${index}`
      15. 
  
  
  
    15.  });
      16. 
  
  
  
    16. }
      17.

    我的订阅页面

    开发者可结合自身业务，向用户提供订阅功能。对于订阅后的内容或板块，用户无需反复检索，在订阅列表页可直接获取最新资讯。

    页面路径：pages/subscribe/subscribe

    后浪云百度小程序教程：page-policy 政策文件库模板插图5

    代码示例

    • SWAN
    • JSON
    • JS
     
 
 
      
  
  
  
    1. <view class="subscribe-wrap swan-security-padding-bottom">
      2. 
  
  
  
    2.  <zw-loading s-if="showLoading">
      3. 
  
  
  
    3.  <view slot="text">正在加载...</view>
      4. 
  
  
  
    4.  </zw-loading>
      5. 
  
  
  
    5.  <zw-state-page
      6. 
  
  
  
    6.  s-if="errStatus !== ''"
      7. 
  
  
  
    7.  show-reload="{{stateBtn}}"
      8. 
  
  
  
    8.  type="{{errStatus}}"
      9. 
  
  
  
    9.  bind:reload="reload"
      10. 
  
  
  
    10.  />
      11. 
  
  
  
    11.  <view s-if="isLoaded">
      12. 
  
  
  
    12.  <zw-list-item
      13. 
  
  
  
    13.  s-for="item, index in subList"
      14. 
  
  
  
    14.  title="{{item.title}}"
      15. 
  
  
  
    15.  desc="{{item.desc}}"
      16. 
  
  
  
    16.  clickable="{{false}}"
      17. 
  
  
  
    17.  data-index={{index}}
      18. 
  
  
  
    18.  bind:tap="gotoArticle"
      19. 
  
  
  
    19.  >
      20. 
  
  
  
    20.  <slot>
      21. 
  
  
  
    21.  <view class="btn-wrap" >
      22. 
  
  
  
    22.  <zw-button
      23. 
  
  
  
    23.  button-size="xs-small"
      24. 
  
  
  
    24.  button-color="{{item.status ? 'secondly' : 'thirdly'}}"
      25. 
  
  
  
    25.  button-text="{{item.status ? '已订阅' : '订阅'}}"
      26. 
  
  
  
    26.  data-index="{{index}}"
      27. 
  
  
  
    27.  catchtap="changeSub"
      28. 
  
  
  
    28.  />
      29. 
  
  
  
    29.  </view>
      30. 
  
  
  
    30.  </slot>
      31. 
  
  
  
    31.  </zw-list-item>
      32. 
  
  
  
    32.  </view>
      33. 
  
  
  
    33. </view>
      34. 
 
 
 
     
 
 
      
  
  
  
    1. {
      2. 
  
  
  
    2.  "navigationBarBackgroundColor": "#ffffff",
      3. 
  
  
  
    3.  "navigationBarTextStyle": "black",
      4. 
  
  
  
    4.  "navigationBarTitleText": "我的订阅",
      5. 
  
  
  
    5.  "backgroundColor": "#ffffff",
      6. 
  
  
  
    6.  "backgroundTextStyle": "light",
      7. 
  
  
  
    7.  "usingComponents": {
      8. 
  
  
  
    8.  "zw-list-item": "../../components/ListItem/src/index",
      9. 
  
  
  
    9.  "zw-loading": "../../components/LoadingStatus/src/index",
      10. 
  
  
  
    10.  "zw-state-page": "../../components/StatePage/src/index",
      11. 
  
  
  
    11.  "zw-button": "../../components/Button/src/index"
      12. 
  
  
  
    12.  }
      13. 
  
  
  
    13. }
      14. 
 
 
 
     
 
 
      
  
  
  
    1. // 请求接口，获取关注列表数据
      2. 
  
  
  
    2. getList(({code, msg, data}) => {
      3. 
  
  
  
    3.  if (code === 0) {
      4. 
  
  
  
    4.  // 请求正常响应处理
      5. 
  
  
  
    5.  }
      6. 
  
  
  
    6.  else {
      7. 
  
  
  
    7.  // 请求异常处理
      8. 
  
  
  
    8.  }
      9. 
  
  
  
    9. }),
      10. 
  
  
  
    10. // 切换订阅状态
      11. 
  
  
  
    11. changeSub(e) {
      12. 
  
  
  
    12.  // 获取当前订阅状态
      13. 
  
  
  
    13.  const status = this.data.subList[index].status;
      14. 
  
  
  
      15. 
  
  
  
    15.  changeStatus(status, ({code, data}) => {
      16. 
  
  
  
    16.  // 请求正常响应
      17. 
  
  
  
    17.  if (code === 0) {
      18. 
  
  
  
    18.  // 更新订阅状态
      19. 
  
  
  
    19.  }
      20. 
  
  
  
    20.  });
      21. 
  
  
  
    21. },
      22. 
  
  
  
    22. // 跳转到文章详情页。跳转携带的 id 参数只是 mock 数据举例，是否需要带参数跳转以及参数名称、参数值均可自定义
      23. 
  
  
  
    23. gotoArticle(e) {
      24. 
  
  
  
    24.  const index = e.currentTarget.dataset.aid;
      25. 
  
  
  
    25.  navigateTo({
      26. 
  
  
  
    26.  url: `../articleList/articleList?id=${index}`
      27. 
  
  
  
    27.  });
      28. 
  
  
  
    28. }
      29.

    搜索页

    用户触发搜索功能后将跳转至搜索页，页面包含搜索历史以及搜索结果两部分。搜索结果高亮显示，方便用户辩识获取有效信息；搜索历史结构化呈现，方便用户再次进行检索。对于搜索历史，也可使用“清空”进行删除。

    页面路径：pages/search/search

    后浪云百度小程序教程：page-policy 政策文件库模板插图6

    后浪云百度小程序教程：page-policy 政策文件库模板插图7

    代码示例

    • SWAN
    • JSON
    • JS
     
 
 
      
  
  
  
    1. <view class="search-wrapper">
      2. 
  
  
  
    2.  <zw-custom-title-bar
      3. 
  
  
  
    3.  show-fixed-bar='{{false}}'
      4. 
  
  
  
    4.  fixed-title="搜索"
      5. 
  
  
  
    5.  fixed-front-color="#000000"
      6. 
  
  
  
    6.  common-front-color="#000000"
      7. 
  
  
  
    7.  common-bg-color='#ffffff'
      8. 
  
  
  
    8.  fixed-bg-color='#ffffff'
      9. 
  
  
  
    9.  common-bg-opacity="{{false}}"
      10. 
  
  
  
    10.  need-to-return="{{true}}"
      11. 
  
  
  
    11.  common-title="搜索"
      12. 
  
  
  
    12.  bind:navhome="navhome"
      13. 
  
  
  
    13.  />
      14. 
  
  
  
    14.  <view class="search-component clear">
      15. 
  
  
  
    15.  <view class="search-bar border border-bottom {{!isIos ? 'android-patch': ''}}">
      16. 
  
  
  
    16.  <zw-search-bar
      17. 
  
  
  
    17.  class='search-bar-component'
      18. 
  
  
  
    18.  value="{{value}}"
      19. 
  
  
  
    19.  focus="{{focusing}}"
      20. 
  
  
  
    20.  placeholder="{{placeholder}}"
      21. 
  
  
  
    21.  confirm-type="{{confirmType}}"
      22. 
  
  
  
    22.  search-text-color="{{searchTextColor}}"
      23. 
  
  
  
    23.  bindfocus="focusHdl"
      24. 
  
  
  
    24.  bindblur="blurHdl"
      25. 
  
  
  
    25.  bindinput="iptHdl"
      26. 
  
  
  
    26.  bindconfirm="searchBtnHdl"
      27. 
  
  
  
    27.  bindclear="emptyHdl"
      28. 
  
  
  
    28.  bindsearch="searchBtnHdl"
      29. 
  
  
  
    29.  />
      30. 
  
  
  
    30.  </view>
      31. 
  
  
  
    31.  <!-- 状态 -->
      32. 
  
  
  
    32.  <view class="status-content" s-if="showLoading || errStatus !== ''">
      33. 
  
  
  
    33.  <zw-loading s-if="showLoading" zw-loading-status-class="custom-loading">
      34. 
  
  
  
    34.  <view slot="text">正在加载...</view>
      35. 
  
  
  
    35.  </zw-loading>
      36. 
  
  
  
    36.  <zw-state-page
      37. 
  
  
  
    37.  s-if="errStatus !== ''"
      38. 
  
  
  
    38.  fixed="{{false}}"
      39. 
  
  
  
    39.  show-reload="{{errStatus === 'noNetwork' || errStatus === 'warning'}}"
      40. 
  
  
  
    40.  type="{{errStatus}}"
      41. 
  
  
  
    41.  bind:reload="reload" class-name="custom-state"/>
      42. 
  
  
  
    42.  </view>
      43. 
  
  
  
    43.  <view
      44. 
  
  
  
    44.  class="search-body"
      45. 
  
  
  
    45.  s-if="!showLoading"
      46. 
  
  
  
    46.  >
      47. 
  
  
  
    47.  <!-- 历史搜索+热门搜索 -->
      48. 
  
  
  
    48.  <view
      49. 
  
  
  
    49.  class="history-info"
      50. 
  
  
  
    50.  s-if="!value && !resultState"
      51. 
  
  
  
    51.  >
      52. 
  
  
  
    52.  <block s-if="searchInfo.info.length > 0">
      53. 
  
  
  
    53.  <view class="history-title">
      54. 
  
  
  
    54.  <text>{{searchInfo.title}}</text>
      55. 
  
  
  
    55.  <zw-icon
      56. 
  
  
  
    56.  s-if="searchInfo.delete"
      57. 
  
  
  
    57.  name="trash"
      58. 
  
  
  
    58.  size="{{iconsize}}"
      59. 
  
  
  
    59.  bindtap="deleteHis"
      60. 
  
  
  
    60.  color="#999"
      61. 
  
  
  
    61.  />
      62. 
  
  
  
    62.  </view>
      63. 
  
  
  
    63.  <view class="history-body {{searchInfo.delete ? 'history-body-shrink' : ''}}"
      64. 
  
  
  
    64.  >
      65. 
  
  
  
    65.  <view
      66. 
  
  
  
    66.  class="history-item"
      67. 
  
  
  
    67.  s-for="info in searchInfo.info"
      68. 
  
  
  
    68.  hover-class="list-hover-feedback"
      69. 
  
  
  
    69.  hover-stay-time="{{240}}"
      70. 
  
  
  
    70.  bindtap="itemSelect"
      71. 
  
  
  
    71.  data-item="{{info}}"
      72. 
  
  
  
    72.  data-type="{{item.type}}"
      73. 
  
  
  
    73.  >
      74. 
  
  
  
    74.  <text>
      75. 
  
  
  
    75.  {{info}}
      76. 
  
  
  
    76.  </text>
      77. 
  
  
  
    77.  </view>
      78. 
  
  
  
    78.  </view>
      79. 
  
  
  
    79.  </block>
      80. 
  
  
  
    80.  </view>
      81. 
  
  
  
    81.  <!-- 搜索结果 -->
      82. 
  
  
  
    82.  <view
      83. 
  
  
  
    83.  class="result"
      84. 
  
  
  
    84.  s-if="resultState"
      85. 
  
  
  
    85.  >
      86. 
  
  
  
    86.  <view s-for="item, index in list">
      87. 
  
  
  
    87.  <zw-list-item
      88. 
  
  
  
    88.  title="{{item.title}}"
      89. 
  
  
  
    89.  desc="{{'发文机关：' + item.office}}"
      90. 
  
  
  
    90.  clickable="{{true}}"
      91. 
  
  
  
    91.  data-aid="item.id"
      92. 
  
  
  
    92.  bind:tap="gotoArticle"
      93. 
  
  
  
    93.  >
      94. 
  
  
  
    94.  <view slot="title">
      95. 
  
  
  
    95.  <rich-text nodes="{{item.title}}" selectable="true" />
      96. 
  
  
  
    96.  </view>
      97. 
  
  
  
    97.  </zw-list-item>
      98. 
  
  
  
    98.  </view>
      99. 
  
  
  
    99.  </view>
      100. 
  
  
  
    100.  </view>
      101. 
  
  
  
    101.  </view>
      102. 
  
  
  
    102. </view>
      103. 
 
 
 
     
 
 
      
  
  
  
    1. {
      2. 
  
  
  
    2.  "navigationBarTitleText": "搜索",
      3. 
  
  
  
    3.  "navigationBarBackgroundColor": "#ffffff",
      4. 
  
  
  
    4.  "navigationBarTextStyle": "black",
      5. 
  
  
  
    5.  "navigationStyle": "custom",
      6. 
  
  
  
    6.  "enablePullDownRefresh": false,
      7. 
  
  
  
    7.  "usingComponents": {
      8. 
  
  
  
    8.  "zw-search-bar": "../../components/SearchBar/src/index",
      9. 
  
  
  
    9.  "zw-state-page": "../../components/StatePage/src/index",
      10. 
  
  
  
    10.  "zw-icon": "../../components/Icon/src/index",
      11. 
  
  
  
    11.  "zw-loading": "../../components/LoadingStatus/src/index",
      12. 
  
  
  
    12.  "zw-custom-title-bar": "../../components/CustomTitleBar/src/index",
      13. 
  
  
  
    13.  "zw-list-item": "../../components/ListItem/src/index"
      14. 
  
  
  
    14.  }
      15. 
  
  
  
    15. }
      16. 
 
 
 
     
 
 
      
  
  
  
    1. onLoad() {
      2. 
  
  
  
    2.  // 从缓存中获取历史记录
      3. 
  
  
  
    3.  let searchInfo = {};
      4. 
  
  
  
    4.  swan.getStorage({
      5. 
  
  
  
    5.  key: this.data.historyStorageName,
      6. 
  
  
  
    6.  success: res => {
      7. 
  
  
  
    7.  const localHistory = res.data;
      8. 
  
  
  
    8.  if (localHistory) {
      9. 
  
  
  
    9.  // 处理缓存的历史数据
      10. 
  
  
  
    10.  }
      11. 
  
  
  
    11.  },
      12. 
  
  
  
    12.  fail: () => {
      13. 
  
  
  
    13.  // 获取缓存异常处理
      14. 
  
  
  
    14.  }
      15. 
  
  
  
    15.  });
      16. 
  
  
  
    16. },
      17. 
  
  
  
    17. // 将历史搜索存入 Storage，缓存搜索历史
      18. 
  
  
  
    18. saveHistory(text) {
      19. 
  
  
  
    19.  // 设置搜索历史缓存
      20. 
  
  
  
    20.  swan.setStorage({
      21. 
  
  
  
    21.  key: this.data.historyStorageName,
      22. 
  
  
  
    22.  exp: 60 * 24 * 60 * 60 * 1000,
      23. 
  
  
  
    23.  data: history
      24. 
  
  
  
    24.  });
      25. 
  
  
  
    25. },
      26. 
  
  
  
    26. // 删除历史记录，可直接通过清除缓存数据来删除搜索历史
      27. 
  
  
  
    27. deleteHis() {
      28. 
  
  
  
    28.  // 弹窗二次确认
      29. 
  
  
  
    29.  swan.showModal({
      30. 
  
  
  
    30.  title: '清空搜索历史',
      31. 
  
  
  
    31.  content: '数据清空后,相关内容无法恢复',
      32. 
  
  
  
    32.  confirmText: '确认清空',
      33. 
  
  
  
    33.  cancelText: '取消',
      34. 
  
  
  
    34.  success: res => {
      35. 
  
  
  
    35.  // 确认清空
      36. 
  
  
  
    36.  if (res.confirm) {
      37. 
  
  
  
    37.  this.setData({
      38. 
  
  
  
    38.  'searchInfo.info': []
      39. 
  
  
  
    39.  });
      40. 
  
  
  
    40.  // 移除缓存数据
      41. 
  
  
  
    41.  swan.removeStorageSync(this.data.historyStorageName);
      42. 
  
  
  
    42.  }
      43. 
  
  
  
    43.  }
      44. 
  
  
  
    44.  });
      45. 
  
  
  
    45. },
      46. 
  
  
  
    46. // 格式化搜索结果数据。搜索词高亮处理，高亮处理也可以直接放在接口处理，接口返回带样式的内容放在富文本展示。示例中的高亮词是mock数据。
      47. 
  
  
  
    47. fomateValue(value) {
      48. 
  
  
  
    48.  const arr = value.split('<em');
      49. 
  
  
  
    49.  return arr.map(item => {
      50. 
  
  
  
    50.  if (item.indexOf('>') > -1) {
      51. 
  
  
  
    51.  const result = item.slice(item.indexOf('>') + 1);
      52. 
  
  
  
    52.  return result.split('</em>').join('');
      53. 
  
  
  
    53.  }
      54. 
  
  
  
    54.  return item;
      55. 
  
  
  
    55.  }).join('');
      56. 
  
  
  
    56. },
      57. 
  
  
  
    57. // 请求接口，获取搜索结果
      58. 
  
  
  
    58. getResult(query, isSaveHis = false) {
      59. 
  
  
  
    59.  // 是否要保存历史记录
      60. 
  
  
  
    60.  isSaveHis && this.saveHistory(query);
      61. 
  
  
  
    61.  getSearchList(this.data.activeName, ({code, msg, data}) => {
      62. 
  
  
  
    62.  if (code === 0) {
      63. 
  
  
  
    63.  // 接口正常响应处理
      64. 
  
  
  
    64.  }
      65. 
  
  
  
    65.  else {
      66. 
  
  
  
    66.  // 接口异常处理
      67. 
  
  
  
    67.  }
      68. 
  
  
  
    68.  });
      69. 
  
  
  
    69. },
      70. 
  
  
  
    70. // 回到小程序的首页，url 路径可根据实际路径替换
      71. 
  
  
  
    71. navhome() {
      72. 
  
  
  
    72.  navigateTo({
      73. 
  
  
  
    73.  url: '../indexTab/index'
      74. 
  
  
  
    74.  });
      75. 
  
  
  
    75. },
      76. 
  
  
  
    76. // 跳转到文章详情页。跳转携带的 id 参数只是 mock 数据举例，是否需要带参数跳转以及参数名称、参数值均可自定义
      77. 
  
  
  
    77. gotoArticle(e) {
      78. 
  
  
  
    78.  const index = e.currentTarget.dataset.aid;
      79. 
  
  
  
    79.  navigateTo({
      80. 
  
  
  
    80.  url: `../article/article?id=${index}`
      81. 
  
  
  
    81.  });
      82. 
  
  
  
    82. }
      83.

    自定义 UI 组件

    在政策文件库中，用到了如下自定义 UI 组件：

    组件名称 路径 说明
    Button 按钮组件 components/Button 按钮组件支持设置尺寸、文案、文字颜色、背景颜色、禁用置灰等
    CustomTitleBar 沉浸式导航栏组件 components/CustomTitleBar 沉浸式导航栏组件可实现导航栏通栏配置，上滑、下拉导航栏渐变切换效果
    Filter、FilterItem 筛选器组件 components/Filter、components/FilterItem 筛选器组件可以满足多条件筛选场景，支持多列筛选。Filter 组件需要配合 FilterItem 组件使用
    Footer 页脚组件 components/Footer 页脚组件可自定义页脚内容
    Icon 组件 components/Icon 图标组件，可设置不同图标类型、图标大小和颜色
    ListItem 列表项组件 components/ListItems 列表项组件
    LoadingStatus 加载态组件 components/LoadingStatus 可设置加载态的主题色、文案颜色
    NoticeBar 跑马灯组件 components/NoticeBar 跑马灯组件可以自动广播提示消息
    SearchBar 搜索框组件 components/SearchBar 搜索框组件支持保存搜索历史、删除搜索历史、清空搜索内容、搜索结果词高亮显示等功能
    Spin 加载组件 components/Spin 加载组件用于展示上拉加载状态，显示加载态内容，包括点击加载、正在加载、加载完成、重新加载四种状态
    StatePage 状态页组件 components/StatePage 状态页组件用于设置页面的不同展现状态，如无网络、无数据，还可配合描述文案、重新加载按钮一起使用
    Tabs 组件 components/Tabs Tabs 组件可以满足在不同视图内容中进行切换

    npm 依赖

    名称 版本号
    @smt-ui/component latest

    Bug & Tip

    • Tip：该模板使用了 ES6 语法，需要开启开发者工具的增强编译，操作步骤参看开启说明；同时也需开启上传代码时样式自动补全。
    • Tip：以上代码示例为纯客户端代码，可直接在模拟器和真机预览。
    • Tip：模板中使用的是测试数据，你需要从接口中获取真实的数据。
    版权声明：
    作者：后浪云
    链接：https://www.idc.net/help/185951/
    文章版权归作者所有，未经允许请勿转载。
    THE END
    IDC.NET智能小程序后浪云百度小程序
    Copyright © 2025 后浪云 网站地图