1

pages/guidecar/guidecarGoodsdetails.vue

 <template>
-	<view class="guidecarOrderdetails" :style="{'height':contentHeight}">
+	<view class="guidecarOrderdetails" :style="{'height':contentHeight}" >
 		<view class="u-skeleton" v-if="isExsitGoods" style="background: #FFF;">
 			<view class="g_top">
 				<view class="row">
@@ -213,6 +213,7 @@
 				预订
 			</view>
 		</view> 
+		<u-skeleton v-if="loading" :loading="true" :animation="true" bgcolor="#FFF"></u-skeleton>
 		<u-divider :margin-top="20" :margin-bottom="20" bg-color="transparent">商品详情</u-divider>
 		<view class="details">
 		  <h-parse :content="detailContent" @navigate="clickDescription"></h-parse>
@@ -250,6 +251,7 @@
 		},
 		data() {
 			return {
+				loading: true,
 				pageTitle: "详情",
 				GoodsId:367468,
 				g:{},
@@ -419,6 +421,7 @@
 		},
 		methods: {
 			init(){
+				this.loading = true;
 				uni.showLoading({
 				  title: "加载中",
 				});
@@ -451,8 +454,10 @@
 						//   '< img style="margin-top:-4px;width:100%"'
 						// );
 						this.detailContent = richtext;
+						this.loading = false;
 					}else{
 						this.isExsitGoods = false;
+						
 					}
 					 
 				  }