微信小程序商城15天从零实战视频课程-信息列表的实现_公司小程序7天从零实战课程(含源代码)

微信小程序交流群：111733917 | 微信小程序从0基础到就业的课程：https://edu.csdn.net/topic/huangjuhua

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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

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;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

欢迎大家收看我的视频教程：微信小程序商城15天从零实战视频课程
https://ke.qq.com/course/382725?tuin=2b10d56