[新增]商城,订单,优惠券,收货地址
This commit is contained in:
38
components/mallIndex_list/mallIndex_list.js
Normal file
38
components/mallIndex_list/mallIndex_list.js
Normal file
@@ -0,0 +1,38 @@
|
||||
|
||||
/**
|
||||
* 手太欠
|
||||
* 5g星光网-商城
|
||||
*/
|
||||
|
||||
Component({
|
||||
/**
|
||||
* 组件的属性列表
|
||||
*/
|
||||
properties:{
|
||||
pushList :{
|
||||
type : Array,
|
||||
value : []
|
||||
},
|
||||
lodingStats :{
|
||||
type : Boolean,
|
||||
value : false
|
||||
},
|
||||
hasMore :{
|
||||
type : Boolean,
|
||||
value : false
|
||||
},
|
||||
},
|
||||
|
||||
/**
|
||||
* 组件的方法列表
|
||||
*/
|
||||
methods: {
|
||||
// 页面跳转
|
||||
push(e) {
|
||||
let id = e.currentTarget.dataset.id
|
||||
wx.navigateTo({
|
||||
url : '/pages/mall_details/mall_details?id=' + id,
|
||||
})
|
||||
}
|
||||
}
|
||||
})
|
||||
3
components/mallIndex_list/mallIndex_list.json
Normal file
3
components/mallIndex_list/mallIndex_list.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"usingComponents": {}
|
||||
}
|
||||
43
components/mallIndex_list/mallIndex_list.wxml
Normal file
43
components/mallIndex_list/mallIndex_list.wxml
Normal file
@@ -0,0 +1,43 @@
|
||||
<!-- 商城为您推荐 -->
|
||||
<view class="recommend">
|
||||
<view class="recommend-title">
|
||||
为您推荐
|
||||
</view>
|
||||
<view class="recommend-list">
|
||||
<view class="recommend-label" wx:for="{{pushList}}" wx:key="pushList" bindtap="push"
|
||||
data-id="{{item.goods_id}}">
|
||||
<view class="recommend-img">
|
||||
<image src="{{item.cover}}" mode="aspectFill"></image>
|
||||
</view>
|
||||
<view class="recommend-cont">
|
||||
<view class="nowrap recommend-name">
|
||||
{{item.title}}
|
||||
</view>
|
||||
<view class="recommend-price">
|
||||
<view class="recommend-ruling">
|
||||
<text>¥</text>{{item.prices.price}}
|
||||
</view>
|
||||
<view class="recommend-cost">
|
||||
协会: ¥{{item.prices.association}}
|
||||
</view>
|
||||
</view>
|
||||
<view class="recommend-tips">
|
||||
<view class="recommend-mark">
|
||||
<text class="recommend-vip">vip</text>
|
||||
¥{{item.prices.vip}}
|
||||
</view>
|
||||
<view class="recommend-sell">已售{{item.sell_number}}</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="pagesLoding" wx:if="{{lodingStats}}">
|
||||
<block wx:if="{{has_more}}">
|
||||
<image class="pagesLoding-icon" src="/static/icon/refresh_loding.gif" mode="widthFix"></image>加载中...
|
||||
</block>
|
||||
<block wx:else>
|
||||
没有更多了~
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
96
components/mallIndex_list/mallIndex_list.wxss
Normal file
96
components/mallIndex_list/mallIndex_list.wxss
Normal file
@@ -0,0 +1,96 @@
|
||||
/*
|
||||
* 手太欠
|
||||
* 企获客商城模块
|
||||
*/
|
||||
|
||||
@import "/app.wxss";
|
||||
|
||||
/* 商城首页为您推荐 */
|
||||
.recommend {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.recommend-title {
|
||||
padding: 0 10rpx 30rpx;
|
||||
}
|
||||
|
||||
.recommend-list {
|
||||
overflow: hidden;
|
||||
margin: 0 -10rpx;
|
||||
}
|
||||
|
||||
.recommend-label {
|
||||
float: left;
|
||||
width: calc(50% - 20rpx);
|
||||
margin: 0 10rpx 20rpx;
|
||||
border-radius: 10rpx;
|
||||
overflow: hidden;
|
||||
background-color: white ;
|
||||
}
|
||||
|
||||
.recommend-img {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
padding-top: 100%;
|
||||
}
|
||||
|
||||
.recommend-img image {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.recommend-cont {
|
||||
padding: 20rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.recommend-price {
|
||||
margin: 20rpx 0;
|
||||
display: flex;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.recommend-ruling {
|
||||
color: #ea4e2f;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.recommend-ruling text {
|
||||
font-size: 24rpx;
|
||||
}
|
||||
|
||||
.recommend-cost {
|
||||
font-size: 24rpx;
|
||||
color: #999;
|
||||
/* text-decoration:line-through; */
|
||||
margin: 2rpx 0 0 20rpx;
|
||||
}
|
||||
|
||||
.recommend-mark {
|
||||
background-color: #f2e4c0;
|
||||
border-radius: 6rpx;
|
||||
display: inline-block;
|
||||
font-size: 24rpx;
|
||||
overflow: hidden;
|
||||
height: 38rpx;
|
||||
line-height: 38rpx;
|
||||
padding-right: 10rpx;
|
||||
}
|
||||
|
||||
.recommend-vip {
|
||||
display: inline-block;
|
||||
line-height: 38rpx;
|
||||
background-color: #333333;
|
||||
color: #f2e4c0;
|
||||
padding: 0 10rpx;
|
||||
}
|
||||
|
||||
.recommend-sell {
|
||||
float: right;
|
||||
font-size: 24rpx;
|
||||
line-height: 38rpx;
|
||||
color: #aaabab;
|
||||
}
|
||||
Reference in New Issue
Block a user