微信小程序商城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.csdn.net/course/detail/19437

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

相关文章:

  • 2021-08-26
  • 2021-10-02
  • 2022-01-02
  • 2021-08-16
  • 2021-10-10
  • 2021-12-16
  • 2021-09-27
  • 2021-05-20
猜你喜欢
  • 2021-10-05
  • 2021-11-15
  • 2021-12-09
  • 2021-07-08
  • 2021-10-01
  • 2021-08-13
  • 2021-04-16
相关资源
相似解决方案