JJCook-PC端页面详细说明forEric.pptx

整个图片是轮播图，轮播的话除了2和9的文字内容不换，其余的（包括背景）都会换掉。后台轮播需要有维护界面。 在当前页时，当前页对应的文字变为绿色并加粗，登录后显示注册邮箱或手机号码（右对齐），购物车后数字随购物车内商品数变化 。 【本周特惠】几个字可改。特惠区域的文字可在后台的【文章管理】中维护。点击文字进入【优惠信息】页面special-offers.html。 a）图片可以方便的改动和替换成新的图片 b）图片上面的关于菜的文字是自动从后台抓取：套餐名、人份（后台需新增此字段，仅套餐）、单品名、促销价、原价 c）鼠标移到某张图片的时候会如第4行闪电闪电的半透明浮层效果（原本左下角文字会消失）。该图片如果是菜品的话，浮层的文字从后台抓取。如果是促销内容的话，浮层的文字可以有办法方便的手动添加（促销图片，鼠标经过没有浮层，如有链接，鼠标会变化手指提示点击，点击可直接连接到相关页面）。d）“人气”“new”等icon都是从后台抓取自动显示。 评论区域的文字可以在后台【文章管理】中维护。这部分的文字会有轮播效果，文字轮换但背景图片不变。（文字最多两行，居中，落款会自动下移） 【我们的承诺】几个字可改。承诺区域，鼠标移到某个画面的时候会有浮层变高的效果，点击进入【了解更多】页面more.html。 【我们的伙伴】几个字可改。其余部分是一个图片，可以方便的替换成新的图片。如果此区域没有图片的话，这一部分就压缩掉。 页脚区域的文字和二维码图片，可通过【文章管理】在后台维护。 便捷 新鲜 美味三个区块 是3个按钮，鼠标经过会自动转到1对应的轮播页。（此条暂不做，待讨论） 以上要求的文字可改，如不特别说明，可在html里直接修改。;文字和icon都是从后台自动抓取，包括：中文名、重量、标签、卖点、用时icon、工具icon 、辣度icon 、难度icon 、荤素icon 、自备调料、促销价、本店售价。 此区域的文字和图标可在后台【文章管理】中维护。“您可能喜欢”在页面中直接修改即可。 推荐的菜品，应该是该单品（或套餐）的关联商品。文字和图标都是从后台自动抓取，鼠标一上去出现加入购物车按钮，点击进入【购物车】shopping-cart.html。点击图片区域，则进入该单品（或套餐）的详情页。 套餐详情的文字、图标、图片都从后台抓取，包括：中文名、重量、标签、卖点、用时icon、工具icon 、辣度icon 、难度icon 、荤素icon 、故事 。默认所有的菜品都是合起状态，只有用户点【展开详情】后才单独展开。点击【单品加入购物车】，则仅选取该单品加入购物车。 这一张图片可替换成新的图片并加链接。 Mainfesto区域的文字和图片可在后台【文章管理】中维护。 鼠标移到左侧小图的时候改图显示在大图的位置，也可以点击大图下面的小点去到相应的图片。当用户浏览器宽度小于1000，无法完整左侧缩略图时，缩略图自动横向显示在大图下方，覆盖……icon，详情见下图。;;1. 左侧1扫码成功后，出现绿色提示文字2－－之后进入手机端（设计待手机版时给出）。 文字只有在1扫码之后出现。 发送验证码按钮一开始是灰色，在输入11位手机号码（需校验：11位阿拉伯数字）后变现在的绿色，在点击后变为本ppt第7页中的样式：灰色“59秒后重发验证码”并倒计时，在59秒倒计时结束后变回绿色如图中的样式。 在两次输入密码一致后6“注册”按钮变绿可点，本来为灰色不可点。 框内文字：“请输入密码。密码为不小于6位的字母或数字的组合。”如第二次输入密码不一致，显示5如图中的错误提示文字。如密码不符合条件，5位置的提示文字为“密码应为不小于6位的字母或数字的组合。” 如果用来注册的手机在系统里面显示已被注册过，则5错误提示文字为“此手机号已被注册，请点击老用户登录，或使用其它手机号注册。” 其他的出错信息： 验证码错： 验证码框变红，“验证码不正确，请重新输入。” 手机号不对：手机号框变红，“手机号码格式不正确，请重新输入。” 密码格式不对：密码框变红，“密码格式不正确，请输入不小于6位的字母或数字的组合。” 第二次密码不一致：密码框变红，“两次密码输入不一致，请重新输入。” 推荐码不对：“推荐码不正确，请重新输入或直接注册”。没有推荐码也可以注册。 ;请参照前一页 ;左侧1扫码成功后，出现绿色提示文字2－－之后进入手机端（设计待手机版时给出）。 2只有在1 扫码成功后出现。 ;1. 发送验证码按钮一开始是灰色，在输入11位手机号码或邮箱后变现在的绿色，点击后再变灰，在59秒倒计时结束后变回绿色。 2. 如用户填写的是邮箱，请在该位置1显示提示信息???验证码已发送至邮箱”。 ;鼠标移到1该商品，则出现绿框以及按钮。参考1号店对应位置的交互。 【您可能会需要