90 lines
2.7 KiB
Vue
90 lines
2.7 KiB
Vue
<template>
|
||
<view>
|
||
<!-- 头部 -->
|
||
<status-nav navBarTitle="新闻资讯" :marginBottom="0"></status-nav>
|
||
<!-- 资讯详情 -->
|
||
<view class="news-detail pad-sx25 pad-zy25 border-box" :style="{'min-height':screenHeight-statusHeight-50+'px'}">
|
||
<view class="title font28 bold">{{newsDetail.title}}</view>
|
||
<view class="info flex">
|
||
<view class="look flex">
|
||
<view class="icon flex"><image src="/static/icon/icon-click.png" mode="widthFix" style="width: 21rpx; height: 15rpx;"></image></view>
|
||
<view class="font22 opacity-07">浏览 {{newsDetail.click}}</view>
|
||
</view>
|
||
<view class="time flex">
|
||
<view class="icon flex"><image src="/static/icon/icon-time.png" mode="widthFix" style="width: 20rpx;height: 20rpx;"></image></view>
|
||
<view class="font22 opacity-07">发布时间：{{newsDetail.time}}</view>
|
||
</view>
|
||
</view>
|
||
<view class="content font24">
|
||
{{newsDetail.content}}
|
||
<!-- <rich-text :nodes="newsDetail.conent"></rich-text> -->
|
||
</view>
|
||
</view>
|
||
<!-- 尾部 -->
|
||
<foot-tab :current="99"></foot-tab>
|
||
</view>
|
||
</template>
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
screenHeight:uni.getSystemInfoSync().screenHeight,
|
||
statusHeight:uni.getSystemInfoSync().statusBarHeight,
|
||
newsDetail:[], //资讯详情
|
||
}
|
||
},
|
||
onLoad(op) {
|
||
// 获取资讯详情
|
||
this.getNewsDetail();
|
||
},
|
||
onReachBottom(e) {
|
||
|
||
},
|
||
methods: {
|
||
// 获取资讯详情
|
||
getNewsDetail(){
|
||
this.newsDetail = {
|
||
title:'河源到江阴物流是河源闽顺物流公司的物流货运专线',
|
||
time:'2022.08.06',
|
||
click:'5869',
|
||
content:'很多跨境卖家做了俄罗斯这个地区，但对于刚入行的新手卖家来说，对于俄罗斯跨境物流专线的运输线路有一定的疑惑，那么今天运盟国际物流来简单的说一下。很多跨境卖家做了俄罗斯这个地区，但对于刚入行的新手卖家来说，对于俄罗斯跨境物流专线的运输线路有一定的疑惑，那么今天运盟国际物流来简单的说一下。'
|
||
}
|
||
console.log(this.newsDetail,'资讯详情')
|
||
},
|
||
}
|
||
}
|
||
</script>
|
||
<style scoped>
|
||
.news-detail{
|
||
background-color: #ffffff;
|
||
padding-bottom: 120rpx;
|
||
}
|
||
.news-detail .title{
|
||
line-height: 1.5;
|
||
}
|
||
.news-detail .info{
|
||
align-items: center;
|
||
width: 100%;
|
||
height: 40rpx;
|
||
padding: 6rpx 0 15rpx;
|
||
margin-top: 6rpx;
|
||
border-bottom: 2rpx solid #ededed;
|
||
}
|
||
.news-detail .info>view{
|
||
align-items: center;
|
||
margin-right: 30rpx;
|
||
}
|
||
.news-detail .info>view>.icon{
|
||
align-items: center;
|
||
margin-right: 8rpx;
|
||
}
|
||
.news-detail .info>view>.icon>image{
|
||
margin-top: 4rpx;
|
||
}
|
||
.news-detail .content{
|
||
line-height: 1.6;
|
||
padding-top: 20rpx;
|
||
color: rgba(38,38,38,.9);
|
||
text-align: justify;
|
||
}
|
||
</style> |