<template>
	<view>
		<!-- search -->
		<top>
			<view slot="content" class="p30">
				<view class='borderwrap' >
					<!-- 导航6个 -->
					<u-row gutter="12" justify="around">
						<u-col span="3" v-for="item in imgList" @click="changeItem(item)">
							<u-image width="107rpx" height="113rpx" :src="item.src"></u-image>
							<view>{{item.title}}</view>
						</u-col>
					</u-row>
				</view>
				<!-- 综合新闻 -->
				<view class=''>
					<u-card class="borderwrap list" :title="cardCon.title" 
					:sub-title="cardCon.subTitle" 
					:thumb="cardCon.thumbimg" 
					:thumb-width="cardCon.thumbWidth"
					:title-color="cardCon.titleColor" 
					:title-size="cardCon.titleSize" 
					:sub-title-color="cardCon.titleColor"
					:sub-title-size="cardCon.titleSize" 
					:sub-thumb-width="cardCon.thumbWidth" 
					:margin="cardCon.margin"
					:padding="cardCon.padding"
					:show-foot="false">
						<view class="mb100" slot="body">
							<view v-for="(item,index) in list" :key="index">
								<view @click="gocontent" class="listitem u-body-item u-border-bottom u-col-between u-p-t-0">
									<view class="u-body-item-title u-line-2">{{item.title}}</view>
									<image v-if="index==0" width="100%" :src="item.imgs" mode=""></image>							
									<view class="times">{{item.time}}</view>
								</view>
							</view>
						</view>
					</u-card>			
				</view>
			</view>
			




		</top>




		<tab-bar :currentPage="0"></tab-bar>
	</view>




</template>

<script>
	export default {
		data() {
			return {
				cardCon:{
					title:"综合新闻",
					titleSize:"42",
					titleColor:"#DB1927",
					subTitle:"...",
					margin:"40rpx 0 0 0",
					thumbimg:"/static/tab/zhxwcur.png",
					thumbWidth:"40",
					padding:"15rpx 0"
				},
				
				imgList: [{
					title: "图片新闻",
					src: "/static/images/tpxw.png",
					path: "/pages/list/tpxw",
					index:0,
				}, {
					title: "综合新闻",
					src: "/static/images/zhxw.png",
					path: "/pages/list/zhxw",
					index:1,
				},  {
					title: "市局通知",
					src: "/static/images/sjtz.png",
					path: "/pages/list/zhxw",
					index:2,
				},  {
					title: "市局文件",
					src: "/static/images/sjwj.png",
					path: "/pages/list/zhxw",
					index:3,
				}, {
					title: "各地警讯",
					src: "/static/images/gdjx.png",
					path: "/pages/list/gdjx",
					index:4,
				}, {
					title: "机关动态",
					src: "/static/images/jgdt.png",
					path: "/pages/list/jgdt",
					index:5,
				}, {
					title: "好警纪实",
					src: "/static/images/hjjs.png",
					path: "/pages/list/hjjs",
					index:6,
				}, {
					title: "警营文化",
					src: "/static/images/jywh.png",
					path: "pages/list/jywh",
					index:7,
				}],
				list:[{
					title:"釉色渲染仕女图韵味被私藏，而你嫣然的一笑如含苞待放",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",
					url:"",
					time:"2022-08-21"
				},{
					title:"釉色渲染仕女图韵味被私藏，而你嫣然的一笑如含苞待放",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",
					url:"",
					time:"2022-08-21"
				},{
					title:"釉色渲染仕女图韵味被私藏，而你嫣然的一笑如含苞待放",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",
					url:"",
					time:"2022-08-21"
				},{
					title:"釉色渲染仕女图韵味被私藏，而你嫣然的一笑如含苞待放",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",
					url:"",
					time:"2022-08-21"
				},{
					title:"釉色渲染仕女图韵味被私藏，而你嫣然的一笑如含苞待放",
					imgs:"https://img11.360buyimg.com/n7/jfs/t1/94448/29/2734/524808/5dd4cc16E990dfb6b/59c256f85a8c3757.jpg",
					url:"",
					time:"2022-08-21"
				}]

			}
		},
		onLoad() {
			this.getList(7)
		},
		methods: {
			changeItem(item) {
				// uni.redirectTo({
				// 	url: '/pages/list/tpxw?menuindex='+item.index,
				// });
				// uni.setStorageSync("menuIndex", item.index);
				uni.switchTab({
					url: '/pages/list/tpxw',
				});
			},
			gocontent(){
				uni.redirectTo({
					url: '/pages/content/content',
				});
			},
			getList(id){
				console.log("aaa")
				var that = this
				that.util.request({
					api: '/e/extend/api/index.php',
					method: "GET",
					data: {
						action:"list",
						classid:id,
						page_size:1,
						page:1,
						ispic:1
					},
					utilSuccess: function(res) {
						
								console.log(res)
						// uni.showToast({
						// 	icon: "none",
						// 	title: "提交成功",
						// 	complete() {
						// 		that.afterSubmit(res);
						// 	},
						// 	duration: 2000
						// })
					},
					utilFail: function(res) {
						that.util.alert(res);
					}
				});
				
			}
		}
	}
</script>

<style scoped>
	.p30{
		padding:30rpx
	}
	.borderwrap {
		width: 100%;
		/* height: 435px; */
		background: #FFFFFF;
		box-shadow: 0px 0px 10px 0px rgba(98, 96, 96, 0.5)!important;
		border-radius: 29rpx!important;
		padding: 30rpx;
	}

	.borderwrap .u-row {}

	.borderwrap .u-row .u-col,
	.borderwrap .u-row .u-col .u-image {
		width: 30%;
		padding: 2% !important;
		text-align: center !important;
		display: inline-block;
	}

	.borderwrap .u-row .u-col view {
		color: #808080
	}

	
	.list{
		margin-top:40rpx;
		padding-top:0
	}
	.mb100{
		margin-bottom: 200rpx;
	}
	.list .u-card__body{
		margin-bottom:160rpx
	}
	.list .listitem{
		font-size:0;
		padding-bottom:15rpx;
	}
	.list .listitem view{
		font-size: 32rpx;
		font-family: SourceHanSansCN-Normal, SourceHanSansCN;
		font-weight: 400;
		color: #333333;
		margin:15rpx 0;
		
	}
	.list .listitem image{
		
	}
	.list .listitem .times{
		color:#808080;
		font-size: 26rpx;
	}
</style>
