feat: 我的页面

dist/pages/my/index.wxss

@@ -13,11 +13,11 @@
 /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
   !*** 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 ***!
   \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
-.myContentDiv {
+.myContent {
   padding: 20rpx;
 }
 
-.myContent {
+.myImage {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
@@ -30,6 +30,8 @@
   -webkit-justify-content: center;
       -ms-flex-pack: center;
           justify-content: center;
+  background-color: #f6ffed;
+  padding: 20rpx;
 }
 
 .cellArr {

src/pages/my/index.module.scss

@@ -1,13 +1,15 @@
-.myContentDiv{
+.myContent{
     padding: 20px;
 }
 
-.myContent{
-    // background-color: yellow;
+.myImage{
     display: flex;
     flex-direction: row;
     align-items: center;
     justify-content: center;
+    background-color: #f6ffed;
+    padding: 20px;
+
 }
 
 .cellArr{

src/pages/my/index.tsx

@@ -21,23 +21,19 @@ const my = (props: any) => {
 
   const CardCom = () => {
     return (
-      <ActiveCard />
-
-      // <Card
-      //   num=""
-      //   price=""
-      //   desc="活动描述信息"
-      //   title="活动标题"
-      //   thumb="cloud://cloud1-5g5xrgza12a0dd6d.636c-cloud1-5g5xrgza12a0dd6d-1253665791/images.jpg"
-      // />
+      <View>
+        {[1, 2, 3, 4].splice(0, 2).map((item: any) => {
+          return <ActiveCard />;
+        })}
+      </View>
     );
   };
   return (
-    <View  className="myContentDiv">
+    <View className="myContent">
       {/* <View className={styles?.myContent}>  */}
 
       {/* 头像 */}
-      <View className={`myContent`}>
+      <View className={`myImage`}>
         <Image
           round
           width="100px"
@@ -55,12 +51,12 @@ const my = (props: any) => {
         </Tabs>
       </View>
 
-      <View className="cellArr"> 
-        <Cell icon='manager' title="个人资料" isLink />
+      <View className="cellArr">
+        <Cell icon="manager" title="个人资料" isLink />
         {/* <Cell title="收藏" isLink /> */}
         <Cell
           title="微信客服"
-          icon='wechat'
+          icon="wechat"
           isLink
           value=""
           onClick={() => {
@@ -73,8 +69,8 @@ const my = (props: any) => {
             });
           }}
         />
-           <Cell icon='friends' title="关于我们" isLink />
-          <Cell icon='setting' title="版本日志" isLink />
+        <Cell icon="friends" title="关于我们" isLink />
+        <Cell icon="setting" title="版本日志" isLink />
       </View>
 
       <TabbarCom active={2} />