From c8cf1f01d7833acd13592babd7d31298cb4e2e93 Mon Sep 17 00:00:00 2001
From: yvan.ni <765199919@qq.com>
Date: Thu, 26 Sep 2019 14:50:30 +0800
Subject: [PATCH] 组件我的收藏

---
 components/goods_list/goods_list.json |   4 ++++
 components/goods_list/goods_list.wxml |  36 ++++++++++++++++++++++++++++++++++++
 components/goods_list/goods_list.wxss | 132 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 172 insertions(+), 0 deletions(-)
 create mode 100644 components/goods_list/goods_list.json
 create mode 100644 components/goods_list/goods_list.wxml
 create mode 100644 components/goods_list/goods_list.wxss

diff --git a/components/goods_list/goods_list.json b/components/goods_list/goods_list.json
new file mode 100644
index 0000000..7e37c03
--- /dev/null
+++ b/components/goods_list/goods_list.json
@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}
\ No newline at end of file
diff --git a/components/goods_list/goods_list.wxml b/components/goods_list/goods_list.wxml
new file mode 100644
index 0000000..ce32fa8
--- /dev/null
+++ b/components/goods_list/goods_list.wxml
@@ -0,0 +1,36 @@
+   <!-- 商品列表 -->
+   <wxs module="filter" src="../../utils/filter.wxs"></wxs>
+    <view class="collects">
+      <view class="hang ">
+        <!-- 商品详情 --> 
+        <view class="collect ib"  wx:for="{{recommend}}" bindtap="go_url" data-url="/pages/goods/goodsInfo/goodsInfo?goods_id={{item.goods_id}}">
+          <!-- 商品图片 -->  
+          <image class="sp" src="{{url+item.original_img}}" mode="scaleToFill"  binderror="bind_bnerr_xc" data-url="{{item.original_img}}" data-errorimg="recommend[{{index}}].original_img"></image>
+          <view class="bottom">
+            <!-- 商品名称 -->
+            <view class="goods_name ellipsis-2 fs24">{{item.goods_name}}</view>
+            <!-- 商品价格 -->
+            <view class="money flex">
+              <!-- 办卡价 -->
+              <view class="flex xc-wc">
+                <view class="fs24">￥</view>
+                <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view>
+              </view>
+              <!-- 原价 -->
+              <view class="price flex xc-ash">
+                <view class="fs22">￥</view>
+                <view class="fs22">{{item.market_price}}</view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+      <view class="nothing flex-center" wx:if="{{is_no_more==0}}">
+          <view class="Foil"></view>
+          <view class="no_content fs24">没有更多内容了</view>
+          <view class="Foil"></view>
+      </view>
+      </view>
+  
+        
+ 
\ No newline at end of file
diff --git a/components/goods_list/goods_list.wxss b/components/goods_list/goods_list.wxss
new file mode 100644
index 0000000..e3aea73
--- /dev/null
+++ b/components/goods_list/goods_list.wxss
@@ -0,0 +1,132 @@
+.collects {
+  margin-top: 40rpx;
+}
+.ib{
+  display: inline-block;
+}
+.fs24{
+    font-size: 24rpx;
+}
+.flex-center{
+display:flex;
+justify-content:center;
+align-items:center;
+}
+.xc-wc{
+  color: #d60021;
+
+}
+.fs22{
+    font-size: 22rpx;
+}
+.xc-ash{
+color: #b9b9b9;
+}
+.choice_box .choice_list .choice_footer .price {
+    color: #f23030; height: 10px
+}
+.fs35{
+    font-size:35rpx;
+}
+.flex{display: flex}
+.ellipsis-2 {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+}
+.goods_name{
+  height: 62rpx;
+  margin-top: 6rpx;
+  line-height: 30rpx
+}
+.hang {
+  width: 100%;
+  margin: auto;
+  padding-left: 21rpx;
+}
+
+.hang .collect {
+  width: 347rpx;
+  height: 571rpx;
+  border-radius: 25rpx;
+  border: 1rpx solid rgb(214, 214, 214);
+  overflow: hidden;
+  margin-right: 14rpx;
+  margin-bottom: 5rpx;
+}
+
+.collect .bottom {
+  padding: 0rpx 20rpx;
+}
+
+.collect .sp {
+  width: 100%;
+  height: 326rpx;
+}
+
+.collect .money {
+  margin-top: 60rpx;
+  margin-bottom: 18rpx;
+  line-height: 28rpx;
+  align-items: baseline;
+}
+.collect .money view{
+  line-height: 28rpx;
+}
+.collect .money .flex {
+    font-weight: bold;
+}
+.collect .money .flex .fs24{
+  padding-top: 5rpx;
+}
+.collect .Discount {
+  width: 156rpx;
+  height: 28rpx;
+  border-radius: 20rpx;
+  background-color: rgb(56, 56, 56);
+  font-size: 18rpx;
+  color: rgb(255, 255, 255);
+}
+
+.collect .Discount image {
+  height: 18rpx;
+  width: 18rpx;
+  line-height: 28rpx;
+  margin-right: 3rpx;
+}
+
+.collect.ml20 {
+  margin-left: 13rpx;
+}
+
+.fs24.dollar {
+  padding: 0rpx;
+}
+
+.money .price {
+  margin-left: 12rpx;
+  text-decoration: line-through;
+  line-height: 23rpx;
+}
+
+.province {
+  line-height: 26rpx;
+}
+
+.nothing {
+  height: 75rpx;
+  width: 100%;
+}
+
+.nothing .no_content {
+  margin: 0rpx 11rpx;
+  color: rgb(138, 138, 138);
+}
+
+.nothing .Foil {
+  width: 80rpx;
+  height: 2rpx;
+  background-color: rgb(138, 138, 138);
+}
\ No newline at end of file
--
libgit2 0.21.4