【实践】模仿京东商城小程序（带源代码）
小程序开发
浏览：1382 次
最近，我学会了使用小程序开发和开发一个模仿京东商城的app，效果如下：
模仿京东商城
模仿京东商城的app基本实现了首页搜索、商品分类列表、购物车等功能。项目结构如下：
项目结构
例如购物车功能，创建shoppingCart。页面下的wxml文件：
<视图>
全选
<视图>
总计：
｛｛totalPrice｝｝
<视图>
要素
样式购物车.wxss：
/*迷你程序/页面/购物车/购物车。wxs软件*/
.内容{
font-family:“Microsoft YaHei”；
高度：200px；
背景色：#f9f9f9；
}
.背景{
背景：#f5f5f5；
显示器：柔性；
弯曲方向：柱；
}
.小时{
高度：12px；
背景色：#f9f9f9；
}
.地址{
高度：25px；
背景色：#fff；
显示器：柔性；
弯曲方向：行；
}
描述{
行高：42px；
左填充：10px；
字体大小：15px；
颜色：#f00；
}
.详细信息{
位置：绝对；
右：10px；
行高：42px；
}
.info信息{
背景色：#fff；
}
.ssc文件{
文本对齐：居中；
}
.线{
边框：1px实心#ccc；
不透明度：0.2；
}
.接收{
显示器：柔性；
弯曲方向：行；
填充：10px；
}
.时间{
显示器：柔性；
弯曲方向：行；
}
.左侧{
宽度：50%；
文本对齐：左对齐；
字体大小：15px；
font-weight:粗体；
}
.右侧{
宽度：50%；
文本对齐：左对齐；
字体大小：15px；
颜色：#5dafed；
法罗群岛
