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/image/index.js"),a=n("./node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),o=n("./node_modules/@tarojs/plugin-platform-weapp/dist/components-react.js"),c=n("webpack/container/remote/@tarojs/taro"),d=n.n(c),l=n("webpack/container/remote/react"),r=n("./src/utils/index.ts"),u=n("webpack/container/remote/react/jsx-runtime");t.default=function details(){var e,t=(0,l.useState)([]),n=(0,a.default)(t,2),c=n[0],m=n[1],p=(0,l.useState)(0),x=(0,a.default)(p,2),f=x[0],j=x[1];return(0,l.useEffect)((function(){}),[]),(0,l.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;j(a);var o={tableName:"cityNew",id:"80516fb66370bcf300b8f43c5f4dd52b",okFun:function okFun(e){var t;console.log("res",e),m(null!==(t=null==e?void 0:e.data)&&void 0!==t?t:[])}};(0,r.getTable)(o)}),[]),(0,u.jsxs)(o.View,{className:"detailContent",children:[(0,u.jsxs)(o.View,{children:[(0,u.jsx)(o.View,{children:"活动标题活动标题活动标题活动标题活动标题活动标题活动标题"}),(0,u.jsx)(i.default,{width:"100%",height:"120px",fit:"cover",src:"https://img.yzcdn.cn/vant/cat.jpeg"}),[1,2,3,4].map((function(e){return(0,u.jsx)(i.default,{round:!0,width:"30px",height:"30px",src:"https://img.yzcdn.cn/vant/cat.jpeg"})}))]}),(0,u.jsx)(o.View,{onClick:function onClick(){},className:"RichText",children:(0,u.jsx)(o.RichText,{nodes:null==c||null===(e=c[0])||void 0===e?void 0:e.richText})}),(0,u.jsx)(o.View,{className:"detailBtn",style:{bottom:"".concat(null!=f?f:0,"px")},children:(0,u.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"),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()}]);

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

@@ -6,6 +6,8 @@
 
 /*! @antmjs/vantui/es/button */
 
+/*! @antmjs/vantui/es/cell */
+
 /*! @antmjs/vantui/es/image */
 
 /*! @tarojs/components */

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

@@ -56,8 +56,6 @@
 
 /*! ./wxs */
 
-/*! @antmjs/vantui/es/divider */
-
 /*! @antmjs/vantui/es/grid */
 
 /*! @antmjs/vantui/es/grid-item */
@@ -124,10 +122,6 @@
   !*** ./node_modules/@antmjs/vantui/es/utils/type.js ***!
   \******************************************************/
 
-/*!*******************************************************!*\
-  !*** ./node_modules/@antmjs/vantui/es/divider/wxs.js ***!
-  \*******************************************************/
-
 /*!*******************************************************!*\
   !*** ./node_modules/@antmjs/vantui/es/field/index.js ***!
   \*******************************************************/
@@ -156,10 +150,6 @@
   !*** ./node_modules/@antmjs/vantui/es/toast/events.js ***!
   \********************************************************/
 
-/*!*********************************************************!*\
-  !*** ./node_modules/@antmjs/vantui/es/divider/index.js ***!
-  \*********************************************************/
-
 /*!*********************************************************!*\
   !*** ./node_modules/@antmjs/vantui/es/grid-item/wxs.js ***!
   \*********************************************************/

dist/pages/home/index.wxss

@@ -1,7 +1,3 @@
-/*!************************************************************************************************************************************************************************************************************************!*\
-  !*** 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/divider/index.css ***!
-  \************************************************************************************************************************************************************************************************************************/
-.van-divider{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-style:solid;border-width:0;margin:32rpx 0;margin:var(--divider-margin,32rpx 0);color:#969799;color:var(--divider-text-color,#969799);font-size:28rpx;font-size:var(--divider-font-size, 28rpx);line-height:48rpx;line-height:var(--divider-line-height, 48rpx);border-color:#ebedf0;border-color:var(--divider-border-color,#ebedf0)}.van-divider::after,.van-divider::before{display:block;-webkit-flex:1;flex:1;box-sizing:border-box;height:2rpx;border-color:inherit;border-style:inherit;border-width:2rpx 0 0}.van-divider::before{content:''}.van-divider--hairline::after,.van-divider--hairline::before{-webkit-transform:scaleY(.5);transform:scaleY(.5)}.van-divider--dashed{border-style:dashed}.van-divider--center::before,.van-divider--left::before,.van-divider--right::before{margin-right:32rpx;margin-right:var(--divider-content-padding,32rpx)}.van-divider--center::after,.van-divider--left::after,.van-divider--right::after{content:'';margin-left:32rpx;margin-left:var(--divider-content-padding,32rpx)}.van-divider--left::before{max-width:10%;max-width:var(--divider-content-left-width,10%)}.van-divider--right::after{max-width:10%;max-width:var(--divider-content-right-width,10%)}
 /*!*********************************************************************************************************************************************************************************************************************!*\
   !*** 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/grid/index.css ***!
   \*********************************************************************************************************************************************************************************************************************/

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

@@ -1,4 +1,4 @@
-import { Button } from "@antmjs/vantui";
+import { Button, Cell } from "@antmjs/vantui";
 import { RichText, View } from "@tarojs/components";
 import Taro from "@tarojs/taro";
 import react, { useEffect, useState } from "react";
@@ -40,13 +40,29 @@ const details = () => {
   return (
     <View className={`detailContent`}>
       <View>
-       <View>{`活动标题活动标题活动标题活动标题活动标题活动标题活动标题`}</View>
+        <View>{`活动标题活动标题活动标题活动标题活动标题活动标题活动标题`}</View>
-       <Image
+        <Image
           width="100%"
           height="120px"
           fit="cover"
           src="https://img.yzcdn.cn/vant/cat.jpeg"
         />
+        <View>
+          <Cell
+            isLink
+            icon="clock"
+            title="2022年11月22日"
+            linkType="navigateTo"
+            url="/pages/dashboard/index"
+          />
+           <Cell
+            isLink
+            icon="location"
+            title="广东省深圳市龙华区你好"
+            linkType="navigateTo"
+            url="/pages/dashboard/index"
+          />
+        </View>
 
         {/* 头像列表 */}
         {[1, 2, 3, 4].map((item: any) => {
@@ -61,7 +77,7 @@ const details = () => {
         })}
       </View>
       {/* 富文本 */}
-      <View onClick={() => {}} className='RichText'>
+      <View onClick={() => {}} className="RichText">
         {/* <View>{dataSource?.[0]?.actTitle}</View> */}
 
         <RichText nodes={dataSource?.[0]?.richText} />

src/pages/home/index.tsx

@@ -88,7 +88,7 @@ const Home = () => {
       {/* 轮播图 */}
       <View className="demo-box">
         <Swiper
-          height={200}
+          height={180}
           paginationColor="#426543"
           autoPlay="3000"
           initPage={initPage1}
@@ -153,9 +153,9 @@ const Home = () => {
       </Grid>
 
       {/* 分割线 */}
-      <View>
+      {/* <View>
         <Divider />
-      </View>
+      </View> */}
 
       {[1, 2,3,4].map((item: any) => {
         return (