具体情况是这样的：     一个收货地址列表，列表里的每项是一个组件(就是列表渲染的是组件)，组件里面的删除操作是滑屏后显示删除按钮后，再点击删除才能删除(就是删除按钮一开始在可视范围外，具体看交互看图片)。     现在，我对中间的地址项进行删除操作(这时候这个子项添加了css的transform: translate(-120rpx, 0)来显示删除按钮)。这时候点击删除功能是正常，但下一个组件竟然继承了这个子项的css偏移量(就是下一个组件的删除按钮竟然直接显示而不需要滑动了)。 删除实现方式：     组件点击删除后，通过that.triggerEvent("delAddress", {id: id});交给父级操作ListData数据去删除这个组件的数据(删除功能是正常的，但css会被继承)。 已测试操作：     对wx:key进行了增加和删除测试，但问题还是存在。 具体图片： [图片] [图片] [图片] 具体的组件的代码： // component/footer/footer.js var app = getApp(); // var state = { //怕用户一直双击或者ajax速度慢等问题，防止双击，目前代码已经注释，但还是有这个问题 //     sw: { //         delAjaxIng: false //     } // }; Component({     /**      * 组件的属性列表      */     properties: {         itemData: {             type: Object,             value: {                 id: 10,                 consignee: "李四",                 region_id: 0,                 is_default: 0,                 phone: "150****123",                 street: "广东省广州市天河区天河路xxx"             }         }     },     /**      * 组件的初始数据      */     data: {         delW: 0,  //控制滑动多少实现偏移，因为rpx转设备实际像素，所以需要转换         startX: 0, //touchstart时的坐标，根据可视范围记录         moveX: 0, //touchmove时的坐标，根据可视范围记录         endX: 0, //touchend时的坐标，根据可视范围记录         transformCss: "transform: translate(0rpx, 0)", //视图的根据这个样式进行渲染的         transitionCss: "",         isTouchMove: false, //开发时发现，直接点击页面会跳过touchmove事件     },     ready: function () {         this.setData({             delW: Math.ceil(winInfo.windowWidth / 750 * 120 * 1.8),         });     },     /**      * 组件的方法列表      */     methods: {         detached: function() {             console.log("ddddddddddd")         },         delAddress: function() {             var that = this;             // if (state.sw.delAjaxIng) {             //     return false;             // }             var id = that.data.itemData.id;             var url = '/shipping_address/delete_shipping_address';             //state.sw.delAjaxIng = true;             //ajax进行了封装，方便公用。默认Post方式提交             app.Lyj.fn.ajax({                 url: url,                 data: {                     id: id                 }             }).then(function (rec) {                 //state.sw.delAjaxIng = false;                 var fullData = rec || {};                 var respData = fullData.data || {};                 var data = respData.data || {};                 console.log(data)                 if (respData.code == 200) {                     that.triggerEvent("delAddress", {id: id});                 } else {                     wx.showToast({                         icon: "none",                         title: respData.message,                     });                 }             }, function () {                 //state.sw.delAjaxIng = false;             });         },         touchStart: function (e) {             this.setData({                 startX: e.touches[0].clientX,                 transitionCss: "" //需要清空transition             });             //console.log("start", e.touches[0].clientX);         },         touchMove: function (e) {             var endX = this.data.endX;             var moveX = e.touches[0].clientX;             this.setData({                 isTouchMove: true,                 moveX: moveX,                 transformCss: "transform: translate(" + (moveX - this.data.startX + endX) + "rpx, 0);"             });         },         touchEnd: function (e) {             //直接点击会不触发touchmove             if (!this.data.isTouchMove) {                 return false;             }             var x = this.data.moveX - this.data.startX;             var endX = this.data.endX;             var absX = Math.abs(x);             var delW = this.data.delW;             //console.log("xxxxx:" + x, "startX:" + this.data.startX, "moveX:" + this.data.moveX, "endX:" + endX, "delW:" + delW)             this.setData({                 startX: 0,                 transitionCss: "transition: all .4s;"             });             if (endX < 0) {                 if (x < 0) {                     x = endX;                     this.setData({                         transformCss: "transform: translate(" + x + "rpx, 0);",                         endX: x                     });                 }                 else {                     if (x >= delW) {                         x = 0;                         this.setData({                             transformCss: "transform: translate(" + x + "rpx, 0);",                             endX: x                         });                     }                     else {                         x = -120;                         this.setData({                             transformCss: "transform: translate(" + x + "rpx, 0);",                             endX: x                         });                     }                 }             }             else {                 if (x >= 0) {                     x = 0;                     this.setData({                         transformCss: "transform: translate(" + x + "rpx, 0);",                         endX: x                     });                 }                 else {                     if (absX > delW) {                         x = -120;                         this.setData({                             transformCss: "transform: translate(" + x + "rpx, 0);",                             endX: x                         });                     }                     else {                         x = 0;                         this.setData({                             transformCss: "transform: translate(" + x + "rpx, 0);",                             endX: x                         });                     }                 }             }         }     } }) 希望遇到过此问题或者知道是什么原因触发此问题的各位指教下。。。提前谢谢了~~