商学院暂存

public/appnew/src/components/businessCollege/articleDetail.vue

+<template>
+	<div>
+		<header-pulic :data="headerData"></header-pulic>
+	</div>
+</template>
+
+<script>
+	import '@/assets/js/layer041002.js';
+	import paginationLoad from '@/components/publicEg/paginationLoad';
+	import selfDefinedLi from '@/components/businessCollege/articleListLi';
+	export default {
+		name: '',
+		props: {
+			data: {
+				type: Object,
+				default: () => ({
+					message: 'hello'
+				})
+			},
+			dataindex: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		components: {
+			'pagination-load': paginationLoad,
+			'self-defined-li': selfDefinedLi
+		},
+		data: () => ({
+			headerData: {
+				'title': '',
+				'noborder': true,
+				'isBack': true
+			}
+		}),
+		created() {
+			let _this = this;
+			
+		},
+		mounted() {
+			let _this = this;
+			
+		},
+		methods: {
+			tabMain() {
+				
+			},
+			getLoad() {
+				
+			}
+		},
+		computed: {
+
+		}
+	}
+</script>
+
+<style scoped>
+	
+</style>
\ No newline at end of file

public/appnew/src/components/businessCollege/articleList.vue

+<template>
+	<div>
+		<header-pulic :data="headerData"></header-pulic>
+		<nav>
+			<div class="nav-main">
+				<div v-for="(item, index) in mainData" :key="item.title" :class="{active:index === initTabNumMain}" @click="tabMain(index)">{{item.title}}</div>
+			</div>
+			<div class="nav-seat"></div>
+		</nav>
+		<main>
+			<section v-for="(item, index) in mainData">
+				<pagination-load :canload="!isStop" :distance="10" @load="getLoad">
+					<ul>
+						<li is="self-defined-li" v-for="(item2, index2) in item.dataList" :data="item2" :dataindex="index2"></li>
+					</ul>
+				</pagination-load>
+				<div class="no-data-block" v-if="noDataFlag">暂无数据</div>
+				<div class="no-more-block" v-if="!noDataFlag&&isStop">没有更多了...</div>
+			</section>
+		</main>
+		<div class="loading-gif-block" v-show="isLoading">正在加载...</div>
+	</div>
+</template>
+
+<script>
+	import '@/assets/js/layer041002.js';
+	import paginationLoad from '@/components/publicEg/paginationLoad';
+	import selfDefinedLi from '@/components/businessCollege/articleListLi';
+	export default {
+		name: '',
+		props: {
+			data: {
+				type: Object,
+				default: () => ({
+					message: 'hello'
+				})
+			},
+			dataindex: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		components: {
+			'pagination-load': paginationLoad,
+			'self-defined-li': selfDefinedLi
+		},
+		data: () => ({
+			headerData: {
+				'title': '商学院',
+				'noborder': true,
+				'isBack': false
+			},
+			initTabNumMain: 0,
+			isStop: false,
+			isLoading: false,
+			noDataFlag: false,
+			mainData: [{
+				'title': '全部',
+				'type': 0,
+				'dataList': [{
+					'content': '企业八星级价值观,企业八星级价值观,企业八星级价值观',
+					'time': '2018-05-06 17:06:12',
+					'img': ''
+				},{
+					'content': '企业八星级价值观,企业八星级价值观,企业八星级价值观',
+					'time': '2018-05-06 17:06:12',
+					'img': ''
+				}]
+			},{
+				'title': '企业文化',
+				'type': 0,
+				'dataList': []
+			},{
+				'title': '团队绩效',
+				'type': 0,
+				'dataList': []
+			},{
+				'title': '团队建设',
+				'type': 0,
+				'dataList': []
+			},{
+				'title': '业务技巧',
+				'type': 0,
+				'dataList': []
+			}]
+		}),
+		created() {
+			let _this = this;
+			
+		},
+		mounted() {
+			let _this = this;
+			
+		},
+		methods: {
+			tabMain() {
+				
+			},
+			getLoad() {
+				
+			}
+		},
+		computed: {
+
+		}
+	}
+</script>
+
+<style scoped>
+	nav>.nav-main {
+		display: flex;
+		box-sizing: border-box;
+		background-color: white;
+		width: 100%;
+		height: .9rem;
+		line-height: .9rem;
+		padding: 0 .3rem;
+		border-bottom: 1px solid #eee;
+		position: fixed;
+		left: 0;
+		top: .88rem;
+	}
+	nav>.nav-seat {
+		height: .9rem;
+	}
+	nav>.nav-main>div {
+		font-size: .28rem;
+		flex: 1;
+		text-align: center;
+		color: #4c4c4c;
+	}
+	
+	nav>.nav-main>div.active {
+		color: rgb(255, 148, 25);
+		position: relative;
+	}
+	
+	nav>.nav-main>div.active::after {
+		content: '';
+		position: absolute;
+		left: 50%;
+		bottom: 0;
+		width: .4rem;
+		margin-left: -.2rem;
+		height: .06rem;
+		border-radius: .03rem;
+		background-color: rgb(255, 161, 50);
+	}
+</style>
\ No newline at end of file

public/appnew/src/components/businessCollege/articleListLi.vue

+<template>
+	<li @click="goPage">
+		<div class="flex">
+			<div class="flex">
+				<p>{{data.content}}</p>
+				<p>{{data.time}}</p>
+			</div>
+			<div class="flex-center">
+				<img-error :datasrc="data.img" :imgtype="'avatar'"></img-error>
+			</div>
+		</div>
+	</li>
+</template>
+
+<script>
+	import '@/assets/js/layer041002.js';
+	export default {
+		name: '',
+		props: {
+			data: {
+				type: Object,
+				default: () => ({
+					message: 'hello'
+				})
+			},
+			dataindex: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		components: {
+			
+		},
+		data: () => ({
+			
+		}),
+		created() {
+			let _this = this;
+			
+		},
+		mounted() {
+			let _this = this;
+			
+		},
+		methods: {
+			goPage() {
+				let _this = this;
+				_this.$router.push({
+					path: '/articleDetail',
+					query: {
+						'id': '123'
+					}
+				});
+			}
+		},
+		computed: {
+
+		}
+	}
+</script>
+
+<style scoped>
+	li{
+		padding: 0 .3rem;
+		background-color: white;
+	}
+	li>div{
+		height: 2.2rem;
+		border-bottom: 1px solid #eee;
+	}
+	li>div>div:nth-of-type(1){
+		flex-direction: column;
+		justify-content: center;
+		padding-right: .5rem;
+	}
+	li>div>div:nth-of-type(1)>p:nth-of-type(1){
+		color: #343434;
+		font-size: .3rem;
+	}
+	li>div>div:nth-of-type(1)>p:nth-of-type(2){
+		color: #999;
+		font-size: .24rem;
+		padding-top: .2rem;
+	}
+	li>div>div:nth-of-type(2){
+		
+	}
+	li>div>div:nth-of-type(2)>img{
+		width: 2.2rem;
+		height: 1.6rem;
+		object-fit: cover;
+	}
+</style>
\ No newline at end of file

public/appnew/src/components/publicEg/entrance.vue

@@ -21,6 +21,10 @@
 						'token': _token
 					}
 				},
+				{
+					'path': '/businessCollege',
+					'nameCustom': '商学院'
+				},
 				{
 					'path': '/feeds',
 					'nameCustom': 'feed流',

public/appnew/src/router/index.js

@@ -14,6 +14,7 @@ import reportDetails from '@/components/reportDetails/reportDetails'
 import announcementDetails from '@/components/announcementDetails/announcementDetails'
 import inviteRegister from '@/components/inviteRegister/inviteRegister'
 import agreement from '@/components/inviteRegister/agreement'
+import businessCollege from '@/components/businessCollege/articleList'
 
 Vue.use(Router)
 
@@ -92,6 +93,11 @@ export default new Router({
 			path: '/agreement',
 			name: 'v-agreement',
 			component: agreement
+		},
+		{
+			path: '/businessCollege',
+			name: 'v-business-college',
+			component: businessCollege
 		}
 	]
 })
\ No newline at end of file