防疫浮窗

src/assets/scss/modules/wx-mini/index-set.scss

@@ -195,6 +195,17 @@
 				// border-radius: 50px 0 0 50px;
 				// background-color: #ffffff;
 			}
+			.mw-phone-fixed2 {
+				// @include bs1;
+				position: absolute;
+				z-index: 1000;
+				top: 220px;
+				right: 0;
+				width: 141px * 0.5;
+				height: 164px * 0.5;
+				// border-radius: 50px 0 0 50px;
+				// background-color: #ffffff;
+			}
 			.mw-phone-top {
 				position: relative;
 				height: 40px;
@@ -302,6 +313,19 @@
 					}
 				}
 
+				.mw-cpt-fangyi {
+					position: relative;
+
+					.d-cpt-wrap {
+						width: 141px * 0.5;
+						height: 164px * 0.5;
+						img {
+							width: 141px * 0.5;
+							height: 164px * 0.5;
+						}
+					}
+				}
+
 				.mw-cpt-cnt_menus {
 					position: relative;
 					margin-top: 10px;
@@ -340,7 +364,6 @@
 									color: rgba(51, 51, 51, 1);
 								}
 							}
-
 						}
 					}
 				}
@@ -355,19 +378,19 @@
 						// overflow-x: scroll;
 						overflow: hidden;
 						margin: 0 13px;
-            padding:0 0 13px 0;
+						padding: 0 0 13px 0;
 						background-color: white;
 
 						.link {
 							width: 100%;
 							position: relative;
 
-              .link-item{
+							.link-item {
 								display: inline;
 								position: relative;
 
 								> img {
-                  width:45%;
+									width: 45%;
 									// width: 308px;
 									margin: 8px;
 									// height: 160px;
@@ -384,8 +407,6 @@
 									color: #ffffff;
 								}
 							}
-
-              
 						}
 
 						.dots {
@@ -410,10 +431,8 @@
 								}
 							}
 						}
-				
 					}
 				}
-
 			}
 		}
 	}
@@ -496,5 +515,5 @@
 		-moz-border-radius: 50%;
 		-ms-border-radius: 50%;
 		-o-border-radius: 50%;
-}
+	}
 }

src/components/wx-index/cpt-item.vue

@@ -22,6 +22,19 @@
       </div>
     </div>
 
+    <!-- 防疫组件 -->
+    <div class="mw-cpt-fangyi"
+         v-else-if="item.componentFrontId==='resi-functionList-extend-fangyiFloat'">
+      <div class="d-cpt-wrap">
+        <img v-if="item.demoData.ico"
+             :src="item.demoData.ico"
+             mode="aspectFill">
+        <img v-else
+             src="@/assets/img/modules/wx-mini/index-set/fangyi-btn.png"
+             mode="aspectFill">
+      </div>
+    </div>
+
     <!-- 爱心互助 -->
     <heart v-else-if="item.componentFrontId==='resi-functionList-heart-banner'
             ||item.componentFrontId==='resi-functionList-heart-new'