惠民通

api/information/information.js

@@ -9,13 +9,17 @@ export function governmentListData(query) {
   })
 }
 
+// 政策推荐更多
+export function governmentListMore(query) {
+    return request({
+        url: '/jnb/information/listWxs',
+        method: 'get',
+        params:query
+    })
+}
+
 
 //资讯前三条置顶uniapp
-//{
-// 			  pageSize: 10,
-// 			  pageNum: 1,
-// 			  type:10,
-// 			  }
 export function listWx(query) {
   return request({
     url: '/jnb/information/listWx',
@@ -24,11 +28,6 @@ export function listWx(query) {
   })
 }
 //查询资讯列表uniapp
-//{
-// 			  pageSize: ,
-// 			  pageNum: ,
-// 			  type:,
-// 			  }
 export function listWxs(query) {
   return request({
     url: '/jnb/information/listWxs',
@@ -69,4 +68,4 @@ export function delServer(ids,type) {
     url: '/jnb/information/' + ids + '/' + type,
     method: 'delete'
   })
-}
+}

pages/index/index.vue

@@ -342,6 +342,7 @@ export default {
 			  pageSize: 10,
 			  pageNum: 1,
 			  type:10,
+			  isGovernment:1
 			  }
 			governmentListData(params).then(res =>{
 				if (res.code==200) {

pages/toGovernmentList/index.css

@@ -0,0 +1,194 @@
+/*
+/* 热门问答 */
+.rnwdList {
+    width: 100%;
+}
+
+.list {
+    border-bottom: solid 2rpx #f6f6f6;
+    padding: 10rpx 0;
+    width: 100%;
+}
+
+.listTitle {
+    font-size: 32rpx;
+    color: #333;
+    line-height: 40rpx;
+}
+
+.jlSj {
+    height: 40rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    font-size: 24rpx;
+    margin: 20rpx 0 0 0;
+}
+
+.jf {
+    color: #07c160;
+}
+
+.icon-jifen {
+    font-size: 26rpx;
+    color: #07c160;
+    margin: 0 0 0 6rpx;
+}
+
+.ck {
+    color: #c4c4c4;
+}
+
+.icon-pinglun,
+.icon-chakan,
+.icon-shoucang {
+    font-size: 28rpx;
+    margin: 0 6rpx 0 20rpx;
+    color: #c4c4c4;
+}
+
+.onePic {
+    width: 100%;
+    height: 360rpx;
+    border-radius: 20rpx;
+    overflow: hidden;
+    margin: 20rpx 0;
+}
+
+.onePic image {
+    width: 100%;
+    height: 100%;
+}
+.imageContainer {
+  display: flex;
+}
+
+.imageContainer.one-image {
+  justify-content: center;
+  align-items: center;
+}
+
+.imageContainer.two-images {
+  justify-content: space-between;
+}
+
+.imageContainer.three-images {
+  justify-content: space-between;
+}
+
+.imageContainer image {
+  /* 根据需要设置图片样式 */
+}
+.twoPic {
+    width: 100%;
+    height: 220rpx;
+    margin: 20rpx 0;
+    display: flex;
+    justify-content: space-between;
+}
+
+.twoPic image {
+    width: 49%;
+    height: auto;
+    border-radius: 20rpx;
+}
+
+.threePic {
+    width: 100%;
+    height: 160rpx;
+    margin: 20rpx 0;
+    display: flex;
+    justify-content: space-between;
+}
+
+.threePic image {
+    width: 32%;
+    height: auto;
+    border-radius: 20rpx;
+}
+
+/* 热门知识 */
+.rmzsList li {
+    width: 100%;
+    border-bottom: solid 2rpx #f6f6f6;
+    padding: 20rpx 0;
+    display: flex;
+    justify-content: space-between;
+}
+
+.rmzsList li image {
+    width: 40%;
+    height: 200rpx;
+}
+
+.listCont {
+    width: 58%;
+}
+
+.listCont p {
+    font-size: 32rpx;
+    color: #333;
+    overflow: hidden;
+    line-height: 40rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+}
+
+.listCont text {
+    font-size: 24rpx;
+    color: #9c9c9c;
+}
+
+.biaoqian {
+    display: flex;
+    margin: 6rpx 0;
+}
+
+.biaoqian span {
+    padding: 2rpx 20rpx;
+    font-size: 20rpx;
+    background: #e0e0e0;
+    color: #9c9c9c;
+    margin: 0 20rpx 0 0;
+    border-radius: 30rpx;
+}
+
+.jiage {
+    display: flex;
+}
+
+.yhjg {
+    font-size: 30rpx;
+    color: #07c160;
+}
+
+.yhjg em {
+    font-size: 24rpx;
+    color: #07c160;
+}
+
+.yjjg {
+    font-size: 24rpx;
+    color: #9c9c9c;
+    margin: 6rpx 0 0 20rpx;
+    text-decoration: line-through;
+}
+
+/* 公告start */
+
+.swiper_container {
+    height: 55rpx;
+    width: 70%;
+    line-height: 60rpx;
+}
+
+.swiper_item {
+    color: #000;
+    font-size: 28rpx;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}

pages/toGovernmentList/toGovernmentList.vue

@@ -1,26 +1,72 @@
 <template>
-	<view>
-	  <text>秦厚玉</text>
-	</view>
+        <!-- 分割线 -->
+        <view class="container">
+            <view class="rnwdList">
+                <view class="list" v-for="(item, index) in indexList1" :key="index" @click="toGovernmentList1">
+                    <span class="listTitle">{{ item.titleName }}</span>
+                    <view class="onePic" v-if="item.urls!=null&&item.urls.length > 0" v-for="(url, i) in item.urls">
+                        <image :src="'http://localhost:88/dev-api'+url" :key="i"></image>
+                    </view>
+                    <view class="jlSj">
+                        <span class="jf">
+                            {{ item.createTime }}
+                        </span>
+                        <view class="ck">
+                            <span>
+                                <em class="iconfont icon-chakan"></em>
+                                {{ item.watchNum }}
+                            </span>
+                            <span>
+                                <em class="iconfont icon-shoucang"></em>
+                                {{ item.likeNum }}
+                            </span>
+                        </view>
+                    </view>
+                </view>
+            </view>
+        </view>
 
 </template>
 
 <script>
-	
-	export default {
-		data() {
-			return {
-				
-			};
-		},
-		mount() {
-			
-		},
-		methods: {
-			
+	import {governmentListMore} from '@/api/information/information.js'
+export default {
+    data() {
+        return {
+            indexList1: []
+        };
+    }
+    /**
+     * 生命周期函数--监听页面加载
+     */,
+    onLoad(options) {
+		this.governmentListMores()
+    },
+	mounted() {
+
+	},
+    methods: {
+      toGovernmentList1(){
+        uni.navigateTo({
+          url: '/pages/toGovernmentList/toGovernmentListDetail'
+        });
+      },
+		governmentListMores(){
+			let params = {
+			  pageSize: 10,
+			  pageNum: 1,
+			  type:10,
+			  isGovernment:1
+			  }
+			governmentListMore(params).then(res =>{
+				if (res.code==200) {
+					this.indexList1=res.rows
+				}
+			})
 		}
-	}
+    }
+};
 </script>
 <style scoped>
-	
-</style>
+	@import url("./index.css");
+</style>

pages/toGovernmentList/toGovernmentListDetail.css

@@ -0,0 +1,160 @@
+/* pages/wenbaxiangqing.wxss */
+.title {
+    font-size: 44rpx;
+    text-align: center;
+    line-height: 70rpx;
+    color: #333;
+    margin: 30rpx 0;
+}
+.wenzhangLy {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    border-bottom: solid 2rpx #e8e8e8;
+    padding: 0 0 14rpx 0;
+}
+.txTime {
+    display: flex;
+    flex-direction: row;
+}
+.txTime image {
+    width: 80rpx;
+    height: 80rpx;
+}
+.time {
+    display: flex;
+    flex-direction: column;
+    padding: 10rpx 0 0 8px;
+}
+.time p {
+    font-size: 28rpx;
+    color: #9c9c9c;
+}
+.time span {
+    font-size: 24rpx;
+    color: #c4c4c4;
+}
+
+.jf {
+    color: #07c160;
+    line-height: 80rpx;
+    font-size: 24rpx;
+}
+.icon-jifen {
+    font-size: 28rpx;
+    color: #07c160;
+    margin: 0 0 0 6rpx;
+}
+.ck {
+    color: #c4c4c4;
+    font-size: 28rpx;
+}
+.icon-pinglun,
+.icon-chakan,
+.ck .icon-shoucang {
+    font-size: 28rpx;
+    margin: 0 6rpx 0 20rpx;
+    color: #c4c4c4;
+    line-height: 0;
+}
+.wenzhangCont {
+    font-size: 34rpx;
+    margin: 30rpx 0;
+}
+.wenzhangCont image {
+    width: 100%;
+    height: 320rpx;
+    margin: 20rpx auto;
+}
+.pinglunTj {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    margin: 30rpx 0;
+}
+.pinglunTitle {
+    font-size: 34rpx;
+    color: #2e2e2e;
+    font-weight: 600;
+}
+.pinglunTitle em {
+    font-size: 34rpx;
+    color: #9b9b9b;
+    font-weight: normal;
+    margin: 0 0 0 10rpx;
+}
+.pinglunList {
+    width: 100%;
+    padding: 0 0 120rpx 0;
+}
+.pinglunList li {
+    margin: 20rpx 0;
+    border-bottom: solid 2rpx #e8e8e8;
+    padding: 0 0 20rpx 0;
+    display: flex;
+    flex-direction: column;
+}
+.plListcont {
+    font-size: 30rpx;
+    color: #696868;
+    margin: 20rpx 0;
+}
+.pinglunList li button {
+    width: 80%;
+    border-radius: 10rpx;
+    background: #07c160;
+    color: #fff;
+    font-size: 28rpx;
+    font-weight: normal;
+    margin: 16rpx auto;
+}
+.fabiaoPl {
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    position: fixed;
+    left: 0;
+    bottom: 0;
+    height: 112rpx;
+    background: #e8e8e8;
+    box-shadow: 0rpx 0rpx 16rpx #999;
+}
+.shuRu {
+    width: 72%;
+    display: flex;
+    flex-direction: row;
+    height: 76rpx;
+    background: #e0e0e0;
+    border-radius: 60rpx;
+    margin: 20rpx 0 0 20rpx;
+}
+.shuRu input {
+    line-height: 38px;
+    height: 76rpx;
+    font-size: 30rpx;
+    width: 83%;
+}
+.icon-bianji {
+    font-size: 38rpx;
+    line-height: 76rpx;
+    margin: 0 10rpx 0 20rpx;
+    color: #828181;
+}
+.icon-shoucang {
+    font-size: 50rpx;
+    line-height: 112rpx;
+    color: #828181;
+}
+.fasong {
+    width: 58rpx;
+    height: 58rpx;
+    border-radius: 50rpx;
+    background: #07c160;
+    margin: 26rpx 20rpx 0 10rpx;
+    text-align: center;
+    line-height: 58rpx;
+}
+.icon-fasong {
+    font-size: 40rpx;
+    color: #fff;
+}