Browse Source

干货分享页面;

sinea17 2 years ago
parent
commit
c5702578a6
3 changed files with 270 additions and 35 deletions
  1. 33 35
      pages.json
  2. 22 0
      pages/BBS/activity.vue
  3. 215 0
      pages/BBS/index.vue

+ 33 - 35
pages.json

@@ -1,25 +1,28 @@
 {
 	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
 		{
-			"path": "pages/taxationLesson/index",
+			"path": "pages/index/index",
 			"style": {
-				"navigationBarTitleText": "创业社区"
+				"navigationBarTitleText": "首页"
+			}
+		},
+		{
+			"path": "pages/BBS/index",
+			"style": {
+				"navigationBarTitleText": "干货分享"
 			}
-
 		},
 		{
 			"path": "pages/taxationLesson/active",
 			"style": {
 				"navigationBarTitleText": "社区活动"
 			}
-
 		},
 		{
 			"path": "pages/taxationLesson/ticket",
 			"style": {
 				"navigationBarTitleText": "领券中心"
 			}
-
 		},
 		{
 			"path": "pages/taxationLesson/rich_card",
@@ -37,12 +40,6 @@
 
 		},
 		{
-			"path": "pages/index/index",
-			"style": {
-				"navigationBarTitleText": "首页"
-			}
-		},
-		{
 			"path": "pages/self/index",
 			"style": {
 				"navigationBarTitleText": "我的"
@@ -223,45 +220,46 @@
 			}
 		},
 		{
-			"path" : "pages/appCenter/accounting/detail",
-			"style" : 
-			{
-				"navigationBarTitleText" : "记账报税详情"
+			"path": "pages/appCenter/accounting/detail",
+			"style": {
+				"navigationBarTitleText": "记账报税详情"
 			}
 		},
 		{
-			"path" : "pages/appCenter/accounting/ticket",
-			"style" : 
-			{
-				"navigationBarTitleText" : "上传票据"
+			"path": "pages/appCenter/accounting/ticket",
+			"style": {
+				"navigationBarTitleText": "上传票据"
 			}
 		},
 		{
-			"path" : "pages/appCenter/tax/index",
-			"style" : 
-			{
-				"navigationBarTitleText" : "税控托管"
+			"path": "pages/appCenter/tax/index",
+			"style": {
+				"navigationBarTitleText": "税控托管"
 			}
 		},
 		{
-			"path" : "pages/self/contract",
-			"style" : 
-			{
-				"navigationBarTitleText" : "我的合同"
+			"path": "pages/self/contract",
+			"style": {
+				"navigationBarTitleText": "我的合同"
 			}
 		},
 		{
-			"path" : "pages/self/enterprise/index",
-			"style" : 
-			{
-				"navigationBarTitleText" : "我的企业"
+			"path": "pages/self/enterprise/index",
+			"style": {
+				"navigationBarTitleText": "我的企业"
+			}
+		},
+		{
+			"path": "pages/self/enterprise/info",
+			"style": {
+				"navigationBarTitleText": "企业资料"
 			}
 		},
 		{
-			"path" : "pages/self/enterprise/info",
+			"path" : "pages/BBS/activity",
 			"style" : 
 			{
-				"navigationBarTitleText" : "企业资料"
+				"navigationBarTitleText" : "社区活动"
 			}
 		}
 	],
@@ -280,10 +278,10 @@
 				"text": "首页"
 			},
 			{
-				"pagePath": "pages/taxationLesson/index",
+				"pagePath": "pages/BBS/index",
 				"iconPath": "/static/tabbar/honer.png",
 				"selectedIconPath": "/static/tabbar/honer-ed.png",
-				"text": "财税课堂"
+				"text": "干货分享"
 			},
 			{
 				"pagePath": "pages/appCenter/index",

+ 22 - 0
pages/BBS/activity.vue

@@ -0,0 +1,22 @@
+<template>
+	<view>
+		
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+
+</style>

+ 215 - 0
pages/BBS/index.vue

@@ -0,0 +1,215 @@
+<template>
+	<view class="page-wrap">
+		<image class="banner banner-1" src="../../static/taxation/poster.jpg"></image>
+		<view class="title-row">
+			<view class="line"></view>
+			<view class="point"></view>
+			<view class="title">社区活动</view>
+			<view class="point"></view>
+			<view class="line"></view>
+		</view>
+		<view class="activity-panel">
+			<view class="item">
+				<view class="name">8月供需对接会</view>
+				<view class="type">线下活动</view>
+				<image class="img" src="../../static/taxation/poster.jpg" mode="aspectFill"></image>
+			</view>
+			<view class="item">
+				<view class="name">创业大讲堂</view>
+				<view class="type">线上课程</view>
+				<image class="img" src="../../static/taxation/poster.jpg" mode="aspectFill"></image>
+			</view>
+			<view class="item">
+				<view class="name">职工素质讲座</view>
+				<view class="type">线下活动</view>
+				<image class="img" src="../../static/taxation/poster.jpg" mode="aspectFill"></image>
+			</view>
+			<view class="item">
+				<view class="name">创业分享会</view>
+				<view class="type">线下活动</view>
+				<image class="img" src="../../static/taxation/poster.jpg" mode="aspectFill"></image>
+			</view>
+		</view>
+		<view class="link-panel">
+			<view class="link">大学生创业之路</view>
+			<view class="link">创业的五个思路</view>
+			<view class="link">创业经验少走2年弯路!</view>
+		</view>
+		<image class="banner banner-2" src="../../static/taxation/poster2.png"></image>
+		<view class="title-row">
+			<view class="line"></view>
+			<view class="point"></view>
+			<view class="title">创业干货</view>
+			<view class="point"></view>
+			<view class="line"></view>
+		</view>
+		<view class="article-panel">
+			<view class="item">
+				<view class="title">小微企业--全额返还</view>
+				<view class="from">鑫恩华创业社区</view>
+				<view class="time">2023-12-19 20:38:06</view>
+				<image class="img" src="../../static/taxation/poster.jpg" mode="aspectFill"></image>
+			</view>
+			<view class="item">
+				<view class="title">政策直通--国科小那些事儿</view>
+				<view class="from">鑫恩华创业社区</view>
+				<view class="time">2023-12-19 20:38:06</view>
+				<image class="img" src="../../static/taxation/poster.jpg" mode="aspectFill"></image>
+			</view>
+			<view class="item">
+				<view class="title">税筹--劳务派遣与劳务分包</view>
+				<view class="from">鑫恩华创业社区</view>
+				<view class="time">2023-12-19 20:38:06</view>
+				<image class="img" src="../../static/taxation/poster.jpg" mode="aspectFill"></image>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {};
+	},
+	methods: {}
+};
+</script>
+
+<style lang="scss" scoped>
+	.page-wrap{
+		padding-bottom: 41.21rpx;
+	}
+.banner {
+	display: block;
+	width: 100%;
+	&-1{
+		height: 295.33rpx;
+		margin-bottom: 13.74rpx;
+	}
+	&-2{
+		height: 171.7rpx;
+	}
+}
+.title-row {
+	height: 82.42rpx;
+	box-sizing: border-box;
+	border-bottom: 1rpx solid #e0e0e0;
+	background: #fff;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	.line {
+		width: 42.58rpx;
+		height: 1rpx;
+		background: #ccc;
+		margin: 0 5.49rpx;
+	}
+	.point {
+		width: 8.24rpx;
+		height: 8.24rpx;
+		border-radius: 50%;
+		background: #ccc;
+	}
+	.title {
+		font-size: 30.22rpx;
+		padding: 0 13.74rpx;
+	}
+}
+.activity-panel{
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: space-between;
+	background: #fff;
+	padding: 13.74rpx 27.47rpx 0;
+	.item{
+		width: 343.41rpx;
+		height: 137.36rpx;
+		background: #fafafa;
+		padding: 0 144.23rpx 0 27.47rpx;
+		box-sizing: border-box;
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		position: relative;
+		margin-bottom: 13.74rpx;
+	}
+	.name{
+		font-size: 27.47rpx;
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+	.type{
+		font-size: 24.73rpx;
+		color: #999;
+		margin-top: 5.49rpx;
+	}
+	.img{
+		width: 103.02rpx;
+		height: 103.02rpx;
+		border-radius: 50%;
+		position: absolute;
+		right: 27.47rpx;
+		top: 50%;
+		transform: translateY(-50%);
+	}
+}
+.link-panel{
+	height: 82.42rpx;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	background: #fff;
+	.link{
+		white-space: nowrap;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		font-size: 24.73rpx;
+		color: #666;
+		margin-right: 27.47rpx;
+		&:last-child{
+			margin: 0;
+		}
+	}
+}
+.article-panel{
+	background: #fff;
+	.item{
+		height: 199.18rpx;
+		padding: 20.6rpx 233.52rpx 20.6rpx 31.59rpx;
+		position: relative;
+		border-bottom: 1rpx solid #e0e0e0;
+		box-sizing: border-box;
+		&:last-child{
+			border: none;
+		}
+	}
+	.title{
+		font-size: 27.47rpx;
+		height: 68.68rpx;
+		display: -webkit-box;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		-webkit-line-clamp: 2; 
+		-webkit-box-orient: vertical;
+		margin-bottom: 20.6rpx;
+		word-break: break-all;
+	}
+	.from{
+		font-size: 24.73rpx;
+		color: #666;
+		margin-bottom: 6.87rpx;
+	}
+	.time{
+		font-size: 24.73rpx;
+		color: #999;
+	}
+	.img{
+		width: 192.31rpx;
+		height: 164.84rpx;
+		position: absolute;
+		right: 20.6rpx;
+		top: 16.48rpx;
+	}
+}
+</style>