jhlapp/pagesT/notice/noticeDetails.vue

<template>
	<view style="background-color: rgb(242,245,252);">
		<view class="customer-view clearfix">
			<view class="title">
				<!-- 【重要通知】易订货APP不在支持iOS9及9一下系统版本 -->
				{{list.title}}
			</view>
			<view class="time">
				系统公告 {{$u.timeFormat(list.createTime, 'yyyy-mm-dd hh:MM:ss')}}
			</view>
			<view style="font-size: 28rpx;">
				<view>
					<!-- <view class="header">
						尊敬的客户：
					</view> -->
					<view class="content">
						<!-- 苹果公司近期做了iOS上架政策调整(停止接受使用UIWebview
						API应用程序提交),为此易订货进行了iOS底层技术升级，升级后易订货不再支持iOS9及9以下系统版本。目前升级已完成，苹果手机用户如果手机系统版本在iOS9或者9以下，将无法正常使用易订货APP及定制APP。给您造成不便之处，敬请谅解。 -->
						{{list.content}}
					</view>
				</view>
			</view>
			<!-- <view class="explain">
				<view>
					<span style='font-weight: bold;'>
						影响范围：
					</span>
					<span>
						手机系统版本低于ios9(含9)的苹果手机用户，登录易订货APP及定制APP后会出现报错,无法正常使用APP功能。
					</span>
				</view>
				<view>
					<span style='font-weight: bold;'>
						解决方案：
					</span>
					<span>
						苹果手机用户将手机系统版本更新到最新，即可正常使用易订货APP。
					</span>
				</view>
			</view>
			<view class="signature">
				<view>
					易订货
				</view>
				<view>
					8月14日
				</view>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				id: '',
				list: []
			};
		},
		onLoad(options) {
			this.id = options.id
			this.getAnnouncementInfo()
		},
		methods: {
			getAnnouncementInfo() {
				this.$u.api.getAnnouncementInfo(this.id).then(res => {
					this.list = res.data
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.customer-view {
		width: 100%;
		padding: 30rpx;
		background-color: #ffffff;

		.title {
			font-size: 36rpx;
			font-weight: bold;
		}

		.time {
			font-size: 24rpx;
			color: #999;
			margin-top: 10rpx;
		}

		.header {
			margin-top: 30rpx;
		}

		.content {
			text-indent: 2em;
			line-height: 50rpx;
		}

		.explain {
			margin-top: 60rpx;
			font-size: 28rpx;
			line-height: 50rpx;
		}

		.signature {
			float: right;
			margin-top: 90rpx;
			font-size: 28rpx;

		}
	}
</style>