浏览代码

【充电结束】页面,调整页面布局;增加快速反馈意见模块

常志远 2 年之前
父节点
当前提交
a55b5213e1
共有 1 个文件被更改,包括 48 次插入0 次删除
  1. 48 0
      pages/searchPile/chargeProcess/dcCharging.vue

+ 48 - 0
pages/searchPile/chargeProcess/dcCharging.vue

@@ -120,6 +120,17 @@
 				<u-button size="default" shape="circle" @click="gotoMain(1)">查看订单详情</u-button>
 			</view>
 				<u-line color="#E6E6E6 100%" length="81%" margin="auto"/>
+			<!-- 反馈 -->
+			<view class="feedback">
+				<view class="title-1">
+					您对本次充电服务还满意吗?
+				</view>
+				<view class="title-2">
+					请在下方描述您所遇到的问题,或填写您的反馈意见。我们将对优质内容的反馈者发放奖励!
+				</view>
+				<textarea value="" placeholder="请填写反馈内容" />
+				<u-button class="submit" type="success">提交</u-button>
+			</view>
 		</view>
 
 		<view style="background-color: #fff; padding-bottom: 60px;" v-else>
@@ -936,4 +947,41 @@
 			width: 44%;
 		}
 	}
+
+// 反馈
+.feedback{
+	padding: 20px 36px ;
+	.title-1{
+		color: rgba(16, 16, 16, 100);
+		font-size: 18px;
+	}
+	.title-2{
+		color: rgba(102, 102, 102, 100);
+		margin-top: 8px;
+		line-height: 20px;
+	}
+	textarea{
+		margin-top: 16px;
+		width: 93.5%;
+		height: 100px;
+		background-color: rgba(228, 228, 228, 100);
+		color: rgba(153, 153, 153, 100);
+		font-size: 16px;
+		border-radius: 12px;
+		padding: 12px;
+		line-height: 23px;
+		
+	}
+	.submit{
+		height: 44px;
+		line-height: 26px;
+		border-radius: 50px;
+		background-color: rgba(0, 185, 98, 100);
+		color: rgba(255, 255, 255, 100);
+		font-size: 18px;
+		margin-top: 16px;
+	}
+}
+
+
 </style>