feat: 活动详情页
This commit is contained in:
eric
@@ -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()}]);
|
||||
@@ -6,6 +6,8 @@
|
||||
|
||||
/*! @antmjs/vantui/es/button */
|
||||
|
||||
/*! @antmjs/vantui/es/cell */
|
||||
|
||||
/*! @antmjs/vantui/es/image */
|
||||
|
||||
/*! @tarojs/components */
|
||||
|
||||
2
dist/pages/home/index.js
vendored
2
dist/pages/home/index.js
vendored
File diff suppressed because one or more lines are too long
10
dist/pages/home/index.js.LICENSE.txt
vendored
10
dist/pages/home/index.js.LICENSE.txt
vendored
@@ -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 ***!
|
||||
\*********************************************************/
|
||||
|
||||
4
dist/pages/home/index.wxss
vendored
4
dist/pages/home/index.wxss
vendored
@@ -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 ***!
|
||||
\*********************************************************************************************************************************************************************************************************************/
|
||||
|
||||
@@ -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>
|
||||
<Image
|
||||
<View>{`活动标题活动标题活动标题活动标题活动标题活动标题活动标题`}</View>
|
||||
<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} />
|
||||
|
||||
@@ -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 (
|
||||
|
||||
Reference in New Issue
Block a user