一、 前端UI设计讲解

　　首页UI画面布局及按钮展示

　　——————首页标题栏展示品牌LOGO及搜索按钮，极简式设计。

　　——————四个选项卡按钮分别为：

　　推荐：显示设定时间内(如一周内)的高赞高评热门文章进行排序推送至首页推荐选项卡，递减式排序推送十篇文章。

　　最新：显示最新发布的文章。

　　资讯：按时间排序显示企业或行业相关新闻。

　　活动：线上APP或门店活动消息推送及预告

　　——————banner图片幻灯片3张，显示图片和标题，标题文字为白色并配合半透明毛玻璃效果背景，突出但不突兀，点击图片或标题可跳转至指定页面。

　　——————文章作者头像、昵称及关注按钮

　　——————文章标题及副标题显示

　　——————文章TAP标签，点击进入同类型文章推荐页面

　　——————文章配图自动裁切合适大小并显示。

　　——————文章发布时间、点赞数量和评论数量显示。

　　——————底部导航按钮：

　　社区：即首页按钮，点击返回至首页

　　好物：积分商城按，点击后进入积分商城

　　爱车：点击后进入选车页面

　　消息：排列显示订单消息、客服通知、私信消息

　　我的：点击进入个人中心

　　好物页面UI画面布局

　　——————商城客服按钮，点击进入客户系统。

　　———————商品分类选项卡

　　———————热销商品、新品banner图

　　———————商品详情图、商品标题、商品副标题、商品价格展示，点击进入商品详情页面。

　　爱车页面UI画面布局

　　——————顶部快捷搜索框，快速找到心仪车型。

　　———————车源排序筛选

　　———————车辆缩略图、品、车型、价格等参数展示。我的页面UI画面布局

　　———————用户头像、昵称、可用积分展示，头像和昵称可直接获取微信头像、昵称。积分可用于商城消费抵扣或线下门店洗车保养抵扣。

　　———————邀请好友功能，可生成用户推广码，被邀请人在平台上购买商品后，邀请人可获得佣金。

　　———————我的订单，点击后进入订单详情列表

　　———————我的卡券，在此可查看所有领取后的卡券，卡券分为现金优惠券和计次券，计次券可用于如洗车、保养类核销扣除，在商城可用积分或现金购买。现金券(满减券)用于商城购买抵扣使用，计次券主要用于线下核销使用

　　获得卡券的方式有2种，一种是商品首页领取，还有一种是购买对应等级的会员商品获得

　　———————设置功能，进入后新增或更改收货地址、绑定手机等操作。

　　———————关于，点击后显示小程序企业简介。