add:评论详情

pages.json

@@ -65,6 +65,15 @@
             }
             
         }
+        ,{
+            "path" : "pages/commentDetails/commentDetails",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "评论详情",
+                "enablePullDownRefresh": false
+            }
+            
+        }
     ],
 	"globalStyle": {
 		"navigationBarTextStyle": "black",

pages/commentDetails/commentDetails.vue

+<template>
+	<view class="app">
+		<view class="list">
+			<p>大家起床时的样子？</p>
+			<u-image width="626rpx" height="638rpx" :src="src"></u-image>
+			<view class="smile">
+				<view class="smile-item">
+					<image v-if="true" src="../../static/imgs/ic_expression_choose_01.png" mode=""></image>
+					<image v-else src="../../static/imgs/ic_expression_grey_01.png" mode=""></image>
+					8
+				</view>
+				<view class="smile-item">
+					<image v-if="true" src="../../static/imgs/ic_expression_choose_02.png" mode=""></image>
+					<image v-else src="../../static/imgs/ic_expression_grey_02.png" mode=""></image>
+					8
+				</view>
+				<view class="smile-item">
+					<image v-if="true" src="../../static/imgs/ic_expression_choose_03.png" mode=""></image>
+					<image v-else src="../../static/imgs/ic_expression_grey_03.png" mode=""></image>
+					8
+				</view>
+				<view class="smile-item">
+					<image v-if="true" src="../../static/imgs/ic_expression_choose_04.png" mode=""></image>
+					<image v-else src="../../static/imgs/ic_expression_grey_04.png" mode=""></image>
+					8
+				</view>
+				<view class="smile-item">
+					<image style="width: 30rpx;height: 30rpx;margin-left: 90rpx;" src="../../static/imgs/ic_edit@2x.png" mode=""></image>
+				</view>
+			</view>
+			<view class="msg">
+				realme: 哈哈，太有趣了，太有趣了
+			</view>
+			<view class="zwb">
+				+200(真我币）
+				<image style="width: 26rpx;height: 26rpx;" src="../../static/imgs/ic_dollar@2x.png" mode=""></image>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			};
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+.app {
+	padding-top: 2rpx;
+	.list {
+		width: 690rpx;
+		background: #FFFFFF;
+		border-radius: 7rpx;
+		margin: 20rpx auto 20rpx auto;
+		padding: 30rpx;
+		box-sizing: border-box;
+		.zwb {
+			font-size: 24rpx;
+			font-family: OpenSans-Bold, OpenSans;
+			font-weight: bold;
+			color: #FFC915;
+			line-height: 33rpx;
+			display: flex;
+			align-items: center;
+		}
+		.msg {
+			font-size: 24rpx;
+			font-family: OpenSans;
+			color: #333333;
+			line-height: 33rpx;
+			margin: 20rpx 0;
+		}
+		.smile {
+			display: flex;
+			margin-top: 25rpx;
+			&-item{
+				display: flex;
+				align-items: center;
+				margin-right: 65rpx;
+				font-size: 24rpx;
+				font-family: PingFangSC-Regular, PingFang SC;
+				font-weight: 400;
+				color: #555555;
+				line-height: 33rpx;
+				image{
+					width: 40rpx;
+					height: 40rpx;
+					margin-right: 10rpx;
+				}
+			}
+		}
+		p {
+			font-size: 32rpx;
+			font-family: OpenSans;
+			color: #000000;
+			line-height: 43rpx;
+			margin-bottom: 30rpx;
+		}
+	}
+}
+</style>

pages/sos/sos.vue

-<template>
-	<view>
-		
-	</view>
-</template>
-
-<script>
-	export default {
-		data() {
-			return {
-				
-			}
-		},
-		methods: {
-			
-		}
-	}
-</script>
-
-<style>
-
-</style>