diff --git a/front-end/mall4m/components/production/production.js b/front-end/mall4m/components/production/production.js
index 6d25792..009b9fd 100644
--- a/front-end/mall4m/components/production/production.js
+++ b/front-end/mall4m/components/production/production.js
@@ -1,30 +1,40 @@
 // components/production/production.js
+// 定义一个小程序组件，使用Component函数来创建，组件在小程序中是可复用的独立模块，有自己的属性、数据和方法等
 Component({
-  /**
-   * 组件的属性列表
-   */
-  properties: {
-    item:Object,
-    sts:Number,
-  },
-
+    /**
+     * 组件的属性列表
+     * 这里定义了组件外部可以传入的属性，相当于组件的输入参数，外部使用者可以通过设置这些属性来影响组件的展示或行为等。
+     */
+    properties: {
+        // item属性，类型为Object（对象），具体的对象结构和用途应该由组件的使用场景决定，外部可以传入一个对象数据给组件
+        item: Object,
+        // sts属性，类型为Number（数字），同样其具体含义取决于组件的业务逻辑，外部传入一个数字值给组件
+        sts: Number,
+    },
 
-  /**
-   * 组件的初始数据
-   */
-  data: {
 
-  },
+    /**
+     * 组件的初始数据
+     * 这里定义组件内部私有的数据，在组件的生命周期内可以对这些数据进行修改、操作，初始时可以为空对象，后续可根据业务逻辑添加相应的数据。
+     */
+    data: {
 
-  /**
-   * 组件的方法列表
-   */
-  methods: {
-    toProdPage: function (e) {
-      var prodid = e.currentTarget.dataset.prodid;
-      wx.navigateTo({
-        url: '/pages/prod/prod?prodid=' + prodid,
-      })
     },
-  }
-})
+
+    /**
+     * 组件的方法列表
+     * 这里定义了组件内部可以调用的方法，用于实现各种功能，比如响应事件、进行数据处理等。
+     */
+    methods: {
+        // toProdPage方法，用于处理跳转到产品详情页面的功能，通常是在某个用户交互事件触发时调用，比如点击某个元素等情况。
+        toProdPage: function (e) {
+            // 从事件对象e的currentTarget.dataset中获取名为prodid的数据，这个数据应该是在页面元素上通过自定义数据属性（data-*）绑定的产品ID相关信息
+            var prodid = e.currentTarget.dataset.prodid;
+            // 使用wx.navigateTo API进行页面跳转，跳转到名为'/pages/prod/prod'的页面，并将获取到的产品ID（prodid）作为查询参数传递过去，
+            // 这样目标页面可以根据这个参数获取并展示对应的产品详情信息。
+            wx.navigateTo({
+                url: '/pages/prod/prod?prodid=' + prodid,
+            })
+        },
+    }
+})
\ No newline at end of file