great_mobileui/pages/newsdetails.vue

<template>
	<view class="pages">
		<view class="" :style="{height: navHeight+'px' }"></view>
		<view class="navbar-box">
			<u-navbar title="资讯详情" :safeAreaInsetTop="true" @leftClick="leftClick" :titleStyle="{color:'#000'}" leftIconColor="#000" bgColor="transparent"></u-navbar>
		</view>
		<view class="banner">
			<image class="img" :src="staticUrl+'/img/newsdetails-banner.png'" alt="">
		</view>
		<view class="content-wrap">
			<view class="title">资讯标题</view>
			<view class="time">2023-11-12 12:28:24</view>
			<view class="">
				
			</view>
		</view>
	</view>
</template>

<script>
	import { systemInfo } from "@/mixin.js";
	export default {
		mixins:[systemInfo],
		data() {
			return {
				staticUrl:this.$commonConfig.staticUrl,
				params:{
					
				}
				
			}
		},
		onShow() {
		},
		onLoad() {
			this.getSystemInfo();

		},
		methods: {
			leftClick(e){
				let pages = getCurrentPages();
				if(pages.length==1){
					uni.$u.route('/pages/index/index')
				}else{
					uni.navigateBack()
				};
			},

		}
	}
</script>

<style lang="scss" scoped>
.banner{
	.img{
		display: block;
		width: 100%;
		height: 400rpx;
	}
}
.content-wrap{
	padding: 65rpx 32rpx;
	background: #FFFFFF;
	border-radius: 20rpx 20rpx 0rpx 0rpx;
	transform: translateY(-20rpx);
	.title{
		font-size: 32rpx;
		font-weight: bold;
		color: #333333;
		line-height: 22rpx;
		margin-bottom: 30rpx;
	}
	.time{
		font-size: 24rpx;
		font-weight: 400;
		color: #C0C0C0;
		line-height: 22rpx;
		margin-bottom: 40rpx;
	}
}
</style>