feat: 我的页面

dist/pages/activityList/components/details/index.js

@@ -1,2 +1,2 @@
 /*! For license information please see index.js.LICENSE.txt */
-"use strict";(wx.webpackJsonp=wx.webpackJsonp||[]).push([["pages/activityList/components/details/index"],{"./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[9].use[1]!./src/pages/activityList/components/details/index.tsx":function(e,t,n){var s=n("./node_modules/@antmjs/vantui/es/button/index.js"),i=n("./node_modules/@antmjs/vantui/es/cell/index.js"),a=n("./node_modules/@antmjs/vantui/es/image/index.js"),o=n("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),c=n("./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js"),d=n("webpack/container/remote/@tarojs/taro"),l=n.n(d),r=n("webpack/container/remote/react"),u=n("./src/utils/index.ts"),m=n("webpack/container/remote/react/jsx-runtime");t.default=function details(){var e,t=(0,r.useState)([]),n=(0,o.default)(t,2),d=n[0],p=n[1],x=(0,r.useState)(0),f=(0,o.default)(x,2),j=f[0],v=f[1];return(0,r.useEffect)((function(){}),[]),(0,r.useEffect)((function(){var e,t=l().getSystemInfoSync(),n=t.screenHeight,s=t.safeArea,i=void 0===s?{}:s,a=null!==(e=n-(null==i?void 0:i.bottom))&&void 0!==e?e:0;v(a);var o={tableName:"cityNew",id:"80516fb66370bcf300b8f43c5f4dd52b",okFun:function okFun(e){var t;console.log("res",e),p(null!==(t=null==e?void 0:e.data)&&void 0!==t?t:[])}};(0,u.getTable)(o)}),[]),(0,m.jsxs)(c.View,{className:"detailContent",children:[(0,m.jsxs)(c.View,{children:[(0,m.jsx)(c.View,{children:"活动标题活动标题活动标题活动标题活动标题活动标题活动标题"}),(0,m.jsx)(a.default,{width:"100%",height:"120px",fit:"cover",src:"https://img.yzcdn.cn/vant/cat.jpeg"}),(0,m.jsxs)(c.View,{children:[(0,m.jsx)(i.default,{isLink:!0,icon:"clock",title:"2022年11月22日",linkType:"navigateTo",url:"/pages/dashboard/index"}),(0,m.jsx)(i.default,{isLink:!0,icon:"location",title:"广东省深圳市龙华区你好",linkType:"navigateTo",url:"/pages/dashboard/index"})]}),[1,2,3,4].map((function(e){return(0,m.jsx)(a.default,{round:!0,width:"30px",height:"30px",src:"https://img.yzcdn.cn/vant/cat.jpeg"})}))]}),(0,m.jsx)(c.View,{onClick:function onClick(){},className:"RichText",children:(0,m.jsx)(c.RichText,{nodes:null==d||null===(e=d[0])||void 0===e?void 0:e.richText})}),(0,m.jsx)(c.View,{className:"detailBtn",style:{bottom:"".concat(null!=j?j:0,"px")},children:(0,m.jsx)(s.default,{type:"primary",block:!0,children:"立即参加"})})]})}},"./src/pages/activityList/components/details/index.tsx":function(e,t,n){var s=n("webpack/container/remote/@tarojs/runtime"),i=n("./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[9].use[1]!./src/pages/activityList/components/details/index.tsx");Page((0,s.createPageConfig)(i.default,"pages/activityList/components/details/index",{root:{cn:[]}},{navigationBarTitleText:"活动详情"}||{}))}},function(e){e.O(0,["taro","vendors","common"],(function(){return t="./src/pages/activityList/components/details/index.tsx",e(e.s=t);var t}));e.O()}]);
+"use strict";(wx.webpackJsonp=wx.webpackJsonp||[]).push([["pages/activityList/components/details/index"],{"./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[9].use[1]!./src/pages/activityList/components/details/index.tsx":function(e,t,n){var s=n("./node_modules/@antmjs/vantui/es/button/index.js"),i=n("./node_modules/@antmjs/vantui/es/cell/index.js"),a=n("./node_modules/@antmjs/vantui/es/image/index.js"),o=n("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),c=n("./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js"),l=n("webpack/container/remote/@tarojs/taro"),d=n.n(l),r=n("webpack/container/remote/react"),u=n("./src/utils/index.ts"),m=n("webpack/container/remote/react/jsx-runtime");t.default=function details(){var e,t=(0,r.useState)([]),n=(0,o.default)(t,2),l=n[0],p=n[1],x=(0,r.useState)(0),j=(0,o.default)(x,2),f=j[0],v=j[1];return(0,r.useEffect)((function(){}),[]),(0,r.useEffect)((function(){var e,t=d().getSystemInfoSync(),n=t.screenHeight,s=t.safeArea,i=void 0===s?{}:s,a=null!==(e=n-(null==i?void 0:i.bottom))&&void 0!==e?e:0;v(a);var o={tableName:"cityNew",id:"80516fb66370bcf300b8f43c5f4dd52b",okFun:function okFun(e){var t;console.log("res",e),p(null!==(t=null==e?void 0:e.data)&&void 0!==t?t:[])}};(0,u.getTable)(o)}),[]),(0,m.jsxs)(c.View,{className:"detailContent",children:[(0,m.jsxs)(c.View,{children:[(0,m.jsx)(c.View,{children:"活动标题活动标题活动标题活动标题活动标题活动标题活动标题"}),(0,m.jsx)(a.default,{width:"100%",height:"180px",fit:"cover",src:"https://img.yzcdn.cn/vant/cat.jpeg"}),(0,m.jsxs)(c.View,{children:[(0,m.jsx)(i.default,{isLink:!0,icon:"clock",title:"2022年11月22日",linkType:"navigateTo",url:"/pages/dashboard/index"}),(0,m.jsx)(i.default,{isLink:!0,icon:"location",title:"广东省深圳市龙华区你好",linkType:"navigateTo",url:"/pages/dashboard/index"})]}),(0,m.jsx)(c.View,{className:"imagesArr",children:[1,2,3,4].map((function(e){return(0,m.jsx)(a.default,{round:!0,width:"30px",height:"30px",src:"https://img.yzcdn.cn/vant/cat.jpeg",style:{marginRight:"5px"}})}))})]}),(0,m.jsx)(c.View,{onClick:function onClick(){},className:"RichText",children:(0,m.jsx)(c.RichText,{nodes:null==l||null===(e=l[0])||void 0===e?void 0:e.richText})}),(0,m.jsx)(c.View,{className:"detailBtn",style:{bottom:"".concat(null!=f?f:0,"px")},children:(0,m.jsx)(s.default,{type:"primary",block:!0,children:"立即参加"})})]})}},"./src/pages/activityList/components/details/index.tsx":function(e,t,n){var s=n("webpack/container/remote/@tarojs/runtime"),i=n("./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??ruleSet[1].rules[9].use[1]!./src/pages/activityList/components/details/index.tsx");Page((0,s.createPageConfig)(i.default,"pages/activityList/components/details/index",{root:{cn:[]}},{navigationBarTitleText:"活动详情"}||{}))}},function(e){e.O(0,["taro","vendors","common"],(function(){return t="./src/pages/activityList/components/details/index.tsx",e(e.s=t);var t}));e.O()}]);

dist/pages/activityList/components/details/index.wxss

@@ -25,3 +25,15 @@
   width: 95%;
   position: fixed;
 }
+.imagesArr {
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+      -ms-flex-direction: row;
+          flex-direction: row;
+  padding: 10rpx;
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center;
+}

dist/pages/my/index.wxss

@@ -31,3 +31,7 @@
       -ms-flex-pack: center;
           justify-content: center;
 }
+
+.cellArr {
+  margin-top: 20rpx;
+}

src/pages/activityList/components/details/index.scss

@@ -20,3 +20,12 @@
     // background-color: yellow;
   }
 }
+
+
+.imagesArr{
+  display: flex;
+  flex-direction: row;
+  padding: 10px;
+  align-items:  center;
+  // justify-content: space-between;
+}

src/pages/activityList/components/details/index.tsx

@@ -43,7 +43,7 @@ const details = () => {
         <View>{`活动标题活动标题活动标题活动标题活动标题活动标题活动标题`}</View>
         <Image
           width="100%"
-          height="120px"
+          height="180px"
           fit="cover"
           src="https://img.yzcdn.cn/vant/cat.jpeg"
         />
@@ -55,7 +55,7 @@ const details = () => {
             linkType="navigateTo"
             url="/pages/dashboard/index"
           />
-           <Cell
+          <Cell
             isLink
             icon="location"
             title="广东省深圳市龙华区你好"
@@ -65,16 +65,21 @@ const details = () => {
         </View>
 
         {/* 头像列表 */}
-        {[1, 2, 3, 4].map((item: any) => {
-          return (
-            <Image
-              round
-              width="30px"
-              height="30px"
-              src="https://img.yzcdn.cn/vant/cat.jpeg"
-            />
-          );
-        })}
+        <View  className="imagesArr">
+          {[1, 2, 3, 4].map((item: any) => {
+            return (
+              <Image
+                round
+                width="30px"
+                height="30px"
+                src="https://img.yzcdn.cn/vant/cat.jpeg"
+                style={{marginRight:'5px'}}
+              />
+            );
+          })}
+        </View>
+
+        
       </View>
       {/* 富文本 */}
       <View onClick={() => {}} className="RichText">

src/pages/home/index.tsx

@@ -157,7 +157,8 @@ const Home = () => {
         <Divider />
       </View> */}
 
-      {[1, 2,3,4].map((item: any) => {
+      {/* 截取数组2个活动 */}
+      {[1, 2, 3, 4].splice(0, 2).map((item: any) => {
         return (
           <View
             onClick={() => {

src/pages/my/index.module.scss

@@ -8,4 +8,8 @@
     flex-direction: row;
     align-items: center;
     justify-content: center;
+}
+
+.cellArr{
+    margin-top: 20px;
 }

src/pages/my/index.tsx

@@ -55,11 +55,12 @@ const my = (props: any) => {
         </Tabs>
       </View>
 
-      <View>
-        <Cell title="个人资料" isLink />
+      <View className="cellArr"> 
+        <Cell icon='manager' title="个人资料" isLink />
         {/* <Cell title="收藏" isLink /> */}
         <Cell
           title="微信客服"
+          icon='wechat'
           isLink
           value=""
           onClick={() => {
@@ -72,7 +73,8 @@ const my = (props: any) => {
             });
           }}
         />
-        {/* <Cell title="单元格" isLink value="内容" arrowDirection="down" /> */}
+           <Cell icon='friends' title="关于我们" isLink />
+          <Cell icon='setting' title="版本日志" isLink />
       </View>
 
       <TabbarCom active={2} />