wxml文件

xx速递运单号：xxxxxxxxxxxxxxxxxx官方电话 xxxxxxxx{{item % 2 == 0 ? '昨天' : '2018-11-21'}}10:30收运输中【上海市】快件已从上海航空部发出，准备发往深圳转运中心

wxss文件

page {font-size: 0.8rem;
}.topExpress {width: 720rpx;height: 180rpx;background: whitesmoke;margin: 10rpx auto;display: flex;border-radius: 5px;
}.topExpress-left {width: 100rpx;height: 100%;display: flex;justify-content: center;align-items: center;
}.topExpress-right {color: #333;display: flex;justify-content: space-around;flex-direction: column;align-items: flex-start;padding: 20rpx 5rpx;
}.topExpress-right-middle {font-size: 0.8rem;
}.topExpress-right-bottom {color: #666;
}.express-container {width: 720rpx;margin: 10rpx auto;background: whitesmoke;border-radius: 5px;padding: 10rpx 0;
}.express-item {display: flex;width: 100%;justify-content: start;
}.express-middle-axis {display: flex;width: 48rpx;flex-direction: column;align-items: center;justify-content: center;
}.express-left-date {display: flex;width: 300rpx;align-items: center;flex-direction: column;justify-content: center;
}.online-top-closing {width: 1px;height: 80rpx;background: #d7d7d7;
}.dot-closing {width: 10rpx;height: 10rpx;border-radius: 50%;margin-top: 6rpx;margin-bottom: 6rpx;background: #fe4f33;
}.dot-shou {width: 30rpx;height: 30rpx;border-radius: 50%;background: #999;font-size: 18rpx;color: #fff;display: flex;justify-content: center;align-items: center;
}.online-bottom {width: 1px;height: 80rpx;background: #999;
}.express-right {display: flex;flex-grow: 1;flex-direction: column;margin: 0 20rpx;justify-content: center;
}

js文件

// pages/expressDetail/expressDetail.js
Page({/*** 页面的初始数据*/data: {},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {},/*** 生命周期函数--监听页面初次渲染完成*/onReady: function () {},
})

没有处理数据的逻辑，js不需要修改。

预览

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！