支付宝小程序自定义组件优化

public/appmini/old/alipay/app.js

@@ -50,7 +50,7 @@ App({
 
     // 请求地址
     request_url: "{{request_url}}",
-    //request_url: "http://test.shopxo.net/",
+    request_url: "https://test.shopxo.net/",
     //request_url: 'http://tp5-dev.com/',
 
     // 基础信息

public/appmini/old/alipay/components/home-banner/home-banner.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/home-banner/home-banner.js

@@ -2,74 +2,20 @@ 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();
+  props: {
+    data: []
   },
+  didMount() {},
   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.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/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();
+  data: {},
+  props: {
+    data: []
   },
+  didMount() {},
   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: "服务器请求出错"
-          });
-        }
-      });
-    },
-
+  methods: {
     // 操作事件
     nav_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-home-banner data="{{banner_list}}" />
 
   <!-- 导航 -->
-  <component-home-nav />
+  <component-home-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,