JSFiddle - React, Tailwind, and code Playground

JavaScript

enyo.kind({
            name: "ContactItem2",
            events: {
                onRemove: ""
            },    
            components: [
                    //{fit:true},
                    {components: [
                        {name: "avatar", kind: "Image", classes: "avatar"},
                         {tag:"br"},
                         {name: "name", classes: "description"},    
                     ]},         
                    {components: [
                        {name: "title",tag: "div",style: "font-size:28px; word-wrap: break-word;",allowHtml: true},
                            
                        {name: "time", classes: "description"}
                    ]},
                    {name: "remove", kind: "onyx.IconButton", classes: "remove-button", src: "source/story/images/remove-icon.png", ontap: "removeTap"}    
            ],
            distanceOfTimeInWords:function(timestampInPage){
               var timestampNow = Math.round(new Date().getTime()/1000);
               var dif = timestampNow-timestampInPage;
               var outPut ="";
            if (dif<=15) outPut ="刚才";
               else if(dif<60) outPut=dif+"秒前";
               else if(dif<3600) outPut=Math.round(dif/60)+"分钟前";
               else if(dif<86400) outPut=Math.round(dif/3600)+"小时前";
               else {
                   var date = new Date(timestampInPage*1000);
                   var hours = date.getHours();
                   var minutes =date.getMinutes();
                   if(hours<10) hours = "0"+hours;
                   if(minutes<10) minutes="0"+minutes;
                outPut = date.getMonth()+1+"-"+(date.getDate()+1)+" "+hours+":"+minutes;
               }
               return outPut;
            },            
            setContact: function(inContact) {
                            this.$.title.setContent(inContact.content);
                            this.$.name.setContent(inContact.name);
                           ...