mabao/pages/common_tools/collection/collection_details.vue

<template>
	<view style="width: 100%;height: 100%;padding: 32rpx 28rpx;background-color: #FFFFFF;">
		<!-- 头部 -->
		<view class="title">
			<!-- 标题左边 -->
			<view style="width: 80%;height: auto;">
				<view class="l">{{title}}</view>
				<view style="color: #999999;font-size: 22rpx;">发布时间：2020.08.04</view>
			</view>
			<!-- 标题右边 -->
			<view class="r">
				<view class="shoucang" @click="sc">
					<image src="../../../static/img/WZshoucang.png" style="width: 24rpx; height: 24rpx;margin-right: 15rpx;"></image>
					<text style="font-size: 26rpx;color: #666666;">收藏</text>
				</view>
			</view>
		</view>
		<!-- 文章内容 -->
		<view class="content">
			{{articleContent}}
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: '',
				articleContent: '《金瓶梅》以淫书出名，很多人以为这本书必定好在描述床笫之事。但是《金瓶梅》全书八十万字，床事不过十分之一。它最大的成就，在于写实。《金瓶梅》是从潘金莲与西门庆通奸的故事入手的，这段情节出自《水浒传》。但与《水浒传》不同的是，武松得知哥哥被害死之后，找西门庆寻仇，但却被西门庆逃走了，武松则错杀了西门庆一个手下李外传。于是武松被流放，西门和金莲则躲过了灾难。“躲得了一时，却躲不了一世。”武松在《金瓶梅》中杀死潘金莲，只比《水浒》晚了几年。就在这几年中，西门庆生意做大了，同京中的蔡太师结交上了关系，在清河本县当上了理刑的官员，又娶了几房妾，生了个儿子后来又夭折了。和一帮拜把子兄弟应伯爵等人嫖妓，做些不三不四的勾当，到处宴饮作乐，唱歌听曲。西门庆睡了很多女人，包括府里的、下人的、兄弟的、官员的妻子，最后在和尚给的春药作用下，死在潘金莲的床上。《金瓶梅》里的西门不像《水浒》中那样看起来残暴凶狠，被去除了利爪和毒牙，反倒增添了许多正常人的情感，变成很富“人情味”。西门庆心里有很自然的爱，他爱妻子月娘，宠爱官哥，就象普通人爱妻儿一般。他爱瓶儿更深，而且很能感觉到瓶儿死期将近时，他痛苦得很。且看这段：(西门庆)听了，两泪交流，放声大哭道：“我实指望和你相伴几日，谁知你又抛闪我去了。宁教我西门庆口眼闭了，倒也没这等割肚牵肠。”...（瓶儿咽气）西门庆也不顾什么身底下血渍，两只手捧着她香腮亲着...在房里离地跳的有三尺高，大放声号哭..“天杀了我西门庆了，姐姐你在我家三年光景，一日好日子没过，都是我坑陷了你了!”他爱财，但不吝啬，对妻妾对下人都很大方，豪掷万金。他与常人一样也会不忍，会犹豫不决，会恐惧。很多时候，我们不好宣之于口，但也会偷偷想，自己在这种境况下恐怕也难保不会像他那样吧。他做的事都不是不可理解不可想象的，若有机会，我们难保不做。《水浒传》毕竟是英雄小说，里面的西门就是个恶人，死在一拳打死老虎的豪杰武松手下，让人称快。但讲好汉打倒坏蛋，讲大碗酒吃大块肉，这些都是使人心大快的事，但是是真实日常生活里绝少见得到的，，对比之下，《金瓶梅》的处理更为真实。现实中哪有那么容易就报仇雪恨了？金瓶梅里西门买通了官家，武松被流放，时隔好几年才回过头来报仇。所以我们看金瓶梅，层次是很丰富的，甚至最后西门庆死的时候，整个故事也阴沉沉，悲切切的了。并不像之前以为的那样拍手称快，觉得西门是个恶人，金莲是个婊子，死有余辜。人生是很多面的，一个人的果当然有他的因。《金瓶梅》是一本欲望之书，也可以说是写尽人间悲苦的书。“贪、嗔、痴”盘踞在俗人心头，至死也未休。'
			}
		},
		methods: {
			//收藏点击事件
			sc() {

			}
		},
		onLoad: function(option) { //option为object类型，会序列化上个页面传递的参数
			this.title = option.title
			uni.setNavigationBarTitle({
				title: this.title
			})
		}
	}
</script>

<style lang="scss">
	.title {
		display: flex;
		padding-bottom: 40rpx;

		//左
		.l {
			font-size: 45rpx;
			font-weight: bold;
			margin-bottom: 10rpx;
		}

		//右
		.r {
			width: 20%;
			height: 100rpx;
			display: flex;
			justify-content: center;
			align-items: center;

			//收藏
			.shoucang {
				height: 48rpx;
				width: 136rpx;
				border-radius: 27rpx;
				display: flex;
				justify-content: center;
				align-items: center;
				border: 1px solid #C0C0C0;
			}
		}
	}

	.content {
		color: #999999;
		font-size: 32rpx;
		background: #F6F6F6;
		line-height: 32px;
	}
</style>