config添加静态资源引入配置

src/views/Policy/Detail/index.less

@@ -109,6 +109,9 @@
 	.Pdb-payment {
 	  margin: 0 16px 10px;
 	  padding: 20px;
+	  background: #FFFFFF;
+      box-shadow: 0px 5px 25px 0px rgba(0,0,0,0.07);
+	  border-radius: 14px;
 	  &-title {
 		margin-bottom: 16px;
 		font-size: 18px;
@@ -136,6 +139,16 @@
 		   }
 	  	}
 	  }
+	  &-button {
+	  	width: 303px;
+		height: 52px;
+		background: #FFC842;
+		border-radius: 14px;
+		font-size: 16px;
+		font-weight: 600;
+		color: #333333;
+		line-height: 22px;
+	  }
 	}
 	.Pdb-insurance {
 	  margin: 0 16px 10px;

src/views/Policy/Detail/index.vue

@@ -22,7 +22,7 @@
             <span class="Pdbpc-item-text">续保保费按照续保应交保费，自动扣款</span>
           </div>
         </div>
-        <cr-button class="Pdb-payment--button">立即缴费</cr-button>
+        <cr-button class="Pdb-payment-button">立即缴费</cr-button>
       </div>
       <div class="Pdb-insurance">
         <p class="Pdb-insurance-name">国民保·百万医疗险</p>

src/views/User/index.vue

@@ -12,7 +12,7 @@
           height=""
           round
           fit="cover"
-          :src="avatar"
+          src="@/assets/images/user/avatar@2x.png"
         />
         <!-- <svg-icon icon-class="certification" class-name="user-info-image-certification" /> -->
       </div>

vue.config.js

@@ -35,6 +35,19 @@ module.exports = {
         symbolId: "icon-[name]"
       })
       .end();
+    // 组件静态资源引入
+    config.module
+      .rule("vue")
+      .use("vue-loader")
+      .loader("vue-loader")
+      .tap(options => {
+        return {
+          ...options,
+          transformAssetUrls: {
+            "cr-image": "src"
+          }
+        };
+      });
     // 分包优化
     config.optimization.splitChunks({
       chunks: "all",