|
@@ -2,7 +2,7 @@
|
|
|
<div>
|
|
|
<!-- 页面头部 -->
|
|
|
<HomePageHead></HomePageHead>
|
|
|
- <HomePageNavigation1></HomePageNavigation1>
|
|
|
+ <HomePageNavigation></HomePageNavigation>
|
|
|
|
|
|
<!-- 商圈详情 -->
|
|
|
<div class="topicInfoBox">
|
|
@@ -14,9 +14,10 @@
|
|
|
<div class="userInfo left">
|
|
|
<el-badge value="楼主" class="item" type="warning">
|
|
|
<img v-if='dataInfo.avatar' :src="dataInfo.avatar" alt="">
|
|
|
- <img v-else src='http://img.bjzxtw.org.cn/master/bjzxtw/public/topic/Rectangle.png' alt="">
|
|
|
+ <img v-else src='http://img.bjzxtw.org.cn/master/bjzxtw/public/topic/Rectangle.png'
|
|
|
+ alt="">
|
|
|
</el-badge>
|
|
|
- <span>{{ dataInfo.author }}</span>
|
|
|
+ <span>{{ dataInfo.nickname }}</span>
|
|
|
</div>
|
|
|
<div class="headContent left">
|
|
|
<h2>{{ dataInfo.title }}</h2>
|
|
@@ -30,7 +31,7 @@
|
|
|
<div class="right">
|
|
|
<div class="one">
|
|
|
<span v-for="item in typeList" :key="index">
|
|
|
- <span v-if="dataInfo.type == item.value" class="one">{{item.label}}</span>
|
|
|
+ <span v-if="dataInfo.type == item.value" class="one">{{ item.label }}</span>
|
|
|
</span>
|
|
|
</div>
|
|
|
<p>{{ dataInfo.updated_at }}</p>
|
|
@@ -54,10 +55,10 @@
|
|
|
|
|
|
<div class="commentList" v-for="item in replyList" v-show="page_total != 0">
|
|
|
<div class="left">
|
|
|
- <img v-if='item.avatar' :src="item.avatar" alt="" >
|
|
|
+ <img v-if='item.avatar' :src="item.avatar" alt="">
|
|
|
<img v-else src='http://img.bjzxtw.org.cn/master/bjzxtw/public/topic/Rectangle.png' alt="">
|
|
|
- <span class="name">{{ item.author }} : </span>
|
|
|
-
|
|
|
+ <span class="name">{{ item.nickname }} : </span>
|
|
|
+
|
|
|
</div>
|
|
|
<div class="center">
|
|
|
<span class="context">{{ item.content }}</span>
|
|
@@ -121,7 +122,7 @@ const seoData = ref({
|
|
|
});
|
|
|
|
|
|
// 在 onMounted 钩子中获取数据
|
|
|
-onMounted(()=>{
|
|
|
+onMounted(() => {
|
|
|
seoData.value.title = '商圈';
|
|
|
seoData.value.description = '默认描述';
|
|
|
seoData.value.keywords = '默认关键词';
|
|
@@ -235,6 +236,7 @@ const joinGroup = () => {
|
|
|
type: 'success',
|
|
|
})
|
|
|
setTimeout(() => {
|
|
|
+ // window.open($BwebUrl + '/#/hall?userurl=' + $webUrl, '_blank');
|
|
|
window.open($BwebUrl + '/#/businessDistrict?userurl=' + $webUrl, '_blank');
|
|
|
//window.open('http://admindev.bjzxtw.org.cn/#/hall', '_blank');
|
|
|
}, 1000)
|
|
@@ -244,6 +246,7 @@ const joinGroup = () => {
|
|
|
type: 'success',
|
|
|
})
|
|
|
setTimeout(() => {
|
|
|
+ // window.open($BwebUrl + '/#/hall?userurl=' + $webUrl, '_blank');
|
|
|
window.open($BwebUrl + '/#/businessDistrict?userurl=' + $webUrl, '_blank');
|
|
|
//window.open('http://admindev.bjzxtw.org.cn/#/hall', '_blank');
|
|
|
}, 1000)
|
|
@@ -285,8 +288,8 @@ const addReply = () => {
|
|
|
useSeoMeta({
|
|
|
title: "商圈" + "_" + "三农资讯网_全国政务信息一体化应用平台",
|
|
|
meta: [
|
|
|
- { name: 'description', content: "三农资讯网以服务于党和国家各级职能部门三农政务资讯发布及政务公开信息公示为基点,为全国县级以上各级党政机关及其职能部门配置各自公开独立网络发布平台。主要频道有:三农政务资讯,农科资讯,农资购销,农产购销,农贸资讯,三农致富信息,农村文化生活,三农政策法规,三农之窗,三农调查,三农服务,三农知识,农民工,打假维权等。三农资讯网打造最具影响力的三农信息发布平台,并成为最具权威的三农资讯网。_三农资讯网-测试专用_全国政务信息一体化应用平台" , tagPriority: 10 },
|
|
|
- { name: 'keywords', content: "三农资讯,农业,三农,三农在线,农业新闻,三农资讯网_三农资讯网-测试专用_全国政务信息一体化应用平台" , tagPriority: 10 }
|
|
|
+ { name: 'description', content: "三农资讯网以服务于党和国家各级职能部门三农政务资讯发布及政务公开信息公示为基点,为全国县级以上各级党政机关及其职能部门配置各自公开独立网络发布平台。主要频道有:三农政务资讯,农科资讯,农资购销,农产购销,农贸资讯,三农致富信息,农村文化生活,三农政策法规,三农之窗,三农调查,三农服务,三农知识,农民工,打假维权等。三农资讯网打造最具影响力的三农信息发布平台,并成为最具权威的三农资讯网。_三农资讯网-测试专用_全国政务信息一体化应用平台", tagPriority: 10 },
|
|
|
+ { name: 'keywords', content: "三农资讯,农业,三农,三农在线,农业新闻,三农资讯网_三农资讯网-测试专用_全国政务信息一体化应用平台", tagPriority: 10 }
|
|
|
]
|
|
|
});
|
|
|
</script>
|
|
@@ -422,22 +425,28 @@ useSeoMeta({
|
|
|
|
|
|
// 有详情信息
|
|
|
.infoContent {
|
|
|
- width:1196px;
|
|
|
+ width: 1196px;
|
|
|
overflow: hidden;
|
|
|
- padding: 40px 46px;
|
|
|
+ padding: 30px 46px;
|
|
|
font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
font-size: 20px;
|
|
|
line-height: 40px;
|
|
|
box-sizing: border-box;
|
|
|
- div{
|
|
|
- word-wrap: break-word; /* 强制长单词或 URL 换行 */
|
|
|
- overflow-wrap: break-word; /* 现代推荐用法,等同于 word-wrap */
|
|
|
- white-space: pre-wrap; /* 保留空白字符并允许自动换行 */
|
|
|
- word-break: break-all; /* 强制在任意字符处换行 */
|
|
|
+
|
|
|
+ div {
|
|
|
+ word-wrap: break-word;
|
|
|
+ /* 强制长单词或 URL 换行 */
|
|
|
+ overflow-wrap: break-word;
|
|
|
+ /* 现代推荐用法,等同于 word-wrap */
|
|
|
+ white-space: pre-wrap;
|
|
|
+ /* 保留空白字符并允许自动换行 */
|
|
|
+ word-break: break-all;
|
|
|
+ /* 强制在任意字符处换行 */
|
|
|
}
|
|
|
}
|
|
|
- .leftBottom::v-deep p{
|
|
|
- width:1200px;
|
|
|
+
|
|
|
+ .leftBottom::v-deep p {
|
|
|
+ width: 1200px;
|
|
|
white-space: pre-wrap;
|
|
|
}
|
|
|
|
|
@@ -480,7 +489,6 @@ useSeoMeta({
|
|
|
}
|
|
|
|
|
|
.commentList {
|
|
|
- // height: 112px;
|
|
|
border: 1px solid #E1E1E1;
|
|
|
background-color: #fafafa;
|
|
|
margin-top: 20px;
|
|
@@ -491,34 +499,32 @@ useSeoMeta({
|
|
|
justify-content: space-between;
|
|
|
|
|
|
.left {
|
|
|
- width:400px;
|
|
|
- margin-right: 40px;
|
|
|
- // overflow: hidden;
|
|
|
+ width: 400px;
|
|
|
+ margin-right: 30px;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
+
|
|
|
img {
|
|
|
- // float: left;
|
|
|
width: 52px;
|
|
|
height: 52px;
|
|
|
border-radius: 50%;
|
|
|
vertical-align: middle;
|
|
|
margin-right: 15px;
|
|
|
}
|
|
|
- span{
|
|
|
- // float: left;
|
|
|
+
|
|
|
+ span {
|
|
|
height: 52px;
|
|
|
line-height: 22px;
|
|
|
padding-top: 10px;
|
|
|
}
|
|
|
|
|
|
.name {
|
|
|
- width: 100px;
|
|
|
+ width: 120px;
|
|
|
font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
font-weight: 400;
|
|
|
font-size: 16px;
|
|
|
color: #333333;
|
|
|
- margin-right: 30px;
|
|
|
- width: 100px;
|
|
|
+ margin-right: 15px;
|
|
|
white-space: nowrap;
|
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
@@ -526,7 +532,7 @@ useSeoMeta({
|
|
|
|
|
|
}
|
|
|
|
|
|
-
|
|
|
+
|
|
|
}
|
|
|
|
|
|
.center {
|
|
@@ -566,25 +572,7 @@ useSeoMeta({
|
|
|
}
|
|
|
}
|
|
|
|
|
|
- // .comment_empty {
|
|
|
- // height: 200px;
|
|
|
- // line-height: 200px;
|
|
|
- // text-align: center;
|
|
|
-
|
|
|
- // img {
|
|
|
- // width: 78px;
|
|
|
- // height: 78px;
|
|
|
- // vertical-align: -25px;
|
|
|
- // margin-right: 20px;
|
|
|
- // }
|
|
|
-
|
|
|
- // span {
|
|
|
- // font-family: Microsoft YaHei, Microsoft YaHei;
|
|
|
- // font-weight: bold;
|
|
|
- // font-size: 26px;
|
|
|
- // color: #CCCCCC;
|
|
|
- // }
|
|
|
- // }
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -592,7 +580,7 @@ useSeoMeta({
|
|
|
//评论回复
|
|
|
.message {
|
|
|
width: 1200px;
|
|
|
- margin: 0 auto;
|
|
|
+ margin: 0 auto 20px;
|
|
|
padding: 0px 25px;
|
|
|
box-sizing: border-box;
|
|
|
height: 145px;
|