测试版

pages/curriculum/list/level.vue

@@ -0,0 +1,93 @@
+<template>
+	<view class="commonPageBox">
+		<z-nav-bar title="诊断标准" @back='handleBack'></z-nav-bar>
+			<view class="xlcp_block">
+				<view class="level_block">
+					<view class="level_item">
+						<text class="level_title">自恋型人格障碍诊断标准</text>
+						<view class="level_con">
+							1.自高自大，对自己的才能夸大其辞，希望受人特别关注。<br/>
+							2.坚信他关注的问题是世上独有的，不能被某些特殊的人物了解。<br/>
+							3.对权力、金钱、荣誉、美丽或理想爱情有过分幻想。<br/>
+							4.缺乏同情心。<br/>
+							5.有很强的嫉妒心。<br/>
+							6.对批评的反应是愤怒、羞愧或感到耻辱（尽管不一定当即表露出来）。<br/>
+							7.渴望持久的关注与赞美。<br/>
+							8.喜欢指使他人，要他人为自己服务。<br/>
+							9.认为自己应享有他人没有的特权。<br/>
+							10.亲密关系困难。
+							<view class="level_bold">
+								<text>*</text>只要出现其中的五项，即可诊断为自恋型人格障碍。
+							</view>
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+import $http from "@/config/requestConfig.js";
+export default {
+	data() {
+		return {
+			
+		}
+	},
+	onShow(){
+		
+	},
+	onLoad(options) {
+		
+	},
+	methods: {
+		handleBack(){
+			uni.setStorageSync('fixed', true);
+		}
+	}
+};
+</script>
+
+<style lang="scss" scoped>
+.commonPageBox{
+	background: #eff5f8;
+	height: 100vh;
+}
+.xlcp_block{
+	padding: 0 20rpx;
+	margin-top: 20rpx;
+}
+.level_item{
+	
+}
+.level_title{
+	display: inline-block;
+	color: #333;
+	width: 100%;
+	font-size: 42rpx;
+	text-align: center;
+	padding: 30rpx 0 20rpx;
+}
+.level_con{
+	padding-top: 20rpx;
+	font-size: 28rpx;
+	line-height: 48rpx;
+	color: #333;
+	border-radius: 20rpx;
+	background-color: #fff;
+	padding: 30rpx 20rpx 30rpx;
+	box-shadow: 0px 0px 10px 0px #a7bbe4;
+}
+.level_bold{
+	color: #333;
+	display: block;
+	padding-top: 10rpx;
+	font-size: 28rpx;
+	font-weight: bold;
+}
+.level_bold text{
+	color: red;
+	font-size: 30rpx;
+}
+</style>