实例介绍
1,实现的需求 1)首页:标题栏获取用户当前位置,使用腾讯api实现定位,不用弹窗出现用户授权, 进入首页,获取附近商铺的列表 轮播图: 导航栏: (1)向后台发送请求来获取展示的商铺列表,综合排序,筛选实现根据用户 条件请求数据 (2)导航栏出现偏移 商铺列表: (1)带参跳转店铺 网络中断情况: 新页面提示没网,可点击刷新 2)店铺:根据店铺id获取店铺相关信息 头部:动态显示店铺的相关优惠 导航:分别切换菜单,评价,商家 菜单: 商品列表展示:左右联动,动态出现添加数量以及按钮 商品详情展示:弹窗卡片,展示详情,可动态出现添加数量以及按钮 购物车:展示添加进购物车的商品信息,清空结算,
【实例截图】
【核心代码】
demo
└── demo
├── api
│ └── api.js
├── app.js
├── app.json
├── app.wxss
├── common
│ └── sort_list.wxml
├── dist
│ ├── action-sheet
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── alert
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── avatar
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── badge
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── base
│ │ └── index.js
│ ├── button
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── card
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── cell
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── cell-group
│ │ ├── index.js
│ │ ├── index.json
│ │ └── index.wxml
│ ├── checkbox
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── checkbox-group
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── col
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── collapse
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── collapse-item
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── count-down
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── divider
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── drawer
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── grid
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── grid-icon
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── grid-item
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── grid-label
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── icon
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── index
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── index-item
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── input
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── input-number
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── load-more
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── message
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── modal
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── notice-bar
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── page
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── panel
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── progress
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── radio
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── radio-group
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── rate
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── row
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── slide
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── spin
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── step
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── steps
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── sticky
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── sticky-item
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── swipeout
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── switch
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── tab
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── tab-bar
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── tab-bar-item
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── tabs
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ ├── tag
│ │ ├── index.js
│ │ ├── index.json
│ │ ├── index.wxml
│ │ └── index.wxss
│ └── toast
│ ├── index.js
│ ├── index.json
│ ├── index.wxml
│ └── index.wxss
├── images
│ ├── 1.png
│ ├── 2.png
│ ├── 3.png
│ ├── 4.png
│ ├── 5.png
│ ├── 6.png
│ ├── 7.png
│ ├── 8.png
│ ├── address.png
│ ├── down.png
│ ├── home-selected.png
│ ├── home.png
│ ├── home_1.jpg
│ ├── home_2.jpg
│ ├── home_3.jpg
│ ├── home_4.jpg
│ ├── location.png
│ ├── logo11.jpg
│ ├── my-selected.png
│ ├── my.png
│ ├── order-selected.png
│ ├── order.png
│ ├── screen.png
│ ├── search.png
│ ├── select.png
│ ├── sort_select.png
│ ├── store_商家.jpg
│ ├── store_商家.png
│ ├── store_地址.png
│ ├── store_时间.png
│ ├── store_档案.png
│ ├── store_电话.png
│ ├── store_配送.png
│ ├── trolley.png
│ ├── yuewei.png
│ ├── 赞.png
│ ├── 踩.png
│ ├── 图评.jpg
│ ├── 店铺.jpg
│ ├── 位置.png
│ ├── 信息.png
│ ├── 写入.png
│ ├── 删除.png
│ ├── 卡券.png
│ ├── 地址.png
│ ├── 客服.png
│ ├── 对勾.png
│ ├── 帮助.png
│ ├── 手机.png
│ ├── 搜索.png
│ ├── 时间.png
│ ├── 标签.png
│ ├── 电话.png
│ ├── 相机.png
│ ├── 红包.png
│ ├── 跳转.png
│ ├── 闪电.png
│ ├── 餐厅.png
│ ├── 点外卖.gif
│ ├── 购物车.png
│ ├── 购物车_1.png
│ ├── 帮助中心.png
│ └── 用户协议.png
├── pages
│ ├── addlocation
│ │ ├── addlocation.js
│ │ ├── addlocation.json
│ │ ├── addlocation.wxml
│ │ └── addlocation.wxss
│ ├── archives
│ │ ├── archives.js
│ │ ├── archives.json
│ │ ├── archives.wxml
│ │ └── archives.wxss
│ ├── choselocation
│ │ ├── choselocation.js
│ │ ├── choselocation.json
│ │ ├── choselocation.wxml
│ │ └── choselocation.wxss
│ ├── deletelocation
│ │ ├── deletelocation.js
│ │ ├── deletelocation.json
│ │ ├── deletelocation.wxml
│ │ └── deletelocation.wxss
│ ├── evaluated
│ │ ├── evaluated.js
│ │ ├── evaluated.json
│ │ ├── evaluated.wxml
│ │ └── evaluated.wxss
│ ├── home
│ │ ├── home.js
│ │ ├── home.json
│ │ ├── home.wxml
│ │ └── home.wxss
│ ├── location
│ │ ├── location.js
│ │ ├── location.json
│ │ ├── location.wxml
│ │ └── location.wxss
│ ├── login
│ │ ├── login.js
│ │ ├── login.json
│ │ ├── login.wxml
│ │ └── login.wxss
│ ├── loginbyphone
│ │ ├── loginbyphone.js
│ │ ├── loginbyphone.json
│ │ ├── loginbyphone.wxml
│ │ └── loginbyphone.wxss
│ ├── logs
│ │ ├── logs.js
│ │ ├── logs.json
│ │ ├── logs.wxml
│ │ └── logs.wxss
│ ├── my
│ │ ├── my.js
│ │ ├── my.json
│ │ ├── my.wxml
│ │ └── my.wxss
│ ├── mylocation
│ │ ├── mylocation.js
│ │ ├── mylocation.json
│ │ ├── mylocation.wxml
│ │ └── mylocation.wxss
│ ├── order
│ │ ├── order.js
│ │ ├── order.json
│ │ ├── order.wxml
│ │ └── order.wxss
│ ├── orderdetails
│ │ ├── orderdetails.js
│ │ ├── orderdetails.json
│ │ ├── orderdetails.wxml
│ │ └── orderdetails.wxss
│ ├── scroll
│ │ ├── scroll.js
│ │ ├── scroll.json
│ │ ├── scroll.wxml
│ │ └── scroll.wxss
│ ├── search
│ │ ├── search.js
│ │ ├── search.json
│ │ ├── search.wxml
│ │ └── search.wxss
│ ├── settlement
│ │ ├── settlement.js
│ │ ├── settlement.json
│ │ ├── settlement.wxml
│ │ └── settlement.wxss
│ └── store
│ ├── store.js
│ ├── store.json
│ ├── store.wxml
│ └── store.wxss
├── project.config.json
├── style
│ ├── base
│ │ ├── fn.wxss
│ │ ├── mixin
│ │ │ ├── setArrow.wxss
│ │ │ ├── setOnepx.wxss
│ │ │ └── text.wxss
│ │ ├── reset.wxss
│ │ └── variable
│ │ ├── color.wxss
│ │ ├── global.wxss
│ │ ├── weui-button.wxss
│ │ ├── weui-cell.wxss
│ │ ├── weui-dialog.wxss
│ │ ├── weui-grid.wxss
│ │ ├── weui-msg.wxss
│ │ └── weui-progress.wxss
│ ├── weui.wxss
│ └── widget
│ ├── weui-agree
│ │ └── weui-agree.wxss
│ ├── weui-animate
│ │ └── weui-animate.wxss
│ ├── weui-button
│ │ └── weui-button.wxss
│ ├── weui-cell
│ │ ├── weui-access.wxss
│ │ ├── weui-cell.wxss
│ │ ├── weui-check.wxss
│ │ ├── weui-form
│ │ │ ├── weui-form-preview.wxss
│ │ │ ├── weui-form_common.wxss
│ │ │ ├── weui-select.wxss
│ │ │ └── weui-vcode.wxss
│ │ ├── weui-form.wxss
│ │ ├── weui-switch.wxss
│ │ └── weui-uploader.wxss
│ ├── weui-flex
│ │ └── weui-flex.wxss
│ ├── weui-footer
│ │ └── weui-footer.wxss
│ ├── weui-grid
│ │ └── weui-grid.wxss
│ ├── weui-loading
│ │ └── weui-loading.wxss
│ ├── weui-media-box
│ │ └── weui-media-box.wxss
│ ├── weui-page
│ │ ├── weui-article.wxss
│ │ └── weui-msg.wxss
│ ├── weui-panel
│ │ └── weui-panel.wxss
│ ├── weui-progress
│ │ └── weui-progress.wxss
│ ├── weui-searchbar
│ │ └── weui-searchbar.wxss
│ ├── weui-tab
│ │ ├── weui-navbar.wxss
│ │ └── weui-tab.wxss
│ └── weui-tips
│ ├── weui-badge.wxss
│ └── weui-loadmore.wxss
└── utils
├── address.js
├── home.js
├── qqmap-wx-jssdk.js
├── request.js
├── store.js
└── util.js
97 directories, 388 files
标签:
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论