微信小程序商城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