商品列表组件

后端开发-许程
1 parent e5be5772
Showing 8 changed files with 188 additions and 22 deletions
components/goods_list/goods_list.js
components/goods_list/goods_list.json
components/goods_list/goods_list.wxml
components/goods_list/goods_list.wxss
pages/index/index/index.json
pages/index/index/index.wxml
pages/user/member/menber.wxml
utils/filter.wxs
+// pages/user/yhq/qr_code/qr_code.js
+const {
+  barcode,
+  qrcode
+} = require('../../utils/index.js')
+
+Component({
+  data: {
+    object: null,
+  },
+  properties: {
+    // 这里定义了innerText属性，属性值可以在组件使用时指定
+  },
+  ready: function () {
+  },
+
+  methods: {
+ 
+    },
+
+    //打开
+  onshow: function (e) {
+    
+    }
+  
+
+
+})
 \ No newline at end of file
+{
+    "component": true,
+  "usingComponents": {}
+}
 \ No newline at end of file
+   <!-- 商品列表 -->
+   <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="{{item.original_img}}" mode="scaleToFill"  binderror="bind_bnerr2" 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}}">
+          <view class="Foil"></view>
+          <view class="no_content fs24">没有更多内容了</view>
+          <view class="Foil"></view>
+      </view>
+      </view>
+  
+        
+ 
 \ No newline at end of file
+.collects {
+  margin-top: 40rpx;
+}
+
+.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
@@ -2,10 +2,11 @@
     "navigationBarBackgroundColor": "#ff7295",
     "navigationBarTextStyle": "white",
     "usingComponents": {
+        "goods_list":"/components/goods_list/goods_list",
         "nav": "/components/diy_nav/diy_nav",
-        "advertising":"/components/diy_advertising/diy_advertising",
+  "advertising":"/components/diy_advertising/diy_advertising",
         "groupbuy": "/components/diy_groupbuy/diy_groupbuy",
-        "goodsGroup": "/components/diy_goodsGroup/diy_goodsGroup",
+        "goodsGroup":  "/components/diy_goodsGroup/diy_goodsGroup",
         "seckill": "/components/diy_seckill/diy_seckill",
         "searchbox":"/components/diy_searchbox/diy_searchbox",
         "shopname": "/components/diy_shopname/diy_shopname",
 <!--普通界面-->
+<wxs module="filter" src="../../../utils/filter.wxs"></wxs>
 <view class="container rel" wx:if="{{ishow}}">
 <block wx:if="{{banner}}">  
 <image class="xc-top-img abs"  src="{{url}}/miniapp/images/top-img.png"></image>
@@ -375,36 +376,32 @@
       </view>
  
     </view>
-
-    <view class="collects">
-      <view class="hang ">
+    <!-- 商品列表 -->
+    <!-- <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}}">
+        <!-- <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="{{item.original_img}}" mode="scaleToFill"  binderror="bind_bnerr2" data-url="{{item.original_img}}" data-errorimg="recommend[{{index}}].original_img"></image>
-          <view class="bottom">
+          <!-- <image class="sp" src="{{item.original_img}}" mode="scaleToFill"  binderror="bind_bnerr2" 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="goods_name ellipsis-2 fs24">{{item.goods_name}}</view> -->
             <!-- 商品价格 -->
-            <view class="money flex">
+            <!-- <view class="money flex"> -->
               <!-- 办卡价 -->
-              <view class="flex xc-wc">
+              <!-- <view class="flex xc-wc">
                 <view class="fs24">￥</view>
-                <view class="fs35">{{item.shop_price}}</view>
-              </view>
+                <view class="fs35">{{filter.toFix(item.shop_price,2)}}</view>
+              </view> -->
               <!-- 原价 -->
-              <view class="price flex xc-ash">
+              <!-- <view class="price flex xc-ash">
                 <view class="fs22">￥</view>
                 <view class="fs22">{{item.market_price}}</view>
               </view>
  
             </view>
  
-            <!-- 办卡优惠多少 
-            <view class="Discount flex-center">
-              <image src="{{url}}/miniapp/images/Member.png"></image>
-              <view class="province">黑卡省11.9元</view>
-            </view>-->
+       
           </view>
  
  
@@ -416,7 +413,7 @@
           <view class="no_content fs24">没有更多内容了</view>
           <view class="Foil"></view>
       </view>
-      </view>
+      </view> -->
         </view>
  
       </view>
@@ -4,7 +4,7 @@
 <view class="big">
 <view class="font-one">总资产 (元)</view>
 <view class="font-two">{{filter.getNum(user_money)}}</view>
-
+ 
 <view class='rim-neo'>
 <view class="rim-two"> 
 <view class="font-three">可提现 (元)</view>
 var filters = {
         toFix:function(val,count){
+          console.log("你是说明书上 没什么 ");
             return val.toFixed(count)
         },
-        replace_time:function(val){
+        replace_time:function(val){  
            if(!val) return "不限";
            return val.replace("00:00:00","");
         },