111

apps/home/Tpl/default/Home/exams_w3g.html

 <include file="__THEME__/public_header_w3g" />
-
+<style type="text/css">
+  .yulanBox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
+  .tips_box { width: 250px; border-radius: 4px; overflow: hidden;  }
+  .tips_title { width: 100%; text-align: center; margin-top: 17px; font-size: 15px; color: #4A4A4A; }
+  .tips_body { width: 100%; margin-top: 9px; padding: 0 25px; font-size: 12px; color: #999; line-height: 17px; }
+  .tips_foot { width: 100%; border-top: 1px solid #DFDFDF; display: flex; align-items: center;justify-content: space-between; overflow: hidden; }
+  .tips_foot_L { width: 50%; height: 45px; text-align: center; line-height: 45px; border-right: 1px solid #DFDFDF; font-size: 15px; color: #09BB07; }
+  .tips_foot_R { width: 50%; height: 45px; text-align: center; line-height: 45px;  font-size: 15px; color: #09BB07; }
+</style>
 <div id="app">
+  
 	<div class="layout_v tab_container">
 		<van-tabs :border="false" v-model="tab" sticky @change="onTopTab" line-width="72px" line-height="4px" background="white"
 		 color="#A3E460" title-inactive-color="#333333" title-active-color="#A3E460">
@@ -182,6 +191,19 @@
 			</template>
 		</van-tabbar-item>
 	</van-tabbar>
+  
+  <!-- 下载预览提示 -->
+  <div class="yulanBox">
+    <div class="tips_box">
+      <div class="tips_title">提示</div>
+      <div class="tips_body">套餐下架后用户便无法找到该商品进行购买，你确定要下架吗？</div>
+      <div class="tips_foot">
+        <div class="tips_foot_L">下载预览</div>
+        <div class="tips_foot_R">下载全部</div>
+      </div>
+    </div>
+  </div>
+  
 </div>
 
 <script type="text/javascript">