活动按钮状态流转

unpackage/dist/build/mp-weixin/pages/mall/index.json

@@ -0,0 +1,6 @@
+{
+  "navigationBarTitleText": "商城",
+  "usingComponents": {
+    "carousel": "/pages/component/carousel/carousel"
+  }
+}

unpackage/dist/build/mp-weixin/pages/mall/index.wxml

@@ -0,0 +1 @@
+<view class="container flex-direction-column" style="{{'--theme-color:'+(themeColor)+';'}}"><title-bar vue-id="78e1f036-1" title="商城" bind:__l="__l"></title-bar><view class="container-carousel"><carousel vue-id="78e1f036-2" show-data="{{carouselList}}" show-type="{{2}}" height="280rpx" radius="20rpx" bind:__l="__l"></carousel></view><block wx:if="{{loadEnd}}"><view class="container-main flex-item flex"><scroll-view class="main-sidebar" scroll-y="{{true}}"><view class="{{['sidebar-item',(selectParentCategory==0)?'active':'']}}"><view data-event-opts="{{[['tap',[['changeParentCategory',[0]]]]]}}" class="item-parent select text-ellipsis-more" bindtap="__e">全部商品</view></view><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="__i0__" wx:key="id"><view class="{{['sidebar-item',(selectParentCategory==item.$orig.id)?'active':'']}}"><view data-event-opts="{{[['tap',[['changeParentCategory',['$0'],[[['categoryList','id',item.$orig.id,'id']]]]]]]}}" class="{{['item-parent','text-ellipsis-more',(selectParentCategory==item.$orig.id&&selectChildCategory==0)?'select':'']}}" bindtap="__e">{{''+item.$orig.name+''}}</view><block wx:if="{{item.g0}}"><view class="item-child"><block wx:for="{{item.$orig.child}}" wx:for-item="child" wx:for-index="__i1__" wx:key="id"><view data-event-opts="{{[['tap',[['changeChildCategory',['$0'],[[['categoryList','id',item.$orig.id],['child','id',child.id,'id']]]]]]]}}" class="{{['child-box','text-ellipsis-more',(selectChildCategory==child.id)?'select':'']}}" bindtap="__e">{{''+child.name+''}}</view></block></view></block></view></block></scroll-view><scroll-view class="main-list flex-item" scroll-y="{{true}}" scroll-top="{{scrollTop}}" refresher-enabled="{{true}}" refresher-triggered="{{triggered}}" data-event-opts="{{[['scrolltolower',[['onScrollBottom',['$event']]]],['refresherrefresh',[['onScrollRefresh',['$event']]]],['scroll',[['onScroll',['$event']]]]]}}" bindscrolltolower="__e" bindrefresherrefresh="__e" bindscroll="__e"><block wx:if="{{$root.g1}}"><view class="list-box"><block wx:for="{{goodsList}}" wx:for-item="item" wx:for-index="__i2__" wx:key="id"><view data-event-opts="{{[['tap',[['toDetails',['$0'],[[['goodsList','id',item.id,'id']]]]]]]}}" class="box-item flex" bindtap="__e"><image class="item-image" src="{{item.image}}" mode="aspectFill"></image><view class="item-info flex-item flex-direction-column justify-content-between"><view class="info-title text-ellipsis-more">{{item.name}}</view><view class="info-price">{{"￥"+item.price}}</view></view></view></block></view></block><block wx:else><empty vue-id="78e1f036-3" top="64rpx" title="暂无相关商品~" bind:__l="__l"></empty></block></scroll-view></view></block><view data-event-opts="{{[['tap',[['toShoppingCart']]]]}}" class="container-cart" bindtap="__e"><image class="cart-icon" src="/static/mall/cart_icon.png" mode="aspectFit"></image><block wx:if="{{$root.m0>0}}"><view class="cart-number">{{cartNumber}}</view></block></view><tab-bar vue-id="78e1f036-4" bind:__l="__l"></tab-bar></view>

unpackage/dist/build/mp-weixin/pages/mall/index.wxss

@@ -0,0 +1 @@
+page{padding-bottom:0;background:#fff}.container{height:100vh;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.container .container-carousel{padding:32rpx}.container .container-main{overflow:hidden}.container .container-main .main-sidebar{width:200rpx;background:#f6f7fb}.container .container-main .main-sidebar .sidebar-item .item-parent{padding:32rpx 20rpx 32rpx 16rpx;border-left:4rpx solid transparent;color:#5a5b6e;text-align:center;font-size:28rpx;line-height:40rpx}.container .container-main .main-sidebar .sidebar-item .item-child .child-box{color:#5a5b6e;text-align:center;font-size:24rpx;line-height:34rpx;padding:24rpx 20rpx 24rpx 16rpx;border-left:4rpx solid transparent}.container .container-main .main-sidebar .sidebar-item.active{background:#fff}.container .container-main .main-sidebar .sidebar-item.active .item-parent.select{border-color:var(--theme-color);font-weight:600}.container .container-main .main-sidebar .sidebar-item.active .item-child .child-box.select{border-color:var(--theme-color);font-weight:600}.container .container-main .main-list .list-box{padding:16rpx 32rpx 32rpx}.container .container-main .main-list .list-box .box-item{margin-top:32rpx}.container .container-main .main-list .list-box .box-item:first-child{margin-top:0}.container .container-main .main-list .list-box .box-item .item-image{width:160rpx;height:160rpx;border-radius:16rpx}.container .container-main .main-list .list-box .box-item .item-info{margin-left:24rpx}.container .container-main .main-list .list-box .box-item .item-info .info-title{color:#5a5b6e;font-size:28rpx;font-weight:600;line-height:40rpx}.container .container-main .main-list .list-box .box-item .item-info .info-price{margin-top:16rpx;color:var(--theme-color);font-size:28rpx;font-weight:600;line-height:40rpx}.container .container-cart{position:fixed;right:32rpx;bottom:16%;z-index:99;background:var(--theme-color);border-radius:50%;width:96rpx;height:96rpx;display:flex;justify-content:center;align-items:center}.container .container-cart .cart-icon{width:40rpx;height:36rpx}.container .container-cart .cart-number{position:absolute;top:0;left:100%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-left:-16rpx;color:var(--theme-color);text-align:center;font-size:24rpx;line-height:1;min-width:32rpx;height:32rpx;border-radius:16rpx;border:1px solid var(--theme-color);padding:0 6rpx;background:#fff;display:flex;justify-content:center;align-items:center}