细节优化

api/index.js

@@ -68,3 +68,8 @@ export const uploadFile=(data)=> {
 		});
 	})
 }
+
+export const getProtocol=(key)=>{
+	let url=`/protocol/${key}`
+	return http.get(url)
+}

pages/index/index.vue

@@ -86,12 +86,13 @@
 									<view class="flex-row room-type">
 										<view class="flex-col">
 											<view v-for="(val,i) in item.packList" :key="i" v-if="i<2" class="item">
-												<view class="part-1">
+												<!-- <view class="part-1">
 													<text>惠</text>
-												</view>
+												</view> -->
 												<view class="part-2">
-													<text>{{val.duration}}小时套餐：</text>
-													<text class="text-red text-bold text-lg">￥{{val.price}}/场</text>
+													<text class="text-sm">{{val.duration}}小时套餐:￥</text>
+													<text class="text-red text-bold text-xl">{{val.price}}</text>
+													<text class="text-sm"> /场</text>
 												</view>
 											</view>
 										</view>
@@ -100,7 +101,7 @@
 								
 								<view class="flex-between confirm-box">
 									<view class="flex-priceBox">
-										<text style="color: #e70486;margin-left: -6rpx;">￥</text><text class="text-pink">{{ item.price }}</text><text>/小时</text>
+										<!-- <text style="color: #e70486;margin-left: -6rpx;">￥</text><text class="text-pink">{{ item.price }}</text><text class="text-sm">/小时</text> -->
 									</view>
 									
 									<view class="confirm">
@@ -991,7 +992,7 @@
 				// height: 44rpx;
 				// background: #FFFFFF;
 				// border: 2rpx solid #fc3f21;
-				margin: 6upx 1%;
+				margin: 0 1%;
 		        overflow: hidden;
 				
 		        .part-1{
@@ -1013,7 +1014,7 @@
 					// justify-content: center;
 					align-items: center;
 					height: 100%;
-					padding: 8upx;
+					padding: 4upx 8upx;
 					// border-right: 2upx solid #fc3f21;
 				}
 				.part-3{
@@ -1021,7 +1022,7 @@
 					justify-content: center;
 					align-items: center;
 					height: 100%;
-					padding: 8upx;
+					padding: 4upx 8upx;
 				}
 				// text {
 				// 	font-size: 25upx;

pages/useCouponIllustrate/useCouponIllustrate.vue

 <template>
 	<view class="flex-col use-coupon-illustrate">
-		<view class="title-box">
-			<text class="text-pink text-bold text-xl">优惠券使用教程</text>
+		<view class="content" v-html="content">
+			
 		</view>
 	</view>
 </template>
 
 <script>
+	import {getProtocol} from "@/api/index.js"
 	export default {
 		data() {
 			return {
-				
+				content:''
 			};
+		},
+		onLoad() {
+			this.onLoading()
+		},
+		methods:{
+			onLoading(){
+				getProtocol('coupon_use_process').then(res=>{
+					console.log(res)
+					if(res.data.code){
+						uni.setNavigationBarTitle({
+							title:res.data.data.protocolTitle
+						})
+						this.content = res.data.data.content
+					}
+				})
+			}
 		}
 	}
 </script>
@@ -20,7 +37,11 @@
   .use-coupon-illustrate{
 	  display: flex;
 	  flex-direction: column;
+	  width: 100vw;
+	  padding: 20upx 0;
+	  .content{
 		  width: 100%;
+	  }
 	  .title-box{
 		  display: flex;
 		  padding: 30upx;