You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
163 lines
3.8 KiB
163 lines
3.8 KiB
<template>
|
|
<view class="wanl-list new">
|
|
<!-- 导航条 -->
|
|
<view class="cu-custom" :style="{height: $wanlshop.wanlsys().height + 'px' }">
|
|
<view class="cu-bar bg-bgcolor fixed" :style="{ height: $wanlshop.wanlsys().height + 'px', paddingTop: $wanlshop.wanlsys().top + 'px'}">
|
|
<!-- 1.1.9 升级 其他页面进入 -->
|
|
<view v-if="pagesNum > 1" class="action" @tap="$wanlshop.back(1)"><text class="wlIcon-fanhui1"></text></view>
|
|
<!-- 直接进入 -->
|
|
<view v-else class="action" @tap="$wanlshop.on('/pages/index')"><text class="wlIcon-zhuye"></text></view>
|
|
|
|
<view style="margin:0 24rpx;width: 100%;">
|
|
<u-search placeholder="搜索商品" bgColor="#F2F3F4" v-model="keyword" height="60rpx" :showAction="false"></u-search>
|
|
</view>
|
|
|
|
</view>
|
|
</view>
|
|
<view class="contentContainer" :style="{height:`calc(100% - ${$wanlshop.wanlsys().height}px)`}">
|
|
<image src="../../static/images/img/new1.png" class="bgPic" mode="widthFix"></image>
|
|
<view class="list">
|
|
<view class="listItem" v-for="(item,index) in 6">
|
|
<view class="inner">
|
|
<image src="../../static/images/img/u1.png" class="img" mode=""></image>
|
|
<view class="right">
|
|
<view class="title">
|
|
古先森假两件短袖t恤男宽松大码休闲上衣夏季纯棉半袖体恤圆领半截袖古先森假两件短袖t恤男宽松大码休闲上衣夏季纯棉半袖体恤圆领半截袖
|
|
</view>
|
|
<view class="price">
|
|
￥208.00+3.5红包
|
|
</view>
|
|
<view class="linePrice">
|
|
￥298
|
|
</view>
|
|
<view class="cart">
|
|
<image src="../../static/images/img/new2.png" class="cartIcon" mode=""></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
keyword:'',
|
|
|
|
};
|
|
},
|
|
onLoad(option) {
|
|
|
|
},
|
|
// 监听上拉
|
|
onPullDownRefresh() {
|
|
// this.params.page = 1;
|
|
// this.reload = true;
|
|
// this.loadData();
|
|
},
|
|
// 下拉刷新
|
|
onReachBottom() {
|
|
|
|
},
|
|
// 监听滚动
|
|
onPageScroll(object) {
|
|
|
|
},
|
|
// 监听返回
|
|
onUnload() {
|
|
|
|
},
|
|
methods: {
|
|
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
.new{
|
|
min-height: calc(100vh);
|
|
background: linear-gradient(0deg, #FFE4E8, #FFCDD5);
|
|
.contentContainer{
|
|
|
|
.bgPic{
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.list{
|
|
|
|
overflow: auto;
|
|
.listItem{
|
|
margin: 20rpx 24rpx;
|
|
background: #FDE7D5;
|
|
border-radius: 20rpx;
|
|
padding:10rpx;
|
|
.inner{
|
|
|
|
background: #FFFFFF;
|
|
border-radius: 20rpx;
|
|
padding:20rpx;
|
|
display: flex;
|
|
.img{
|
|
width: 160rpx;
|
|
height: 160rpx;
|
|
background: #EAEAEA;
|
|
border-radius: 20rpx;
|
|
flex-shrink: 0;
|
|
}
|
|
.right{
|
|
flex:1;
|
|
margin-left:20rpx;
|
|
position: relative;
|
|
.title{
|
|
font-family: Source Han Sans SC;
|
|
font-weight: 400;
|
|
font-size: 26rpx;
|
|
color: #333333;
|
|
line-height: 36rpx;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2; /* 限制为两行 */
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.price{
|
|
margin-top:10rpx;
|
|
|
|
font-family: Source Han Sans SC;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #EB6100;
|
|
}
|
|
.linePrice{
|
|
margin-top:10rpx;
|
|
font-family: Source Han Sans SC;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #999999;
|
|
text-decoration-line: line-through;
|
|
}
|
|
.cart{
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100rpx;
|
|
height: 60rpx;
|
|
background: #EB6100;
|
|
border-radius: 30px;
|
|
text-align: center;
|
|
line-height: 76rpx;
|
|
image{
|
|
width:37rpx;
|
|
height:36rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
|