支付宝小程序

application/index/view/default/public/goods_category.html

@@ -14,7 +14,9 @@
                             <li class="appliance js_toggle relative first">
                                 <div class="category-info">
                                     <h3 class="category-name b-category-name">
-                                        <i><img src="{{$v.icon}}"></i>
+                                        {{if !empty($v['icon'])}}
+                                            <img src="{{$v.icon}}" />
+                                        {{/if}}
                                         <a href="{{:MyUrl('index/search/index', ['category_id'=>$v['id']])}}" class="ml-22" title="{{$v.name}}">{{$v.name}}</a>
                                     </h3>
                                     <em>&gt;</em>

public/appmini/old/alipay/components/home-banner/home-banner.js

-const app = getApp();
-Component({
-  mixins: [],
-  data: {
-    indicator_dots: false,
-    indicator_color: 'rgba(0, 0, 0, .3)',
-    indicator_active_color: '#e31c55',
-    autoplay: true,
-    circular: true,
-    data_list_loding_status: 1,
-    data_bottom_line_status: false,
-    data_list: [],
-  },
-  props: {},
-  didMount() {
-    this.init();
-  },
-  didUpdate() {},
-  didUnmount() {},
-  methods: {
-    // 获取数
-    init() {
-      // 加载loding
-      this.setData({
-        data_list_loding_status: 1,
-      });
-
-      // 加载loding
-      my.httpRequest({
-        url: app.get_request_url("index", "banner"),
-        method: "POST",
-        data: {},
-        dataType: "json",
-        success: res => {
-          if (res.data.code == 0) {
-            var data = res.data.data;
-            this.setData({
-              data_list: data,
-              indicator_dots: (data.length > 1),
-              autoplay: (data.length > 1),
-              data_list_loding_status: data.length == 0 ? 0 : 3,
-              data_bottom_line_status: true,
-            });
-          } else {
-            this.setData({
-              data_list_loding_status: 0,
-              data_bottom_line_status: true,
-            });
-
-            my.showToast({
-              type: "fail",
-              content: res.data.msg
-            });
-          }
-        },
-        fail: () => {
-          this.setData({
-            data_list_loding_status: 2,
-            data_bottom_line_status: true,
-          });
-
-          my.showToast({
-            type: "fail",
-            content: "服务器请求出错"
-          });
-        }
-      });
-    },
-
-    // 操作事件
-    banner_event(e) {
-      app.operation_event(e);
-    },
-  },
-});

public/appmini/old/alipay/components/home-nav/home-nav.js

-const app = getApp();
-Component({
-  mixins: [],
-  props: {},
-  data: {
-    data_list_loding_status: 1,
-    data_bottom_line_status: false,
-    data_list: [],
-  },
-  didMount() {
-    this.init();
-  },
-  didUpdate(){},
-  didUnmount(){},
-  methods:{
-    init() {
-      // 加载loding
-      this.setData({
-        data_list_loding_status: 1,
-      });
-
-      // 加载loding
-      my.httpRequest({
-        url: app.get_request_url("index", "navigation"),
-        method: "POST",
-        data: {},
-        dataType: "json",
-        success: res => {
-          if (res.data.code == 0) {
-            var data = res.data.data;
-            this.setData({
-              data_list: data,
-              data_list_loding_status: data.length == 0 ? 0 : 3,
-              data_bottom_line_status: true,
-            });
-          } else {
-            this.setData({
-              data_list_loding_status: 0,
-              data_bottom_line_status: true,
-            });
-
-            my.showToast({
-              type: "fail",
-              content: res.data.msg
-            });
-          }
-        },
-        fail: () => {
-          this.setData({
-            data_list_loding_status: 2,
-            data_bottom_line_status: true,
-          });
-
-          my.showToast({
-            type: "fail",
-            content: "服务器请求出错"
-          });
-        }
-      });
-    },
-
-    // 操作事件
-    nav_event(e) {
-      app.operation_event(e);
-    },
-  }
-});

public/appmini/old/alipay/components/home-nav/home-nav.axml → public/appmini/old/alipay/components/icon-nav/icon-nav.axml

-<view a:if="{{data_list.length > 0}}">
+<view a:if="{{data.length > 0}}">
   <view class="data-list bg-white spacing-mb">
-    <view class="items" a:for="{{data_list}}">
+    <view class="items" a:for="{{data}}">
       <view class="items-content tc" style="background-color:{{item.bg_color}}" data-value="{{item.event_value}}" data-type="{{item.event_type}}" onTap="nav_event">
         <image class="wh-auto" src="{{item.images_url}}" mode="aspectFit" />
       </view>
@@ -8,8 +8,3 @@
     </view>
   </view>
 </view>
-
-<view a:if="{{data_list_loding_status == 2}}">
-  <import src="/pages/common/nodata.axml" />
-  <template is="nodata" data="{{status: data_list_loding_status}}"></template>
-</view>

public/appmini/old/alipay/components/icon-nav/icon-nav.js

+const app = getApp();
+Component({
+  mixins: [],
+  data: {},
+  props: {
+    data: []
+  },
+  didMount() {},
+  didUpdate(){},
+  didUnmount(){},
+  methods: {
+    // 操作事件
+    nav_event(e) {
+      app.operation_event(e);
+    },
+  }
+});

public/appmini/old/alipay/components/home-banner/home-banner.axml → public/appmini/old/alipay/components/slider/slider.axml

 <swiper
-  indicator-dots="{{indicator_dots}}"
+  indicator-dots="{{data.length > 1}}"
   indicator-color="{{indicator_color}}"
   indicator-active-color="{{indicator_active_color}}"
-  autoplay="{{autoplay}}"
+  autoplay="{{data.length > 1}}"
   circular="{{circular}}"
   class="banner bg-white spacing-mb"
-  a:if="{{data_list.length > 0}}">
-  <block a:for="{{data_list}}">
+  a:if="{{data.length > 0}}">
+  <block a:for="{{data}}">
     <swiper-item>
       <image class="wh-auto" src="{{item.images_url}}" mode="widthFix" data-value="{{item.event_value}}" data-type="{{item.event_type}}" onTap="banner_event" />
     </swiper-item>
   </block>
-</swiper>
-
-<view a:if="{{data_list_loding_status == 2}}">
-  <import src="/pages/common/nodata.axml" />
-  <template is="nodata" data="{{status: data_list_loding_status}}"></template>
-</view>
\ No newline at end of file
+</swiper>
\ No newline at end of file

public/appmini/old/alipay/components/slider/slider.js

+const app = getApp();
+Component({
+  mixins: [],
+  data: {
+    indicator_color: 'rgba(0, 0, 0, .3)',
+    indicator_active_color: '#e31c55',
+    circular: true,
+  },
+  props: {
+    data: []
+  },
+  didMount() {},
+  didUpdate() {},
+  didUnmount() {},
+  methods: {
+    // 操作事件
+    banner_event(e) {
+      app.operation_event(e);
+    },
+  }
+});

public/appmini/old/alipay/pages/index/index.axml

@@ -14,10 +14,10 @@
 <!-- 组件 -->
 <view a:if="{{load_status == 1}}">
   <!-- 轮播 -->
-  <component-home-banner />
+  <component-slider data="{{banner_list}}" />
 
   <!-- 导航 -->
-  <component-home-nav />
+  <component-icon-nav data="{{navigation}}" />
 </view>
 
 

public/appmini/old/alipay/pages/index/index.js

 const app = getApp();
 Page({
   data: {
-    indicator_dots: false,
-    indicator_color: 'rgba(0, 0, 0, .3)',
-    indicator_active_color: '#e31c55',
-    autoplay: true,
-    circular: true,
     data_list_loding_status: 1,
     data_bottom_line_status: false,
     data_list: [],
+    banner_list: [],
+    navigation: [],
     common_shop_notice: null,
     common_app_is_enable_search: 1,
     common_app_is_enable_answer: 1,
@@ -41,9 +38,9 @@ Page({
         if (res.data.code == 0) {
           var data = res.data.data;
           self.setData({
-            data_list: data.data_list,
-            indicator_dots: (data.data_list.length > 1),
-            autoplay: (data.data_list.length > 1),
+            banner_list: data.banner_list || [],
+            navigation: data.navigation || [],
+            data_list: data.data_list || [],
             common_shop_notice: data.common_shop_notice || null,
             common_app_is_enable_search: data.common_app_is_enable_search,
             common_app_is_enable_answer: data.common_app_is_enable_answer,

public/appmini/old/alipay/pages/index/index.json

 {
     "pullRefresh": true,
     "usingComponents": {
-        "component-home-nav": "/components/home-nav/home-nav",
-        "component-home-banner": "/components/home-banner/home-banner"
+        "component-icon-nav": "/components/icon-nav/icon-nav",
+        "component-slider": "/components/slider/slider"
     }
 }
\ No newline at end of file