feat: 页签排序

dist/app.json

@@ -1 +1 @@
-{"pages":["pages/home/index"],"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor":"#fff","navigationBarTitleText":"WeChat","navigationBarTextStyle":"black"}}
+{"pages":["pages/home/index","pages/activityList/index"],"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor":"#fff","navigationBarTitleText":"WeChat","navigationBarTextStyle":"black"}}

dist/app.wxss

@@ -2,3 +2,5 @@
   !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[4]!./src/app.scss ***!
   \***********************************************************************************************************************************************************************************************************************************************************************************************************/
 
+
+@import "./common.wxss";

dist/pages/activityList/index.json

@@ -0,0 +1 @@
+{"usingComponents":{"comp":"../../comp"}}

dist/pages/activityList/index.wxml

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

dist/pages/activityList/index.wxss

@@ -0,0 +1,24 @@
+/*!******************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/dropdown-menu/index.css ***!
+  \******************************************************************************************************************************************************************************************************************************/
+.van-dropdown-menu{display:-webkit-flex;display:flex;-webkit-user-select:none;user-select:none;dropdown-menu-box-shadow:0 4rpx 24rpx rgba(100,101,102,0.12);dropdown-menu-box-shadow:var(--dropdown-menu-box-shadow,0 4rpx 24rpx rgba(100,101,102,0.12));height:100rpx;height:var(--dropdown-menu-height,100rpx);background-color:#fff;background-color:var(--dropdown-menu-background-color,#fff)}.van-dropdown-menu__item{display:-webkit-flex;display:flex;-webkit-flex:1;flex:1;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;min-width:0}.van-dropdown-menu__item:active{opacity:.7}.van-dropdown-menu__item--disabled:active{opacity:1}.van-dropdown-menu__item--disabled .van-dropdown-menu__title{color:#969799;color:var(--dropdown-menu-title-disabled-text-color,#969799)}.van-dropdown-menu__title{position:relative;box-sizing:border-box;max-width:100%;padding:0 16rpx;padding:var(--dropdown-menu-title-padding,0 16rpx);color:#323233;color:var(--dropdown-menu-title-text-color,#323233);font-size:30rpx;font-size:var(--dropdown-menu-title-font-size, 30rpx);line-height:36rpx;line-height:var(--dropdown-menu-title-line-height, 36rpx)}.van-dropdown-menu__title::after{position:absolute;top:50%;right:-8rpx;margin-top:-10rpx;border:6rpx solid;border-color:transparent transparent currentcolor currentcolor;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:.8;content:''}.van-dropdown-menu__title--active{color:#ee0a24;color:var(--dropdown-menu-title-active-text-color,#ee0a24)}.van-dropdown-menu__title--down::after{margin-top:-2rpx;-webkit-transform:rotate(135deg);transform:rotate(135deg)}
+/*!*********************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/cell/index.css ***!
+  \*********************************************************************************************************************************************************************************************************************/
+.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:' ';pointer-events:none;top:-50%;right:-50%;bottom:-50%;left:-50%;border:0 solid #ebedf0;-webkit-transform:scale(.5);transform:scale(.5)}.van-cell{position:relative;display:-webkit-flex;display:flex;box-sizing:border-box;width:100%;-webkit-align-items:center;align-items:center;-webkit-flex:1;flex:1;padding:24rpx 32rpx;padding:var(--cell-vertical-padding,24rpx) var(--cell-horizontal-padding,32rpx);font-size:28rpx;font-size:var(--cell-font-size, 28rpx);line-height:48rpx;line-height:var(--cell-line-height, 48rpx);color:#323233;color:var(--cell-text-color,#323233);background-color:#fff;background-color:var(--cell-background-color,#fff)}.van-cell::after{position:absolute;box-sizing:border-box;-webkit-transform-origin:center;transform-origin:center;content:' ';pointer-events:none;right:32rpx;bottom:0;left:32rpx;border-bottom:1PX solid #ebedf0;-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-cell--borderless::after{display:none}.van-cell-group{background-color:#fff;background-color:var(--cell-background-color,#fff)}.van-cell__label{margin-top:6rpx;margin-top:var(--cell-label-margin-top,6rpx);font-size:24rpx;font-size:var(--cell-label-font-size, 24rpx);color:#969799;color:var(--cell-label-color,#969799);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.van-cell__value{overflow:hidden;text-align:right;vertical-align:middle;color:#969799;color:var(--cell-value-color,#969799)}.van-cell__title,.van-cell__value{-webkit-flex:1;flex:1}.van-cell__title:empty,.van-cell__value:empty{display:none}.van-cell__left-icon-wrap,.van-cell__right-icon-wrap{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:48rpx;height:var(--cell-line-height,48rpx);font-size:32rpx;font-size:var(--cell-icon-size, 32rpx)}.van-cell__left-icon-wrap{margin-right:8rpx;margin-right:var(--padding-base,8rpx)}.van-cell__right-icon-wrap{margin-left:8rpx;margin-left:var(--padding-base,8rpx);color:#969799;color:var(--cell-right-icon-color,#969799)}.van-cell__left-icon{vertical-align:middle;line-height:48rpx;line-height:var(--cell-line-height, 48rpx)}.van-cell__right-icon{line-height:48rpx;line-height:var(--cell-line-height, 48rpx)}.van-cell--clickable.van-cell--hover{-webkit-filter:brightness(0.95);filter:brightness(.95)}.van-cell--required{overflow:visible}.van-cell--required::before{position:absolute;content:'*';left:16rpx;left:var(--padding-xs,16rpx);font-size:28rpx;font-size:var(--cell-font-size, 28rpx);color:#ee0a24;color:var(--cell-required-color,#ee0a24)}.van-cell--center{-webkit-align-items:center;align-items:center}.van-cell--large{padding-top:24rpx;padding-top:var(--cell-large-vertical-padding,24rpx);padding-bottom:24rpx;padding-bottom:var(--cell-large-vertical-padding,24rpx)}.van-cell--large .van-cell__title{font-size:32rpx;font-size:var(--cell-large-title-font-size, 32rpx)}.van-cell--large .van-cell__value{font-size:32rpx;font-size:var(--cell-large-value-font-size, 32rpx)}.van-cell--large .van-cell__label{font-size:28rpx;font-size:var(--cell-large-label-font-size, 28rpx)}
+/*!***************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/transition/index.css ***!
+  \***************************************************************************************************************************************************************************************************************************/
+.van-transition{-webkit-transition-timing-function:ease;transition-timing-function:ease}.van-fade-enter-active,.van-fade-leave-active{-webkit-transition-property:opacity;transition-property:opacity}.van-fade-enter,.van-fade-leave-to{opacity:0}.van-fade-down-enter-active,.van-fade-down-leave-active,.van-fade-left-enter-active,.van-fade-left-leave-active,.van-fade-right-enter-active,.van-fade-right-leave-active,.van-fade-up-enter-active,.van-fade-up-leave-active{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.van-fade-up-enter,.van-fade-up-leave-to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);opacity:0}.van-fade-down-enter,.van-fade-down-leave-to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);opacity:0}.van-fade-left-enter,.van-fade-left-leave-to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.van-fade-right-enter,.van-fade-right-leave-to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.van-slide-down-enter-active,.van-slide-down-leave-active,.van-slide-left-enter-active,.van-slide-left-leave-active,.van-slide-right-enter-active,.van-slide-right-leave-active,.van-slide-up-enter-active,.van-slide-up-leave-active{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform}.van-slide-up-enter,.van-slide-up-leave-to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.van-slide-down-enter,.van-slide-down-leave-to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.van-slide-left-enter,.van-slide-left-leave-to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.van-slide-right-enter,.van-slide-right-leave-to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
+/*!************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/overlay/index.css ***!
+  \************************************************************************************************************************************************************************************************************************/
+.van-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,.7);background-color:var(--overlay-background-color,rgba(0,0,0,.7))}
+/*!**********************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/popup/index.css ***!
+  \**********************************************************************************************************************************************************************************************************************/
+.van-popup{position:fixed;box-sizing:border-box;max-height:100%;overflow-y:auto;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-animation:ease-out both;animation:ease-out both;z-index:1010;-webkit-overflow-scrolling:touch;background-color:#fff;background-color:var(--popup-background-color,#fff)}.van-popup--center{top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.van-popup--center.van-popup--round{border-radius:32rpx;border-radius:var(--popup-round-border-radius,32rpx)}.van-popup--top{top:0;left:0;width:100%}.van-popup--top.van-popup--round{border-radius:0 0 32rpx 32rpx;border-radius:0 0 var(--popup-round-border-radius,32rpx) var(--popup-round-border-radius,32rpx)}.van-popup--right{top:50%;right:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--right.van-popup--round{border-radius:32rpx 0 0 32rpx;border-radius:var(--popup-round-border-radius,32rpx) 0 0 var(--popup-round-border-radius,32rpx)}.van-popup--bottom{bottom:0;left:0;width:100%}.van-popup--bottom.van-popup--round{border-radius:32rpx 32rpx 0 0;border-radius:var(--popup-round-border-radius,32rpx) var(--popup-round-border-radius,32rpx) 0 0}.van-popup--left{top:50%;left:0;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.van-popup--left.van-popup--round{border-radius:0 32rpx 32rpx 0;border-radius:0 var(--popup-round-border-radius,32rpx) var(--popup-round-border-radius,32rpx) 0}.van-popup--bottom.van-popup--safe{padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}.van-popup--safeTop{padding-top:constant(safe-area-inset-top);padding-top:env(safe-area-inset-top)}.van-popup__close-icon{position:absolute;z-index:1010;z-index:var(--popup-close-icon-z-index,1010);color:#969799;color:var(--popup-close-icon-color,#969799);font-size:36rpx;font-size:var(--popup-close-icon-size, 36rpx)}.van-popup__close-icon--top-left{top:16rpx;top:var(--popup-close-icon-margin,16rpx);left:16rpx;left:var(--popup-close-icon-margin,16rpx)}.van-popup__close-icon--top-right{top:16rpx;top:var(--popup-close-icon-margin,16rpx);right:16rpx;right:var(--popup-close-icon-margin,16rpx)}.van-popup__close-icon--bottom-left{bottom:16rpx;bottom:var(--popup-close-icon-margin,16rpx);left:16rpx;left:var(--popup-close-icon-margin,16rpx)}.van-popup__close-icon--bottom-right{right:16rpx;right:var(--popup-close-icon-margin,16rpx);bottom:16rpx;bottom:var(--popup-close-icon-margin,16rpx)}.van-popup__close-icon:active{opacity:.6}.van-scale-enter-active,.van-scale-leave-active{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}.van-scale-enter,.van-scale-leave-to{-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7);opacity:0}.van-fade-enter-active,.van-fade-leave-active{-webkit-transition-property:opacity;transition-property:opacity}.van-fade-enter,.van-fade-leave-to{opacity:0}.van-center-enter-active,.van-center-leave-active{-webkit-transition-property:opacity transform;transition-property:opacity transform}.van-center-enter,.van-center-leave-to{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7)}.van-bottom-enter-active,.van-bottom-leave-active,.van-left-enter-active,.van-left-leave-active,.van-right-enter-active,.van-right-leave-active,.van-top-enter-active,.van-top-leave-active{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform}.van-bottom-enter,.van-bottom-leave-to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.van-top-enter,.van-top-leave-to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}.van-left-enter,.van-left-leave-to{-webkit-transform:translate3d(-100%,-50%,0);transform:translate3d(-100%,-50%,0)}.van-right-enter,.van-right-leave-to{-webkit-transform:translate3d(100%,-50%,0);transform:translate3d(100%,-50%,0)}
+/*!******************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].oneOf[0].use[2]!./node_modules/@antmjs/vantui/es/dropdown-item/index.css ***!
+  \******************************************************************************************************************************************************************************************************************************/
+.van-dropdown-item{position:fixed;right:0;left:0;overflow:hidden}.van-dropdown-item__option{text-align:left}.van-dropdown-item__option--active .van-dropdown-item__icon,.van-dropdown-item__option--active .van-dropdown-item__title{color:#ee0a24;color:var(--dropdown-menu-option-active-color,#ee0a24)}.van-dropdown-item--up{top:0;z-index:1000}.van-dropdown-item--down{bottom:0;z-index:1000}.van-dropdown-item__icon{display:block;line-height:inherit}

dist/runtime.js

@@ -201,13 +201,11 @@
 /******/ 				"webpack/container/remote/@tarojs/plugin-framework-react/dist/runtime",
 /******/ 				"webpack/container/remote/react-dom"
 /******/ 			],
-/******/ 			"pages/home/index": [
-/******/ 				"webpack/container/remote/react/jsx-runtime"
-/******/ 			],
 /******/ 			"common": [
 /******/ 				"webpack/container/remote/@tarojs/runtime",
 /******/ 				"webpack/container/remote/@tarojs/taro",
-/******/ 				"webpack/container/remote/react"
+/******/ 				"webpack/container/remote/react",
+/******/ 				"webpack/container/remote/react/jsx-runtime"
 /******/ 			]
 /******/ 		};
 /******/ 		var idToExternalAndNameMapping = {
@@ -226,11 +224,6 @@
 /******/ 				"./react-dom",
 /******/ 				null
 /******/ 			],
-/******/ 			"webpack/container/remote/react/jsx-runtime": [
-/******/ 				"default",
-/******/ 				"./react/jsx-runtime",
-/******/ 				null
-/******/ 			],
 /******/ 			"webpack/container/remote/@tarojs/runtime": [
 /******/ 				"default",
 /******/ 				"./@tarojs/runtime",
@@ -245,6 +238,11 @@
 /******/ 				"default",
 /******/ 				"./react",
 /******/ 				null
+/******/ 			],
+/******/ 			"webpack/container/remote/react/jsx-runtime": [
+/******/ 				"default",
+/******/ 				"./react/jsx-runtime",
+/******/ 				null
 /******/ 			]
 /******/ 		};
 /******/ 		__webpack_require__.taro = function(get) {

src/app.config.ts

@@ -1,7 +1,9 @@
 export default {
   pages: [
     // "pages/index/index",
-    "pages/home/index"
+    "pages/home/index",
+    "pages/activityList/index",
+
 ],
   
   window: {

src/pages/activityList/index.tsx

@@ -0,0 +1,52 @@
+import { View } from "@tarojs/components";
+import react from "react";
+import { DropdownMenu } from "@antmjs/vantui";
+import { DropdownItem } from "@antmjs/vantui";
+
+const activityList = () => {
+  const [state, setState] = react.useState({
+    option1: [
+      {
+        text: "全部商品",
+        value: 0,
+      },
+      {
+        text: "新款商品",
+        value: 1,
+      },
+      {
+        text: "活动商品",
+        value: 2,
+      },
+    ],
+    option2: [
+      {
+        text: "默认排序",
+        value: "a",
+      },
+      {
+        text: "好评排序",
+        value: "b",
+      },
+      {
+        text: "销量排序",
+        value: "c",
+      },
+    ],
+    value1: 0,
+    value2: "a",
+  });
+  return (
+    <View>
+      {" "}
+      <View>
+        <DropdownMenu>
+          <DropdownItem value={state.value1} options={state.option1} />
+          <DropdownItem value={state.value2} options={state.option2} />
+        </DropdownMenu>
+      </View>
+    </View>
+  );
+};
+
+export default activityList;

src/pages/home/index.tsx

@@ -1,9 +1,19 @@
-import { Button, Card, Col, Divider, Grid, GridItem, Row, Tag } from "@antmjs/vantui";
+import {
+  Button,
+  Card,
+  Col,
+  Divider,
+  Grid,
+  GridItem,
+  Row,
+  Tag,
+} from "@antmjs/vantui";
 import { View } from "@tarojs/components";
 import React, { useCallback } from "react";
 import { Swiper, SwiperItem, Image } from "@antmjs/vantui";
 import react from "react";
 import { NoticeBar } from "@antmjs/vantui";
+import Taro from "@tarojs/taro";
 
 const Home = () => {
   // const { images } = COMMON
@@ -55,7 +65,16 @@ const Home = () => {
 
       {/* 模块 */}
       <Grid>
-        <GridItem icon="photo-o" text="活动" />
+        <GridItem
+          icon="photo-o"
+          text="活动"
+          onClick={() => {
+            // 跳转到目的页面，打开新页面
+            Taro.navigateTo({
+              url: "/pages/activityList/index",
+            });
+          }}
+        />
         <GridItem icon="photo-o" text="活动" />
         <GridItem icon="photo-o" text="活动" />
         <GridItem icon="photo-o" text="活动" />