You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
264 lines
6.0 KiB
264 lines
6.0 KiB
<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 class="more" @click="changeItem({index:1})">
|
|
查看更多
|
|
<u-icon name="more-circle"></u-icon>
|
|
</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:"http://czga.langye.net/d/file/p/2022/08-24/3b37b135aad8a23ca8b8d698400dad62.jpg",
|
|
url:"",
|
|
time:"2022-08-24"
|
|
},{
|
|
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/list?index='+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: 130rpx;
|
|
}
|
|
.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;
|
|
}
|
|
.more{
|
|
text-align: center;
|
|
padding: 20px 0;
|
|
font-size: 20px;
|
|
}
|
|
</style>
|