定陶网站建设,蓝鸟E4A做网站程序,万网域名注册备案,企业网站推广的方法有搜索引擎推广引言#xff1a;外卖已经成为了都市人的必备#xff0c;在无数个来不及#xff08;懒得#xff09;做饭的时刻拯救孤单寂寞的胃。美团外卖无疑是外卖届的领头羊#xff0c;它的很多功能与设计都值得我们学习。本文将从五个方面#xff0c;对美团外卖展开产品分析#xf…引言外卖已经成为了都市人的必备在无数个来不及懒得做饭的时刻拯救孤单寂寞的胃。美团外卖无疑是外卖届的领头羊它的很多功能与设计都值得我们学习。本文将从五个方面对美团外卖展开产品分析希望对你有帮助。
一.首页
部分代码
view classcontainerview classheader {{scrollDown?scrolled:}}view classlocation ellipsis bindtaptoNearbyimage classicon src/imgs/index/icon_location.png/{{address}}/viewview classsearch bindtaptapSearchimage classicon src/imgs/index/icon_search.png/i classfa fa-home/i烤鸭/view/viewscroll-view scroll-ytrue scroll-into-view{{scrollIntoView}} bindscrollonScrollswiper classbanner indicator-dotstrue autoplaytrue interval3000 duration500block wx:for{{banners}} wx:keyidswiper-itemimage bindtaptapBanner data-id{{index}} src{{item.img}}//swiper-item/block/swiperswiper classsection icons indicator-dotstrue autoplay interval duration500swiper-item wx:for{{icons}} wx:for-itemlist wx:keyidview classicon wx:for{{list}} wx:for-itemicon wx:keyid bindtaptoNearbyimage src{{icon.img}}/text{{icon.name}}/text/view/swiper-item/swiperview classsection section-big discountview classtitle优惠专区/viewimage classcontent bindtaptoNearby srchttp://wxapp.im20.com.cn/impublic/waimai/imgs/index/dicount.jpg//viewview classsection section-big preferredview classtitle为你优选/viewimage classcontent bindtaptoNearby srchttp://wxapp.im20.com.cn/impublic/waimai/imgs/index/preferred.jpg//viewview classsection section-big specialview classtitle特色频道/viewimage classcontent bindtaptoNearby srchttp://wxapp.im20.com.cn/impublic/waimai/imgs/index/special.jpg//viewview idnearby classsection section-big nearbyview classtitle附近商家/viewview classfiltersview classfilter {{filterId1?active:}} data-id1 bindtaptapFilter综合排序text classv↓/text/viewview classfilter {{filterId2?active:}} data-id2 bindtaptapFilter销量最高text classv↓/text/viewview classfilter {{filterId3?active:}} data-id3 bindtaptapFilter距离最近text classv↓/text/view/viewview classshop wx:for{{shops}} wx:keyidnavigator url/page/shop/shop?id{{item.id}}image src{{item.img}}//navigator/view/viewview classloading努力加载中…/view/scroll-view
/view效果图 下拉 二.详情页
部分代码
view classcontainerview classheader {{scrollDown?hidden:}}image classlogo src{{shop.logo}}/view classname ellipsis{{shop.name}}/viewview classwelcome ellipsis公告欢迎光临{{shop.name}}/viewview classfollow bindtapfollow{{followed?已收藏:收藏}}/viewview classline/viewview classdesc{{shop.desc}}/view/viewview classcontent-containerscroll-view classclassify-container scroll-ytrueview classclassify {{classifySeletedclassify.id?active:}} wx:for{{goodsList}} wx:for-itemclassify wx:keyid data-id{{classify.id}} bindtaptapClassifyview classname{{classify.classifyName}}/view/view/scroll-viewscroll-view classgoods-container scroll-ytrue scroll-into-view{{classifyViewed}} bindscrollonGoodsScrollview wx:for{{goodsList}} wx:for-itemclassify wx:keyid id{{classify.id}}view classtitle{{classify.classifyName}}/viewview classgoods wx:for{{classify.goods}} wx:for-itemid wx:key*thisimage classpic src{{goods[id].pic}}/imageview classname ellipsis{{goods[id].name}}/viewview classsold月售{{goods[id].sold}}/viewview classprice{{goods[id].price}}/viewview classaddCart bindtaptapAddCart data-id{{id}}image src/imgs/shop/plus.png/image/view/view/view/scroll-view/viewview classcart-detail hidden{{!showCartDetail||!cart.count}}view classmask bindtaphideCartDetail/viewview classlistview classitem wx:for{{cart.list}} wx:for-indexid wx:for-itemnum wx:keyidview classname ellipsis{{goods[id].name}}/viewview classtotal{{goods[id].price*cart.list[id]}}/viewview classreduce data-id{{id}} bindtaptapReduceCart-/viewview classnum{{num}}/viewview classadd data-id{{id}} bindtaptapAddCart/view/view/view/viewview classcartview classdata bindtapshowCartDetailview classiconimage src/imgs/shop/cart.png/imageview classcount{{cart.count}}/view/viewview classtotal{{cart.total}}/view/viewform bindsubmitsubmit report-submittrue!--view formTypesubmit classsubmit去结算/view--button classyellow {{cart.count?:disabled}} formTypesubmit disabled{{!cart.count}}去结算/button/form/view
/view效果图 三.我的
部分代码
!--index.wxml--
view classcontainer view classlogin-icon image classlogin-img src/imgs/index/lb.jpg/image /view view classlogin-from !--账号-- view classinputView image classnameImage src/imgs/index/lb.jpg/image label classloginLab账号/label input classinputText placeholder请输入账号
bindinputphoneInput / /view view classline/view
!--密码--
view classinputView image classkeyImage src/imgs/index/lb.jpg/image label classloginLab密码/label input classinputText passwordtrue placeholder请输入密码 bindinputpasswordInput / /view !--相关协议--checkbox-group bindchangebindAgreeChangelabel classweui-agree forweuiAgreeview classweui-agree__textcheckbox classweui-agree__checkbox idweuiAgree valueagree checked{{}} /view classweui-agree__checkbox-iconicon classweui-agree__checkbox-icon-check typesuccess_no_circle size9 wx:if{{isAgree}}/icon/view阅读并同意navigator urlclassweui-agree__link《相关条款》/navigator/view/label/checkbox-group!--按钮-- view classloginBtnView button classloginBtn typeprimary size{{primarySize}}
loading{{loading}} plain{{plain}} disabled{{disabled}}
bindtaplogin登录/button /view /view
/view 今天就分享到此感谢预览~
有源码