✨ feat(购物界面): 完成购物界面50%

build/custom-tab-bar/index.js

@@ -0,0 +1 @@
+"use strict";(wx.webpackJsonp=wx.webpackJsonp||[]).push([[23],{9927:function(e,t,n){var a=n(9975),i=n(1515),c="index-module__customTabBar___AIoAM",o="index-module__customTabBar-line___ClC6e",s="index-module__customTabBar-item___Xo7Pa",u="index-module__customTabBar-item-title___ua8eB",d="index-module__selected___pDY_D",r=n(6666),_=n(6408),l=n.n(_),m=n(2535),b=n.n(m),x=n(9194),f=n(2934),p=n(4119),h=n(5513),T=function CustomTabBar(){var e=(0,x.v)((function(e){return e.tabBarData})),t=e.selectedId,n=e.tabItem,a=(0,f.useDispatch)(),_=function handleSelectTabItem(e){return function(){var t;m(e),b().switchTab({url:null===(t=n.find((function(t){return t.id===e})))||void 0===t?void 0:t.pagePath})}},m=function setSelected(e){a({type:p.g.SET_SELECTED,data:{tabItem:n,selectedId:e}})};return(0,h.jsxs)(i.G7,{className:c,children:[(0,h.jsx)(i.G7,{className:o}),n.map((function(e,n){return(0,h.jsxs)(i.G7,{className:l()(s,u,t===e.id?d:""),onClick:_(e.id),children:[(0,h.jsx)(r.Z,{name:Number(t)===e.id?e.selectedIconPath:e.iconPath,size:56}),(0,h.jsx)(i.G7,{children:e.text})]},n)}))]})};Component((0,a.createComponentConfig)(T,"custom-tab-bar/index"))}},function(e){e.O(0,[107,592],(function(){return t=9927,e(e.s=t);var t}));e.O()}]);

build/custom-tab-bar/index.json

@@ -0,0 +1 @@
+{"component":true}

build/custom-tab-bar/index.wxml

@@ -0,0 +1,2 @@
+<import src="../base.wxml"/>
+<template is="taro_tmpl" data="{{root:root}}" />

build/custom-tab-bar/index.wxss

@@ -0,0 +1 @@
+.index-module__common_safe_area_y___eJgki{height:constant(safe-area-inset-bottom);height:env(safe-area-inset-bottom);width:100%}.index-module__full-100___Q4xu3{height:100%;width:100%}.index-module__color-blue___NplGb{color:#3287ec}.index-module__color-yellow___j7wtp{color:#ff9100}.index-module__color-green___X9kfh{color:#00b837}.index-module__color-grey___bk4wc{color:#707070}.index-module__color-white___fjpqR{color:#fff}.index-module__customTabBar___AIoAM{background-color:#fff;bottom:0;-webkit-box-shadow:0 11rpx 7rpx 8rpx #c2c2c2;box-shadow:0 11rpx 7rpx 8rpx #c2c2c2;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;height:100rpx;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;width:100%;z-index:98}.index-module__customTabBar-line___ClC6e{height:1px;left:0;position:absolute;top:0;-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);transform:scaleY(.5);width:100%}.index-module__customTabBar-item___Xo7Pa{-ms-flex-pack:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-justify-content:center;justify-content:center;text-align:center}.index-module__customTabBar-item-icon___lq9zt{font-size:60rpx;height:56rpx;width:56rpx}.index-module__customTabBar-item-title___ua8eB{font-size:20rpx;margin-top:10rpx}.index-module__selected___pDY_D{color:#4581ff}