From 855bb647a54cb7c482f66ff1564f8689b7978c83 Mon Sep 17 00:00:00 2001 From: chutingting Date: Sun, 30 May 2021 22:21:17 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=A6=96=E9=A1=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/img/author.png | Bin 0 -> 7800 bytes src/page/cultivate/particulars.vue | 329 +++++++++++++++++++++++++++-- src/page/home/home.vue | 2 +- 3 files changed, 312 insertions(+), 19 deletions(-) create mode 100644 src/assets/img/author.png diff --git a/src/assets/img/author.png b/src/assets/img/author.png new file mode 100644 index 0000000000000000000000000000000000000000..02bfa82dc38008e3fb6f3583e87d645a64d46458 GIT binary patch literal 7800 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
- -
+
+ + +
+
{{data.title}}
+
+
+ {{data.publishDate}} 发布 +
+
+ 举报 + + 修改 + + 删除 + + 收藏 + + 置顶 +
+
+
+
@@ -10,14 +37,21 @@

日期:{{data.publishDate}}

姓名:{{data.author}}

电话:{{setPhone(data.phone)}} 获取联系方式

-

地址:{{data.address}}

+

地址:{{data.address}}

+ + +

虚假信息,检举举报. service@iformall.com

+

如有违法违规行为,依法处理

+

提防诈骗,本站不提供线上线下交易。

+

商务合作,请联系 service@iformall.com

+
- -

虚假信息,检举举报. service@iformall.com

-

如有违法违规行为,依法处理

-

提防诈骗,本站不提供线上线下交易。

-

商务合作,请联系 service@iformall.com

-
+

信息详情

@@ -30,6 +64,37 @@
+
+

您可能感兴趣

+
+
+ +
+

{{item.title}}

+

+
+
+
+
+
+ +
+ +

{{data.author}}

+
+ + +
    +
  • {{item.title}}
  • +
+
+ +
+

{{item.title}}

+
+ +
+
优秀案例 2 =>新闻详情 3 =>学员风采, id: this.$route.params.id.split('.')[0], // 截取 .html之前数据 data: {}, - dialogVisible: false + dialogVisible: false, + activeName: 'first', + cateList: [ + { + title: '生活服务', + type: 4 + }, + { + title: '房屋租赁', + type: 5 + }, + { + title: '宠物市场', + type: 6 + }, + { + title: '餐饮美食', + type: 7 + }, + { + title: '票务卡券', + type: 8 + }, + { + title: '教育培训', + type: 9 + }, + { + title: '企业招聘', + type: 10 + }, + { + title: '商务服务', + type: 11 + } + ], + list: [], + authorImg } + }, + watch: { + $route() { + this.getDetail() + } }, methods: { setPhone(num) { @@ -70,10 +178,26 @@ export default { getDetail() { return homeService.getNewsDetail(this.id).then(res => { res.publishDate = moment(res.publishDate).format("YYYY-MM-DD") - res.detailPicture = JSON.parse(res.detailPicture) + res.detailPicture = res.detailPicture ? JSON.parse(res.detailPicture) : [] this.data = res }) }, + /* 底部列表 */ + getList() { + let d = { + type: this.ifjournalism ? this.ifjournalism : 1, + pageNum: 1, + pageSize: 8 + } + homeService.getNewsList(d).then(res => { + res.list.forEach(ele => { + ele.publishDate = moment(ele.publishDate).format("YYYY-MM-DD") + ele.content = ele.content.replace(/]*>/, ""); + + }); + this.list = res.list + }) + }, getTitle() { switch(Number(this.ifjournalism)) { case 1: this.textTop = '行业新闻' @@ -99,12 +223,24 @@ export default { case 11: this.textTop = '商务服务' break; } + }, + goCateDetail (type) { + this.$router.push({path: "/journalism",query:{tag: type}}); + }, + goLogin() { + this.$router.push({path: "/login"}); + }, + goTop(item) { + document.documentElement.scrollTop = 0 + let detailId= item.id + ".html" + this.id = item.id + this.$router.push({name: "particulars",params:{ id: detailId, ifjournalism: this.ifjournalism}}) } }, async created() { this.getTitle() this.getDetail() - + this.getList() } }; @@ -112,14 +248,56 @@ export default { .Box { width: 1100px; - padding: 50px 40px; + padding: 36px 40px; margin: 0 auto; box-shadow: 0 0 10px #f3f3f3; background: #fff; + position: relative; + .breadcrumb{ + margin-bottom: 10px; + height: 20px; + .loc{ + float: left; + } + span{ + i{ + font-size: 18px; + margin-right: 10px;; + color: #606266; + } + font-size: 16px; + color: #606266; + } + } + .top_title { + border-bottom: 1px #e6e6e6 solid; + padding: 10px; + h6{ + font-size: 20px; + } + .des{ + height: 20px; + margin-top: 20px; + .fl{ + float: left; + span{ + color: #999; + } + } + .fr{ + float: right; + span{ + color: #999; + cursor: pointer; + } + } + } + } .info { margin: 20px 40px; .info_img{ float: left; + margin-bottom: 30px; img{ width: 300px; } @@ -128,19 +306,22 @@ export default { float: left; margin-left: 40px; p{ - line-height: 40px; + line-height: 26px; color: #444; font-size: 14px; span{ margin-left: 10px; } + a{ + color: rgb(64, 158, 255); + } } } .info_right{ - width: 320px; - float: right; + width: 322px; + margin-top: 10px; p{ - line-height: 40px; + line-height: 28px; font-size: 14px; color: #333; a{ @@ -173,9 +354,121 @@ export default { padding: 30px; } } - + .detail_list{ + h1{ + font-size: 18px; + border-bottom: 1px solid #efefef; + line-height: 40px; + padding: 10px; + } + .detailBox { + margin-top: 30px; + margin-left: 20px; + cursor: pointer; + border-bottom: 1px #ddd dashed; + padding-bottom: 20px; + h3 { + font-size: 14px; + padding-bottom: 4px; + } + .imgBox { + overflow: hidden; + .img { + float: left; + width: 150px; + height: 100px; + } + .text { + float: left; + width: 598px; + height: 100px; + margin-left: 20px; + position: relative; + p { + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; + line-height: 20px; + overflow: hidden; + color: #999; + font-size: 14px; + } + .time { + display: block; + margin-top: 20px; + position: absolute; + bottom: 0; + width: 100%; + span{ + float: right; + } + } + } + } + } + } + .box_left{ + float: left; + width: 795px; + } + .box_right{ + float: right; + width: 300px; + // height: 300px; + position:absolute; + top: 0; + bottom: 0; + right: 0; + .author{ + text-align: center; + margin: 20px; + img{ + width: 80px; + } + p{ + margin-top: 10px; + } + } + ul { + li{ + display: inline-block; + width: 130px; + line-height: 40px; + cursor: pointer; + } + li:before { + content: ""; + width: 4px; + height: 4px; + display: inline-block; + border-radius: 50%; + background: #4F8EFF; + vertical-align: middle; + margin-right: 10px; + } + } + .detailBox{ + cursor: pointer; + border-bottom: 1px #ddd dashed; + padding: 10px; + h3 { + font-size: 12px; + line-height: 20px; + color: #333; + } + } + } } .Box >>> img{ width: 600px; } + + \ No newline at end of file diff --git a/src/page/home/home.vue b/src/page/home/home.vue index 8aee763..e20ca15 100644 --- a/src/page/home/home.vue +++ b/src/page/home/home.vue @@ -168,7 +168,7 @@ export default { pageNum: 1, pageSize: 100 } - homeService.getData(data).then(res => { + homeService.getNewsList(data).then(res => { res.list.forEach(ele => { if (ele.type == 4) { // 生活服务 this.lifeList.push(ele)