新增了活动详情页面和报名页面

api/activity/index.js

 import {request} from '../../util/api'
 
-// 公告列表
+// 活动列表
 export function activityList(query) {
     return request({
         url:'/app/cmsActivity/queryCmsActivityByPagination',
@@ -8,3 +8,11 @@ export function activityList(query) {
         method: 'GET',
     })
 }
+
+//活动详情
+export function activityDetail(id) {
+    return request({
+        url:'/app/cmsActivity/detail/'+id,
+        method: 'GET',
+    })
+}

pages.json

@@ -58,6 +58,17 @@
 		}
 	],
 	"subPackages": [
+		{
+			"root": "pagesActivity",
+			"pages": [
+				{
+					"path": "components/activityDetail",
+					"style": {
+						"navigationBarTitleText": "活动详情"
+					}
+				}
+			]
+		},
 		{
 			"root": "pagesNotice",
 			"pages": [

pages/tab/activity.vue

@@ -9,7 +9,7 @@
           </view>
         </view>
 <!--        活动列表-->
-        <view class="card" v-for="(item,index) in activityList" :key="index" @click="gotodetail(item)">
+        <view class="card" v-for="(item,index) in activityList" :key="index" @click="gotopage(item)">
             <view class="contentBody">
               <view class="leftlist">
                 <image src="/static/images/home/gonggao.png" class="leftlistimage"/>
@@ -175,6 +175,12 @@ export default {
         console.log(e)
       })
     },
+    // 页面跳转
+    gotopage(item) {
+      uni.navigateTo({
+        url: '/pagesActivity/components/activityDetail?id='+item.businessId
+      })
+    },
   },
 };
 </script>

pagesActivity/component/activitydetail.vue → pagesActivity/components/activityDetail.vue

 <template>
 	<view class="activity-detail">
 		<view :class="show ? 'popupShow' : ''">
-			<view class="act-title">{{activityDetail.name}}</view>
+			<view class="act-title">{{activityDetail.title}}</view>
 			<view class="act-body">
-				<!-- <view class="act-from">来源：龙韵文创园区</view> -->
-				<view class="act-time">{{activityDetail.activityBeginDate}}</view>
+				<view class="act-time">{{activityDetail.createDate}}</view>
 			</view>
 			<view>
-				<view class="act-detail" v-html="activityDetail.activityDetails">
+				<view class="act-detail" v-html="activityDetail.details">
 			</view>
 			</view>
 			<view class="act-bottom" v-if="type!=='1'">
@@ -20,18 +19,18 @@
 				<view class="popup-title">报名</view>
 				<view class="pop-body">
 					<view>
-						<image class="popbody-image" :src="baseURL+businessActivityDetail.imgUrl"/>
+						<image class="popbody-image" src="../../static/images/home/gonggao.png"/>
 					</view>
 					<view>
-						<view class="popbod-title">{{businessActivityDetail.name}}</view>
+						<view class="popbod-title">{{activityDetail.title}}</view>
 						<view class="pop-time">
-							<image class="poptime-img" :src="baseURL+'static/images/日期.png'"/>
-								<view class="poptime-text">{{businessActivityDetail.activityBeginDate}}</view>
+							<image class="poptime-img" src="../../static/images/activity/date.png"/>
+								<view class="poptime-text">{{activityDetail.createDate}}</view>
 						</view>
 						<view class="pop-price">
-							<image class="popprice-img" :src="baseURL+'static/images/单价.png'"/>
+							<image class="popprice-img" src="../../static/images/activity/unitPrice.png"/>
 
-								<view class="popprice-text">单价:<text>￥{{businessActivityDetail.price}}次/人</text></view>
+								<view class="popprice-text">单价:<text>￥{{activityDetail.registrationFee}}次/人</text></view>
 						</view>
 					</view>
 				</view>
@@ -115,28 +114,16 @@
 </template>
 
 <script>
-	import {activitydetail} from "../../api/activity/index.js"
-	import {
-		queryDetailById,
-		busActivityList,
-		couponList,
-		receivedcoupon,
-		claimcoupons,
-		memberdiscount,
-		addorder,
-		pay,
-		updateorderstatus
-	} from '../../api/business/index.js'
+	import {activityDetail} from "../../api/activity/index.js"
 	export default {
 		data() {
 			return {
 				baseURL: 'http://localhost:8088/idea/file/',
-				show: false,
+				show: false, //报名弹窗
 				show1: false, // 是否显示优惠券弹窗
 				show2: false, // 是否显示可用优惠券弹窗
-				show3: false,
-				id: '',
-				activityDetail: '',
+				show3: false, //是否使用折扣券弹出框
+				activityDetail: {},//活动详情
 				type: '',
 				businessActivityDetail: {}, //活动详情
 				couponList: [], //优惠券列表
@@ -156,23 +143,17 @@
 			}
 		},
 		onLoad(options) {
-			this.id = JSON.parse(options.id)
-			if (options != null) {
-				this.id = JSON.parse(decodeURIComponent(options.id))
-				console.log("传参的id", this.id)
-				this.type = decodeURIComponent(options.type)
-				console.log("传参的type", this.type)
-			}
+			this.activityId = JSON.parse(options.id)
 			this.getActivityDetail()
 		},
 		methods: {
 			// 获取活动详情
 			getActivityDetail(){
-				activitydetail(this.id).then(res=>{
+        activityDetail(this.activityId).then(res=>{
 					console.log("活动详情",res)
-					this.activityDetail  =res.data
+					this.activityDetail = res.data.data
 					// 处理图片样式问题
-					this.activityDetail.activityDetails = res.data.activityDetails.replace(/\<img/gi,
+					this.activityDetail.details = res.data.details.replace(/\<img/gi,
 						'<img style="max-width:100%;height:auto;border-radius: 12px 12px 12px 12px;" ')
 				})
 			},
@@ -421,6 +402,12 @@
 			color: #222222;
 			padding-bottom: 42rpx;
 			border-bottom: 1px solid #ECECEC;
+      /* 超出3行省略 */
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 3; /* 控制行数 */
 		}
 
 		.act-body {
@@ -461,7 +448,7 @@
 			position: fixed;
 			bottom: 0;
 			margin: 0 -34rpx;
-
+      box-sizing: border-box;
 			.act-button {
 				width: 100%;
 				height: 44px;
@@ -505,7 +492,13 @@
 					font-weight: 500;
 					color: #222222;
 					margin-bottom: 26rpx;
-					height: 76rpx;
+					height: 80rpx;
+          /* 超出2行省略 */
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 2; /* 控制行数 */
 				}
 				.pop-time{
 					display: flex;