微信小程序之景观展示

最新推荐文章于 2023-04-14 10:51:54 发布

Dove_Y

最新推荐文章于 2023-04-14 10:51:54 发布

阅读量701

点赞数

本文链接：https://blog.csdn.net/qq_41470439/article/details/105084660

版权

本文介绍了如何在微信小程序中利用JSON数据生成列表，并展示景观信息。通过JS获取数据，结合WXML和WXSS实现视图渲染，创建美观的标题和布局。

摘要由CSDN通过智能技术生成

js获取数据生成list

json如下：wxml上部title使用ivew组件

{
  "navigationBarTitleText": "口袋动物园",
  "usingComponents": {
    "i-cell-group": "../../dist/cell-group/index",
    "i-cell": "../../dist/cell/index"
  }
}

wxml如下：

  <view class="ltitle">
    <i-cell-group>
      <i-cell title="特色景观" value="查看更多" is-link url="../paiall/paiall" only-tap-footer></i-cell>
    </i-cell-group>
  </view>
  <view class='list'>
  <block wx:for='{
  {list}}' wx:key='list' wx:for-item="item">
  <view class="list_item">
      <nav