贷款-产品详情页图改成后端获取

htmldev/loan/src/views/loan/explain/components/btnApply.vue

@@ -23,7 +23,7 @@ export default {
 <style lang="scss" scoped>
 .btn-apply {
   display: block;
-  width: 196px;
+  width: 327px;
   height: 45px;
   border-radius: 4px;
   line-height: 45px;

htmldev/loan/src/views/loan/explain/index.vue

@@ -1,14 +1,10 @@
 <template>
   <div class="wrapper">
-    <img class="banner min-h500" src="./image/jiansheyinhang/1@2x.png" alt="">
-    <BtnApply class="m-0" :orderProductId="orderProductId"
-              :partnerId="partnerId"/>
-    <img class="banner min-h300" src="./image/jiansheyinhang/2@2x.png" alt="">
-    <BtnApply class="m-1" :orderProductId="orderProductId"
-              :partnerId="partnerId"/>
-    <img class="banner min-h500" src="./image/jiansheyinhang/3@2x.png" alt="">
-    <BtnApply class="m-2" :orderProductId="orderProductId"
-              :partnerId="partnerId"/>
+    <img class="banner" :src="productInfo.productContentUrl" alt="">
+    <div class="footer">
+      <BtnApply :orderProductId="orderProductId"
+                :partnerId="partnerId"/>
+    </div>
   </div>
 </template>
 
@@ -66,28 +62,21 @@ export default {
   background: #fff;
 }
 
-.min-h300 {
-  min-height: 300px;
-}
-
-.min-h500 {
-  min-height: 500px;
-}
-
 .banner {
   display: block;
   width: 100%;
 }
 
-.m-0 {
-  margin: 22px auto 31px;
-}
-
-.m-1 {
-  margin: 17px auto 43px;
-}
-
-.m-2 {
-  margin: 35px auto 0;
+.footer {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 99;
+  display: flex;
+  justify-content: center;
+  width: 100%;
+  padding: 10px 0 20px;
+  background: #fff;
 }
 </style>