活动按钮状态流转

unpackage/dist/build/mp-weixin/pages/component/menu/carousel.js

@@ -0,0 +1,10 @@
+(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["pages/component/menu/carousel"],{"1efe":function(e,t,n){"use strict";n.d(t,"b",(function(){return r})),n.d(t,"c",(function(){return u})),n.d(t,"a",(function(){}));var r=function(){var e=this.$createElement,t=(this._self._c,this.menuList&&this.menuList.length),n=t?this.menuList.length:null;this.$mp.data=Object.assign({},{$root:{g0:t,g1:n}})},u=[]},2536:function(e,t,n){"use strict";n.r(t);var r=n("45ec"),u=n.n(r);for(var o in r)["default"].indexOf(o)<0&&function(e){n.d(t,e,(function(){return r[e]}))}(o);t["default"]=u.a},"45ec":function(e,t,n){"use strict";var r=n("47a9");Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var u=r(n("7ca3")),o=n("8f59");function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}var a={name:"menuCarousel",components:{menuNav:function(){n.e("pages/component/menu/menu").then(function(){return resolve(n("400b"))}.bind(null,n)).catch(n.oe)}},props:{showData:{type:Array,default:function(){return[]}},height:{type:String,default:"390rpx"},rowNumber:{type:Number,default:4},iconSize:{type:String,default:"96rpx"},fontSize:{type:String,default:"28rpx"},lineHeight:{type:String,default:"40rpx"},fontColor:{type:String,default:"#5A5B6E"},space:{type:String,default:"16rpx"},marginTop:{type:String,default:"32rpx"}},data:function(){return{carouseIndex:0,menuList:[]}},watch:{showData:{handler:function(e){e&&e.length&&(this.menuList=this.splitArray(e))},immediate:!0,deep:!0}},computed:function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(Object(n),!0).forEach((function(t){(0,u.default)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},(0,o.mapState)({themeColor:function(e){return e.app.themeColor}})),methods:{carouselChange:function(e){this.carouseIndex=e.detail.current},splitArray:function(e){for(var t=[],n=0;n<e.length;n+=8){var r=e.slice(n,n+8);t.push(r)}return t},toPage:function(e){this.$emit("toPage",e)}}};t.default=a},"6eef":function(e,t,n){"use strict";n.r(t);var r=n("1efe"),u=n("2536");for(var o in u)["default"].indexOf(o)<0&&function(e){n.d(t,e,(function(){return u[e]}))}(o);n("c995");var i=n("828b"),a=Object(i["a"])(u["default"],r["b"],r["c"],!1,null,null,null,!1,r["a"],void 0);t["default"]=a.exports},c995:function(e,t,n){"use strict";var r=n("f762"),u=n.n(r);u.a},f762:function(e,t,n){}}]);
+;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
+    'pages/component/menu/carousel-create-component',
+    {
+        'pages/component/menu/carousel-create-component':(function(module, exports, __webpack_require__){
+            __webpack_require__('df3c')['createComponent'](__webpack_require__("6eef"))
+        })
+    },
+    [['pages/component/menu/carousel-create-component']]
+]);

unpackage/dist/build/mp-weixin/pages/component/menu/carousel.json

@@ -0,0 +1,6 @@
+{
+  "component": true,
+  "usingComponents": {
+    "menu-nav": "/pages/component/menu/menu"
+  }
+}

unpackage/dist/build/mp-weixin/pages/component/menu/carousel.wxml

@@ -0,0 +1 @@
+<block wx:if="{{$root.g0}}"><view class="component-menu-carousel"><block wx:if="{{$root.g1===1}}"><block><menu-nav vue-id="ef9d22de-1" show-data="{{menuList[0]}}" row-number="{{rowNumber}}" icon-size="{{iconSize}}" font-size="{{fontSize}}" line-height="{{lineHeight}}" font-color="{{fontColor}}" space="{{space}}" margin-top="{{marginTop}}" data-event-opts="{{[['^toPage',[['toPage']]]]}}" bind:toPage="__e" bind:__l="__l"></menu-nav></block></block><block wx:else><block><swiper data-event-opts="{{[['change',[['carouselChange',['$event']]]]]}}" class="carousel-swiper" style="{{'height:'+(height)+';'}}" bindchange="__e"><block wx:for="{{menuList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><swiper-item><menu-nav vue-id="{{'ef9d22de-2-'+index}}" show-data="{{item}}" row-number="{{rowNumber}}" icon-size="{{iconSize}}" font-size="{{fontSize}}" line-height="{{lineHeight}}" font-color="{{fontColor}}" space="{{space}}" margin-top="{{marginTop}}" data-event-opts="{{[['^toPage',[['toPage']]]]}}" bind:toPage="__e" bind:__l="__l"></menu-nav></swiper-item></block></swiper><view class="carousel-dots" style="{{'--theme-color:'+(themeColor)+';'}}"><block wx:for="{{menuList}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="{{['dots-item',(carouseIndex==index)?'active':'']}}"></view></block></view></block></block></view></block>

unpackage/dist/build/mp-weixin/pages/component/menu/carousel.wxss

@@ -0,0 +1 @@
+.component-menu-carousel{position:relative;width:100%}.component-menu-carousel .carousel-swiper{box-sizing:border-box;width:100%;overflow:hidden}.component-menu-carousel .carousel-swiper .swiper-item{width:100%;height:100%}.component-menu-carousel .carousel-swiper .swiper-item .item-thumb{width:100%;height:100%;background-color:#f1f1f1}.component-menu-carousel .carousel-dots{display:flex;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:0;z-index:1}.component-menu-carousel .carousel-dots .dots-item{width:24rpx;height:8rpx;border-radius:8rpx;background:#f1f1f1;margin-right:4rpx}.component-menu-carousel .carousel-dots .dots-item:last-child{margin-right:0}.component-menu-carousel .carousel-dots .dots-item.active{background:var(--theme-color)}

unpackage/dist/build/mp-weixin/pages/component/menu/menu.js

@@ -0,0 +1,10 @@
+(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["pages/component/menu/menu"],{"17e7":function(t,e,n){"use strict";var r=n("47a9");Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var o=r(n("7ca3")),a=n("8f59");function u(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.push.apply(n,r)}return n}var c={name:"menuIndex",props:{showData:{type:Array,default:function(){return[]}},countData:{type:Object,default:function(){return{}}},rowNumber:{type:Number,default:4},iconSize:{type:String,default:"96rpx"},fontSize:{type:String,default:"28rpx"},lineHeight:{type:String,default:"40rpx"},fontColor:{type:String,default:"#5A5B6E"},space:{type:String,default:"16rpx"},marginTop:{type:String,default:"32rpx"}},computed:function(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?u(Object(n),!0).forEach((function(e){(0,o.default)(t,e,n[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):u(Object(n)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(n,e))}))}return t}({},(0,a.mapState)({themeColor:function(t){return t.app.themeColor}})),methods:{toPage:function(t){this.showData[t].info?this.$util.toPage(this.showData[t].info):this.$emit("toPage",this.showData[t])}}};e.default=c},"400b":function(t,e,n){"use strict";n.r(e);var r=n("b7dd"),o=n("5868");for(var a in o)["default"].indexOf(a)<0&&function(t){n.d(e,t,(function(){return o[t]}))}(a);n("8fdc");var u=n("828b"),c=Object(u["a"])(o["default"],r["b"],r["c"],!1,null,null,null,!1,r["a"],void 0);e["default"]=c.exports},5868:function(t,e,n){"use strict";n.r(e);var r=n("17e7"),o=n.n(r);for(var a in r)["default"].indexOf(a)<0&&function(t){n.d(e,t,(function(){return r[t]}))}(a);e["default"]=o.a},"8fdc":function(t,e,n){"use strict";var r=n("d9f3"),o=n.n(r);o.a},b7dd:function(t,e,n){"use strict";n.d(e,"b",(function(){return r})),n.d(e,"c",(function(){return o})),n.d(e,"a",(function(){}));var r=function(){var t=this,e=t.$createElement,n=(t._self._c,t.__map(t.showData,(function(e,n){var r=t.__get_orig(e),o="contact"==e.info?parseFloat(100/t.rowNumber).toFixed(2):null,a="contact"!=e.info?parseFloat(100/t.rowNumber).toFixed(2):null,u="contact"!=e.info?e.count&&parseInt(t.countData[e.count])>0:null,c="contact"!=e.info&&u?parseInt(t.countData[e.count]):null;return{$orig:r,g0:o,g1:a,m0:u,m1:c}})));t.$mp.data=Object.assign({},{$root:{l0:n}})},o=[]},d9f3:function(t,e,n){}}]);
+;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
+    'pages/component/menu/menu-create-component',
+    {
+        'pages/component/menu/menu-create-component':(function(module, exports, __webpack_require__){
+            __webpack_require__('df3c')['createComponent'](__webpack_require__("400b"))
+        })
+    },
+    [['pages/component/menu/menu-create-component']]
+]);

unpackage/dist/build/mp-weixin/pages/component/menu/menu.json

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

unpackage/dist/build/mp-weixin/pages/component/menu/menu.wxml

@@ -0,0 +1 @@
+<view class="component-menu flex flex-wrap"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block data-event-opts="{{[['tap',[['toPage',[index]]]]]}}" bindtap="__e"><block wx:if="{{item.$orig.info=='contact'}}"><button class="menu-item clear" style="{{'width:'+(item.g0+'%')+';'+('margin-top:'+(index<rowNumber?0:marginTop)+';')}}" open-type="contact"><image style="{{'width:'+(iconSize)+';'+('height:'+(iconSize)+';')}}" src="{{item.$orig.icon}}" mode="aspectFit"></image><text class="text-ellipsis" style="{{'font-size:'+(fontSize)+';'+('color:'+(fontColor)+';')+('line-height:'+(lineHeight)+';')+('margin-top:'+(space)+';')}}">{{item.$orig.name}}</text></button></block><block wx:else><view data-event-opts="{{[['tap',[['toPage',[index]]]]]}}" class="menu-item" style="{{'width:'+(item.g1+'%')+';'+('margin-top:'+(index<rowNumber?0:marginTop)+';')}}" bindtap="__e"><view class="item-icon" style="{{'width:'+(iconSize)+';'+('height:'+(iconSize)+';')}}"><image src="{{item.$orig.icon}}" mode="aspectFit"></image><block wx:if="{{item.m0}}"><view class="count" style="{{'background:'+(themeColor)+';'}}">{{item.m1>99?'99+':countData[item.$orig.count]}}</view></block></view><text class="text-ellipsis" style="{{'font-size:'+(fontSize)+';'+('color:'+(fontColor)+';')+('line-height:'+(lineHeight)+';')+('margin-top:'+(space)+';')}}">{{item.$orig.name}}</text></view></block></block></block></view>

unpackage/dist/build/mp-weixin/pages/component/menu/menu.wxss

@@ -0,0 +1 @@
+.component-menu .menu-item{position:relative;display:flex;flex-direction:column;align-items:center;background:transparent;border-radius:0;padding:0}.component-menu .menu-item .item-icon{position:relative}.component-menu .menu-item .item-icon .count{position:absolute;top:-8rpx;left:50%;margin-left:16rpx;color:#fff;text-align:center;font-size:24rpx;line-height:32rpx;padding:0 8rpx;min-width:32rpx;border-radius:32rpx}.component-menu .menu-item text{width:100%;padding:0 8rpx;box-sizing:border-box;text-align:center}.component-menu .menu-item .item-absolute{display:block;position:absolute;top:0;left:0;right:0;bottom:0}