diff --git a/src/App.vue b/src/App.vue index 2be5828..8235043 100644 --- a/src/App.vue +++ b/src/App.vue @@ -21,11 +21,15 @@ export default { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; - - // overflow: hidden; - // display: -webkit-box; - // -webkit-line-clamp: 1; - // -webkit-box-orient: vertical; - // word-break: break-all; +} +.text_18_333 { + font-size: 18px; + color: #333; +} +.pointer { + cursor: pointer; + &:hover { + color: #ffa32c; + } } diff --git a/src/api/home/home.js b/src/api/home/home.js index 9999a35..b0517c6 100644 --- a/src/api/home/home.js +++ b/src/api/home/home.js @@ -15,3 +15,10 @@ export function getPolicyRead(params) { params }); } +// 首页获取资讯快报列表 +export function getInformation(params) { + return request({ + url: '/mPolicy/getInformation', + params + }); +} diff --git a/src/assets/image/03.png b/src/assets/image/03.png new file mode 100644 index 0000000..f712d39 Binary files /dev/null and b/src/assets/image/03.png differ diff --git a/src/assets/image/about.png b/src/assets/image/about.png new file mode 100644 index 0000000..3dbcded Binary files /dev/null and b/src/assets/image/about.png differ diff --git a/src/assets/image/city/01.png b/src/assets/image/city/01.png new file mode 100644 index 0000000..e7260b1 Binary files /dev/null and b/src/assets/image/city/01.png differ diff --git a/src/assets/image/city/02.png b/src/assets/image/city/02.png new file mode 100644 index 0000000..d540c6b Binary files /dev/null and b/src/assets/image/city/02.png differ diff --git a/src/assets/image/city/03.png b/src/assets/image/city/03.png new file mode 100644 index 0000000..447ddaa Binary files /dev/null and b/src/assets/image/city/03.png differ diff --git a/src/assets/image/city/04.png b/src/assets/image/city/04.png new file mode 100644 index 0000000..dcfb815 Binary files /dev/null and b/src/assets/image/city/04.png differ diff --git a/src/assets/image/city/05.png b/src/assets/image/city/05.png new file mode 100644 index 0000000..4d0e5d2 Binary files /dev/null and b/src/assets/image/city/05.png differ diff --git a/src/assets/image/city/06.png b/src/assets/image/city/06.png new file mode 100644 index 0000000..7846414 Binary files /dev/null and b/src/assets/image/city/06.png differ diff --git a/src/assets/image/city/07.png b/src/assets/image/city/07.png new file mode 100644 index 0000000..8422993 Binary files /dev/null and b/src/assets/image/city/07.png differ diff --git a/src/assets/image/city/08.png b/src/assets/image/city/08.png new file mode 100644 index 0000000..b97f4d2 Binary files /dev/null and b/src/assets/image/city/08.png differ diff --git a/src/assets/image/city/09.png b/src/assets/image/city/09.png new file mode 100644 index 0000000..cc63280 Binary files /dev/null and b/src/assets/image/city/09.png differ diff --git a/src/assets/image/city/10.png b/src/assets/image/city/10.png new file mode 100644 index 0000000..9443e22 Binary files /dev/null and b/src/assets/image/city/10.png differ diff --git a/src/assets/image/city/11.png b/src/assets/image/city/11.png new file mode 100644 index 0000000..cb0d0d7 Binary files /dev/null and b/src/assets/image/city/11.png differ diff --git a/src/assets/image/city/12.png b/src/assets/image/city/12.png new file mode 100644 index 0000000..ccb43e2 Binary files /dev/null and b/src/assets/image/city/12.png differ diff --git a/src/assets/image/city/13.png b/src/assets/image/city/13.png new file mode 100644 index 0000000..0766662 Binary files /dev/null and b/src/assets/image/city/13.png differ diff --git a/src/assets/image/city/14.png b/src/assets/image/city/14.png new file mode 100644 index 0000000..44e9825 Binary files /dev/null and b/src/assets/image/city/14.png differ diff --git a/src/assets/image/city/15.png b/src/assets/image/city/15.png new file mode 100644 index 0000000..397548c Binary files /dev/null and b/src/assets/image/city/15.png differ diff --git a/src/assets/image/city/16.png b/src/assets/image/city/16.png new file mode 100644 index 0000000..06eda42 Binary files /dev/null and b/src/assets/image/city/16.png differ diff --git a/src/assets/image/city/17.png b/src/assets/image/city/17.png new file mode 100644 index 0000000..49f1d81 Binary files /dev/null and b/src/assets/image/city/17.png differ diff --git a/src/assets/image/city/18.png b/src/assets/image/city/18.png new file mode 100644 index 0000000..33f9082 Binary files /dev/null and b/src/assets/image/city/18.png differ diff --git a/src/assets/image/icon6.png b/src/assets/image/icon6.png new file mode 100644 index 0000000..11594e8 Binary files /dev/null and b/src/assets/image/icon6.png differ diff --git a/src/assets/image/icon7.png b/src/assets/image/icon7.png new file mode 100644 index 0000000..96db33f Binary files /dev/null and b/src/assets/image/icon7.png differ diff --git a/src/assets/image/icon8.png b/src/assets/image/icon8.png new file mode 100644 index 0000000..55e48b1 Binary files /dev/null and b/src/assets/image/icon8.png differ diff --git a/src/utils/date.js b/src/utils/date.js index ebf0c63..258ebc3 100644 --- a/src/utils/date.js +++ b/src/utils/date.js @@ -46,26 +46,3 @@ export function str2Date(dateStr, separator) { let date = new Date(year, month - 1, day); return date; } - -export function formatTime(value, type) { - let date = new Date(value); - let year = date.getFullYear(); - let month = date.getMonth() + 1; - month = month > 9 ? month : '0' + month; - let day = date.getDate(); - day = day > 9 ? day : '0' + day; - let hh = date.getHours(); - hh = hh > 9 ? hh : '0' + hh; - let mm = date.getMinutes(); - mm = mm > 9 ? mm : '0' + mm; - let ss = date.getSeconds(); - ss = ss > 9 ? ss : '0' + ss; - let time = ''; - if (type === 1) { - //不带时分秒 - time = year + '-' + month + '-' + day; - } else { - time = year + '-' + month + '-' + day + ' ' + hh + ':' + mm + ':' + ss; - } - return time; -} diff --git a/src/views/home/home.vue b/src/views/home/home.vue index 7f1a781..9648cd7 100644 --- a/src/views/home/home.vue +++ b/src/views/home/home.vue @@ -17,7 +17,7 @@ -
+
更多
@@ -38,7 +38,9 @@ :key="item.id" > {{ index + 1 }} - {{ item.title }} + {{ + item.title + }} @@ -50,49 +52,190 @@ + +
+
+ + 安徽 +
+
+ + 合肥 +
+
+ + 芜湖 +
+
+ + 蚌埠 +
+
+ + 淮南 +
+
+ + 马鞍山 +
+
+ + 淮北 +
+
+ + 铜陵 +
+
+ + 安庆 +
+
+ + 滁州 +
+
+ + 阜阳 +
+
+ + 宿州 +
+
+ + 六安 +
+
+ + 亳州 +
+
+ + 池州 +
+
+ + 宣城 +
+
+ + 黄山 +
+
+ + 合肥高新区 +
+
+ +
+
+

+ + +

+
+ +
+
+

以科技创新赋能政策服务

+

+ 合肥嘉策信息技术服务有限公司于2018年05月2日成立。法定代表人时加红，公司经营范围包括：信息系统集成咨询... +

+
+
+

嘉策互联网科技创新服务平台

+

+ 合肥嘉策信息技术服务有限公司于2018年05月2日成立。法定代表人时加红，公司经营范围包括：信息系统集成咨询... +

+
+ 更多 +
+
+
+
+
+
+ +
+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
@@ -102,8 +245,7 @@ import logoImg1 from '@/assets/image/banner1.png'; import logoImg2 from '@/assets/image/banner2.png'; import logoImg3 from '@/assets/image/banner3.png'; -import { getPolicy, getPolicyRead } from '@/api/home/home'; -import { formatTime } from '@/utils/date'; +import { getPolicy, getPolicyRead, getInformation } from '@/api/home/home'; export default { data() { return { @@ -114,9 +256,14 @@ export default { queryParams2: { attributeId: 'JXJ' }, - date: formatTime(Date.now(), 1), + queryParams3: { + pageNum: 1, + pageSize: 7 + }, + date: this.parseTime(new Date(), '{y}-{m}-{d}'), list: [], - list2: [] + list2: [], + list3: [] }; }, methods: { @@ -136,6 +283,9 @@ export default { created() { this.handleClick(); this.handleClick2(); + getInformation(this.queryParams3).then(({ data }) => { + this.list3 = data.list; + }); } }; @@ -268,6 +418,7 @@ export default { // } .banner_r_list { + padding: 0 18px; position: relative; height: 58px; line-height: 58px; @@ -283,5 +434,93 @@ export default { top: 0; } } + .bulletin { + margin-top: 30px; + .title { + display: flex; + justify-content: space-between; + align-items: center; + padding: 0 21px; + height: 40px; + background-color: #f3f3f3; + border-radius: 6px 6px 0px 0px; + .title_top_r { + font-size: 16px; + color: #666; + } + } + .tab_list { + padding: 0 18px; + .tab_item { + height: 56px; + } + } + } +} +.city_list { + margin-top: 10px; + padding: 10px 0; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + div { + cursor: pointer; + // padding: 16px; + border-radius: 6px; + overflow: hidden; + width: 16%; + height: 80px; + // margin: 0 0.5% 10px; + margin-bottom: 10px; + position: relative; + span { + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + text-align: center; + line-height: 80px; + color: #fff; + font-size: 20px; + background-color: rgba(0, 0, 0, 0.4); + } + } +} +.about { + background-color: #f8f8f8; + .p0-100 { + padding-top: 37px; + padding-bottom: 26px; + .about_tit { + margin-top: 0; + img { + vertical-align: middle; + margin-right: 3px; + } + } + .about_box { + display: flex; + .about_r { + h3 { + color: #333; + font-size: 20px; + } + p { + color: #666; + font-size: 18px; + line-height: 30px; + } + } + } + } +} +.p0-100 { + .cooperation { + padding-top: 47px; + padding-bottom: 19px; + text-align: center; + } }