<block wx:for='{{dataList}}' wx:key='list' wx:for-item="item">
<view class="list_item">
<navigator url='details?id={{ds_id}}'>
<view class='img'>
<image src="{{imghref}}{{ds_img}}" mode="scaleToFill"/>
</view>
<view class='info'>
<view class='title'>{{ds_title}}</view>
<view class='price'>￥{{ds_price}}</view>
<view class='num'>销量{{ds_xiaoliang}}</view>齐秦和齐豫
</view>小年2023年是几月几日
</navigator>
<view class='clear'></view>
</view>
</block>
</view>
wxss:
clear: both;
overflow: hidden;
}
navigator{
display:inline;
}
.list{
margin-top:10px;
}
.list .list_item{
margin-top:10px;
padding:10px;
height:100px;
border-bottom:1px solid #E8E8E8; }
.list .list_item .img{
float:left;
width:40%;
height:100%;
}
.list .list_item .img image{
width:100%;
height:100%;
}
.list .list_item .info{
width:59%;
float:right;
height:100px;
position:relative;
}
.list .list_item .info .title{
color:#333;
margin-left:10px;
font-size: 15px;
}
.list .list_item .info .price{
margin-left:10px;
margin-top:10px;
font-size:15px;
}
.list .list_item .info .num{
position: absolute;
left:0px;
bottom:10px;
color:#747474;
margin-left:10px;
font-size:15px;
}
js:
/
**
*/2011芭莎明星慈善夜
data: {
dataList:[
{
goods_id:1,
goods_title:'商品标题1',
goods_img:'pen/images/20150928/tooopen_sy_143912755726.jpg', goods_xiaoliang:'0',
goods_price:'60'武雨泽
},{
goods_id:1,
goods_title:'商品标题2',
goods_img:'pen/images/20150928/tooopen_sy_143912755726.jpg', goods_xiaoliang:'0',
goods_price:'70'
}, {
goods_id: 1,
goods_title: '商品标题3',
goods_img: 'pen/images/20150928/tooopen_sy_143912755726.jpg', goods_xiaoliang: '0',
goods_price: '80'
}, {
goods_id: 1,
goods_title: '商品标题4',
goods_img: 'pen/images/20150928/tooopen_sy_143912755726.jpg', goods_xiaoliang: '0',
goods_price: '90'
}, {
goods_id: 1,
黑涩会美眉瑶瑶goods_title: '商品标题5',
goods_img: 'pen/images/20150928/tooopen_sy_143912755726.jpg', goods_xiaoliang: '0',
goods_price: '110'
}
],
}
})
本文发布于:2024-12-23 04:00:29，感谢您对本站的认可！
版权声明:本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，我们将在24小时内删除。
本文标签：商品 商城 程序 网游 数据 好玩 初始
发布评论