feat: 我的-头像

dist/common.js

@@ -1,2 +1,2 @@
 /*! For license information please see common.js.LICENSE.txt */
-"use strict";(wx.webpackJsonp=wx.webpackJsonp||[]).push([["common"],{"./src/pages/components/TabbarCom/index.tsx":function(e,n,t){var o=t("./node_modules/@antmjs/vantui/es/tabbar/index.js"),a=t("./node_modules/@antmjs/vantui/es/tabbar-item/index.js"),i=t("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),s=t("./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js"),r=t("webpack/container/remote/@tarojs/taro"),l=t.n(r),d=t("webpack/container/remote/react"),c=t.n(d),u=t("webpack/container/remote/react/jsx-runtime");n.default=function TabbarCom(e){var n,t=c().useState(null!==(n=null==e?void 0:e.active)&&void 0!==n?n:0),r=(0,i.default)(t,2),d=r[0],m=r[1];return(0,u.jsx)(s.View,{style:{marginTop:"40px"},children:(0,u.jsxs)(o.default,{active:d,onChange:function onChange(e){console.log("e",e),m(null==e?void 0:e.detail),0===(null==e?void 0:e.detail)&&l().redirectTo({url:"/pages/home/index"}),1===(null==e?void 0:e.detail)&&l().redirectTo({url:"/pages/activityList/index"}),2===(null==e?void 0:e.detail)&&l().redirectTo({url:"/pages/my/index"})},safeAreaInsetBottom:!1,children:[(0,u.jsx)(a.default,{icon:"home-o",children:"首页"}),(0,u.jsx)(a.default,{icon:"friends-o",children:"活动"}),(0,u.jsx)(a.default,{icon:"setting-o",children:"我的"})]})})}}}]);
+"use strict";(wx.webpackJsonp=wx.webpackJsonp||[]).push([["common"],{"./src/pages/components/TabbarCom/index.tsx":function(e,n,t){var o=t("./node_modules/@antmjs/vantui/es/tabbar/index.js"),a=t("./node_modules/@antmjs/vantui/es/tabbar-item/index.js"),i=t("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),s=t("./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js"),r=t("webpack/container/remote/@tarojs/taro"),l=t.n(r),d=t("webpack/container/remote/react"),c=t.n(d),u=t("webpack/container/remote/react/jsx-runtime");n.default=function TabbarCom(e){var n,t=c().useState(null!==(n=null==e?void 0:e.active)&&void 0!==n?n:0),r=(0,i.default)(t,2),d=r[0],m=r[1];return(0,u.jsx)(s.View,{style:{marginTop:"40px"},children:(0,u.jsxs)(o.default,{active:d,onChange:function onChange(e){console.log("e",e),m(null==e?void 0:e.detail),0===(null==e?void 0:e.detail)&&l().redirectTo({url:"/pages/home/index"}),1===(null==e?void 0:e.detail)&&l().redirectTo({url:"/pages/activityList/index"}),2===(null==e?void 0:e.detail)&&l().redirectTo({url:"/pages/my/index"})},safeAreaInsetBottom:!0,children:[(0,u.jsx)(a.default,{icon:"home-o",children:"首页"}),(0,u.jsx)(a.default,{icon:"friends-o",children:"活动"}),(0,u.jsx)(a.default,{icon:"setting-o",children:"我的"})]})})}}}]);

dist/pages/home/index.js.LICENSE.txt

@@ -100,10 +100,6 @@
   !*** ./node_modules/@antmjs/vantui/es/grid/wxs.js ***!
   \****************************************************/
 
-/*!*****************************************************!*\
-  !*** ./node_modules/@antmjs/vantui/es/image/wxs.js ***!
-  \*****************************************************/
-
 /*!*****************************************************!*\
   !*** ./node_modules/@antmjs/vantui/es/tag/index.js ***!
   \*****************************************************/
@@ -120,10 +116,6 @@
   !*** ./node_modules/@antmjs/vantui/es/divider/wxs.js ***!
   \*******************************************************/
 
-/*!*******************************************************!*\
-  !*** ./node_modules/@antmjs/vantui/es/image/index.js ***!
-  \*******************************************************/
-
 /*!********************************************************!*\
   !*** ./node_modules/@antmjs/vantui/es/swiper/index.js ***!
   \********************************************************/

dist/pages/home/index.wxss

@@ -22,10 +22,6 @@
   !*** 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/swiper/index.css ***!
   \***********************************************************************************************************************************************************************************************************************/
 .van-swiper{position:relative;z-index:1;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;transition-property:transform,-webkit-transform;box-sizing:content-box;overflow:hidden}.van-swiper-item{height:100%;position:relative}.van-swiper__inner{display:-webkit-flex;display:flex;height:100%}.van-swiper__vertical{-webkit-flex-direction:column;flex-direction:column}.van-swiper__pagination{display:-webkit-flex;display:flex;position:absolute;left:50%;bottom:24rpx;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.van-swiper__pagination-item{width:16rpx;height:6rpx;margin-right:14rpx;border-radius:4rpx;background-color:#ddd}.van-swiper__pagination-item:last-child{margin-right:0}.van-swiper__pagination-vertical{top:50%;left:24rpx;bottom:auto;-webkit-flex-direction:column;flex-direction:column;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.van-swiper__pagination-vertical .van-swiper__pagination-item{margin-bottom:10rpx}
-/*!**********************************************************************************************************************************************************************************************************************!*\
-  !*** 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/image/index.css ***!
-  \**********************************************************************************************************************************************************************************************************************/
-.van-image{position:relative;display:inline-block}.van-image--round{overflow:hidden;border-radius:50%}.van-image--round .van-image__img{border-radius:inherit}.van-image__error,.van-image__img,.van-image__loading{display:block;width:100%;height:100%}.van-image__error,.van-image__loading{position:absolute;top:0;left:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;color:#969799;color:var(--image-placeholder-text-color,#969799);font-size:28rpx;font-size:var(--image-placeholder-font-size, 28rpx);background-color:#f7f8fa;background-color:var(--image-placeholder-background-color,#f7f8fa)}.van-image__loading-icon{color:#dcdee0;color:var(--image-loading-icon-color,#dcdee0);font-size:64rpx!important;font-size:var(--image-loading-icon-size, 64rpx)!important}.van-image__error-icon{color:#dcdee0;color:var(--image-error-icon-color,#dcdee0);font-size:64rpx!important;font-size:var(--image-error-icon-size, 64rpx)!important}.image-class .taro-img__mode-aspectfit{width:100%;height:100%;max-width:none!important;max-height:none!important;object-fit:contain}.image-class .taro-img__mode-center{object-fit:none;display:block;width:100%;height:100%}.image-class .taro-img__mode-heightfix{height:100%}
 /*!***************************************************************************************************************************************************************************************************************************!*\
   !*** 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/notice-bar/index.css ***!
   \***************************************************************************************************************************************************************************************************************************/

dist/pages/my/index.js

@@ -1,2 +1,2 @@
 /*! For license information please see index.js.LICENSE.txt */
-"use strict";(wx.webpackJsonp=wx.webpackJsonp||[]).push([["pages/my/index"],{"./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[9].use[1]!./src/pages/my/index.tsx":function(e,s,n){var t=n("./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js"),a=n("./src/pages/components/TabbarCom/index.tsx"),o=n("webpack/container/remote/react/jsx-runtime");s.default=function my(e){return(0,o.jsxs)(t.View,{children:["my",(0,o.jsx)(a.default,{active:2}),";"]})}},"./src/pages/my/index.tsx":function(e,s,n){var t=n("webpack/container/remote/@tarojs/runtime"),a=n("./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[9].use[1]!./src/pages/my/index.tsx");Page((0,t.createPageConfig)(a.default,"pages/my/index",{root:{cn:[]}},{}||{}))}},function(e){e.O(0,["taro","vendors","common"],(function(){return s="./src/pages/my/index.tsx",e(e.s=s);var s}));e.O()}]);
+"use strict";(wx.webpackJsonp=wx.webpackJsonp||[]).push([["pages/my/index"],{"./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[9].use[1]!./src/pages/my/index.tsx":function(e,s,n){var t=n("./node_modules/@antmjs/vantui/es/image/index.js"),a=n("./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js"),o=n("./src/pages/components/TabbarCom/index.tsx"),r=n("webpack/container/remote/react/jsx-runtime");s.default=function my(e){return(0,r.jsxs)(a.View,{children:[(0,r.jsx)(a.View,{className:"myContent",children:(0,r.jsx)(t.default,{round:!0,width:"100px",height:"100px",src:"https://img.yzcdn.cn/vant/cat.jpeg"})}),(0,r.jsx)(o.default,{active:2})]})}},"./src/pages/my/index.tsx":function(e,s,n){var t=n("webpack/container/remote/@tarojs/runtime"),a=n("./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[9].use[1]!./src/pages/my/index.tsx");Page((0,t.createPageConfig)(a.default,"pages/my/index",{root:{cn:[]}},{}||{}))}},function(e){e.O(0,["taro","vendors","common"],(function(){return s="./src/pages/my/index.tsx",e(e.s=s);var s}));e.O()}]);

dist/pages/my/index.js.LICENSE.txt

@@ -2,6 +2,8 @@
 
 /*! ../components/TabbarCom */
 
+/*! @antmjs/vantui/es/image */
+
 /*! @tarojs/components */
 
 /*! @tarojs/runtime */

dist/pages/my/index.wxss

@@ -0,0 +1,17 @@
+/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
+  !*** css ./node_modules/cache-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[3]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[5]!./src/pages/my/index.module.scss ***!
+  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
+.myContent {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+}

dist/vendors.js.LICENSE.txt

@@ -2,6 +2,8 @@
 
 /*! ../icon */
 
+/*! ../icon/index */
+
 /*! ../info */
 
 /*! ../info/index */
@@ -90,6 +92,10 @@
   !*** ./node_modules/@antmjs/vantui/es/icon/wxs.js ***!
   \****************************************************/
 
+/*!*****************************************************!*\
+  !*** ./node_modules/@antmjs/vantui/es/image/wxs.js ***!
+  \*****************************************************/
+
 /*!*****************************************************!*\
   !*** ./node_modules/@antmjs/vantui/es/wxs/array.js ***!
   \*****************************************************/
@@ -118,6 +124,10 @@
   !*** ./node_modules/rc-util/lib/Children/toArray.js ***!
   \******************************************************/
 
+/*!*******************************************************!*\
+  !*** ./node_modules/@antmjs/vantui/es/image/index.js ***!
+  \*******************************************************/
+
 /*!*******************************************************!*\
   !*** ./node_modules/@antmjs/vantui/es/wxs/memoize.js ***!
   \*******************************************************/

src/pages/components/TabbarCom/index.tsx

@@ -29,7 +29,7 @@ const TabbarCom = (props: any) => {
               });
           }
         }}
-        safeAreaInsetBottom={false}
+        safeAreaInsetBottom={true}
       >
         <TabbarItem icon="home-o">首页</TabbarItem>
         {/* <TabbarItem icon="search">标签</TabbarItem> */}

src/pages/my/index.module.scss

@@ -0,0 +1,7 @@
+.myContent{
+    // background-color: yellow;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+}

src/pages/my/index.tsx

@@ -1,15 +1,27 @@
-import { Tabbar, TabbarItem } from "@antmjs/vantui";
+import { Col, Row, Tabbar, TabbarItem } from "@antmjs/vantui";
 import { View } from "@tarojs/components";
 import react from "react";
 import TabbarCom from "../components/TabbarCom";
+import { Image } from "@antmjs/vantui";
+// import styles from './index.module.scss'
+import './index.module.scss'
 
 const my = (props: any) => {
-//   const [active, setActive] = react.useState(props?.active ?? 0);
+  //   const [active, setActive] = react.useState(props?.active ?? 0);
 
   return (
     <View>
-        my
-      <TabbarCom active={2} />;
+      {/* <View className={styles?.myContent}>  */}
+      <View className={`myContent`}> 
+        <Image
+          round
+          width="100px"
+          height="100px"
+          src="https://img.yzcdn.cn/vant/cat.jpeg"
+        />
+      </View>
+
+      <TabbarCom active={2} />
     </View>
   );
 };