微信小程序商城15天从零实战视频课程-信息列表的实现

微信小程序商城15天从零实战视频课程-信息列表的实现

wxml代码

<view class="container2">
  <view>
      <view class='gy1'>
        <image src='/img/qyln.jpg'></image>
      </view>

      <view class="node-item">
        <navigator url='/pages/tmp/xinxi/01-jianjie?id={{1}}'>
           <text>(1):小程序商城-平台介绍</text>
        </navigator>
      </view>

      <view class="node-item">
        <navigator url='/pages/tmp/xinxi/01-jianjie?id={{2}}'>
           <text>(2):小程序商城-公司介绍</text>
        </navigator>
      </view>

      <view class="node-item">
        <navigator url='/pages/tmp/xinxi/01-jianjie?id={{3}}'>
           <text>(3):小程序商城-联系我们</text>
        </navigator>
      </view>      

  </view>
</view>

wxss代码

.gy1 image{ width: 750rpx; height: 200rpx; }

.node-item {
    height:100rpx;
    line-height: 100rpx;
    border-bottom:1px solid #ddd;
    font-size:14px;
    color:#333;
     padding-left:10px;
}

.container2 {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0;
  box-sizing: border-box;
}

欢迎大家收看我的****:微信小程序商城15天从零实战视频课程
https://edu.****.net/course/detail/19437

微信小程序商城15天从零实战视频课程-信息列表的实现