做360优化网站都有哪家,豫建市2021 42号,北京百度网站排名优化,0网站建设公司宣传册目录
首页#xff1a;
发现#xff1a;
购物车#xff1a;
我的#xff1a; 分析一个项目讲究的是如何进行对项目的解析分解#xff0c;进一步了解项目的整体结构#xff0c;熟悉项目的结构#xff0c;能够知道每个组件所处在哪个位置#xff0c;发挥什么作用。
接…目录
首页
发现
购物车
我的 分析一个项目讲究的是如何进行对项目的解析分解进一步了解项目的整体结构熟悉项目的结构能够知道每个组件所处在哪个位置发挥什么作用。
接下来我们进一步分析本次项目
各个页面的分布情况
首页
!--pages/index/index.wxml--
page idpaget-nav-bar title首页 visible{{false}} background#FFF btn-color{{nav_bar_btn_color}} text-color#333 /t-search-bar placeholder搜索商城内所有商品 is-border{{false}} fixed/t-search-barview classbg-white pl-20 pr-20t-swiper list{{swiperList}} bind:clickhandleSwiperClick border-radius10rpx shapesquare height230rpx active-color{{sub_color}}/t-swipert-menu list{{menuList}} bind:clickhandleMenuClick/t-menu/viewview classp-20view classflex justify-between flex-wrapgoods url{{item.url}} name{{item.name}} price¥{{item.price}} wx:for{{goodsList}} wx:keyunique data-url/pagesGoods/detail/index bindtaprouteToNext/goods/view/view
/page其页面如下 搜索框使用了 “t-search-bar”组件轮播图方面使用了“t-swiper”组件菜单方面使用了“t-menu”组件商品方面使用了分包中 data-url/pagesGoods/detail/index 点击事件进行跳转
分类页面
!--pages/classify/index.wxml--
page idpageview classheadert-nav-bar title分类 visible{{false}} background#FFF btn-color{{nav_bar_btn_color}} text-color#333 /t-search-bar placeholder搜索商城内所有商品 is-border{{false}}/t-search-bar/viewt-tabs directionvertical offset{{offset}} current{{current}} color{{main_color}} bindchangehandleChanget-tab key{{item.key}} wx:for{{tabList}} title{{item.name}} wx:keyunique/t-tabview classp-10 slotcontentview classbg-white p-20 border-radiusviewview classclassify-title精品茶具/viewview classflex flex-wrapview classclassify-cell wx:for{{list}} wx:keyuniquet-image src{{item.url}} t-classclassify-image/t-imageview classclassify-name{{item.name}}/view/view/view/view/view/view/t-tabs
/page
其页面如下 搜索框使用了“t-search-bar”组件侧边框使用了“t-tab”组件
发现
!--pages/discover/index.wxml--
page idpaget-nav-bar title发现 visible{{false}} background#FFF btn-color{{nav_bar_btn_color}} text-color#333 /t-search-bar placeholder搜索文章 is-border{{false}}/t-search-bart-tabs current{{ current }} color{{main_color}} bindchangehandleChanget-tab key{{item.key}} wx:for{{tabList}} title{{item.name}} wx:keyunique/t-tab/t-tabsview classp-20paging page-count{{1}} emptyText暂无找到相关文章 emptyImage/images/common/empty_discover.pngviewt-cell t-classborder-radius-t pt-20 pb-20t-image classdiscover-avatar t-classdiscover-avatar sloticon src/images/common/logo.png/t-imageview classflex align-center justify-between slotcontentview classflex align-centerview classtext-gray text-df ellipsis甑选商城/view/viewview classtext-sm text-gray68 浏览/view/view/t-cellview classbg-white pl-20 pr-20 pt-10 pb-20 border-radius-bview classtext-df text-black品茶品的是茶味还是人生/viewview classdiscover-contentview classdiscover-desc茶只是一杯茶晨起日落生命有它陪伴不曾离开不可或缺。/viewt-image classdiscover-image src{{images.goods1}}/t-image/view/view/view/paging/view
/page
其页面如下 搜索框使用了“t-search-bar”组件tab框使用了“t-tab”组件内容部分使用了“t-cell”组件“t-image”组件
购物车
!--pages/shopping-cart/index.wxml--
page idpaget-nav-bar title购物车 visible{{false}} background#FFF btn-color{{nav_bar_btn_color}} text-color#333 /paging page-count{{3}} top{{0}} emptyText购物车还是空的 emptyImage/images/common/empty_shopping_cart.pngview classmt-20t-cell wx:for{{shoppingCartList}} wx:keyuniqueview sloticon classflex align-centerview classpl-5 pr-5radio color{{main_color}} checked{{item.checked}} data-index{{index}} catchtapradioChange/radio/viewt-image classshopping-cart-image src{{item.url}}/t-image/viewview classshopping-cart-content flex flex-direction justify-between ml-10 slotcontentviewview classflex align-center cell text-lg ellipsis-l2{{item.name}}/viewview classflex align-center cell text-sm{{item.spec}}/view/viewview classshopping-cart-price flex justify-between text-lgtext classtext-red{{item.price}}/textviewt-input-number visible custom-color{{main_color}} data-index{{index}} value{{item.num}} min0 max1000 bindchangebindInputNumber inputTypenumber/t-input-number/view/view/view/t-cell/viewt-submit-bar t-classbutton-submit text去结算(1) bgcolor{{main_color}} z-index9999 border bind:submitconfirmview slotleft classflex align-center text-dfradio color{{main_color}} checked{{item.checked}} catchtapcheckAll/radioview classml-20 mr-20全选/viewview classflex align-centertext合计/texttext classtext-red text-lg¥198.00/text/view/view/t-submit-bar/paging
/page
其页面如下 内容部分使用了“t-cell”组件“t-input-number”组件
我的
!--pages/mine/index.wxml--
page idpaget-nav-bar title我的 visible{{false}} background{{main_color}} btn-color{{nav_bar_btn_color}} text-color{{nav_bar_text_color}} /view classmine-wrapview classmine__bg stylebackground-color:{{main_color}};background-image: url(/images/mine/header.png);view classmine__infoimage classmine__bg--avatar stylebackground: {{main_color}} src../../images/mine/avatar.png/imageview classmine__info--cell bindtap{{userInfo.userId?:routeToLogin}}view classmine__info--name{{userInfo.userId?userInfo.nickname:立即登录}}/viewview classmine__info--desc{{userInfo.userId?today:登录体验完整功能}}/view/view/view/viewview classmine__cell-wrapview classmine__order mine__cell border-radiusview classflex justify-between align-center pl-30 pr-30 pt-20 pb-20 border-bview classtext-lg我的订单/viewview classtext-sm text-gray border border-radius pl-10 pr-10 pt-5 pb-5查看全部/view/viewview classflex justify-around pt-30 pb-30view classflex flex-direction align-centerview classtext-xl mb-5100/viewview classtext-sm text-gray待付款/view/viewview classflex flex-direction align-centerview classtext-xl mb-50/viewview classtext-sm text-gray待发货/view/viewview classflex flex-direction align-centerview classtext-xl mb-50/viewview classtext-sm text-gray待收货/view/viewview classflex flex-direction align-centerview classtext-xl mb-50/viewview classtext-sm text-gray已完成/view/view/view/viewview classmine__cell mt-20t-cell open-type{{item.openType}} title{{item.name}} data-isauth{{item.isauth}} data-url{{item.url}} bindtaprouteToNext t-class{{index0?border-radius-t:(index1moduleList.length?border-radius-b:)}} border isLink wx:for{{moduleList}} wx:keyuniqueiconfont sloticon icon{{item.icon}} color{{main_color}} size40rpx //t-cell/viewview classmine__cell mt-20t-cell open-type{{item.openType}} title{{item.name}} data-isauth{{item.isauth}} data-url{{item.url}} bindtaprouteToNext t-class{{index0?border-radius-t:(index1moduleList.length?border-radius-b:)}} border isLink wx:for{{moduleExtraList}} wx:keyuniqueiconfont sloticon icon{{item.icon}} color{{main_color}} size40rpx //t-cell/view/view/view
/page
其页面如下 内容部分使用了“t-cell”组件
