debug: 小程序背景图片css-兼容性

project.config.json

@@ -2,7 +2,7 @@
   "miniprogramRoot": "dist/",
   "projectname": "yidooplanet",
   "description": "yidooplanet",
-  "appid": "wx11f6afc44ea1532f",
+  "appid": "wxa55815dd741a540d",
   "setting": {
     "urlCheck": true,
     "es6": false,

project.tt.json

@@ -1,7 +1,7 @@
 {
   "miniprogramRoot": "./",
   "projectname": "yidooplanet",
-  "appid": "wx11f6afc44ea1532f",
+  "appid": "wxa55815dd741a540d",
   "setting": {
     "es6": false,
     "minified": false

src/pages/index/componments/RemoteJob/index.jsx

@@ -28,17 +28,31 @@ const RemoteJob = () => {
   return (
     <View
       className="RemoteJob"
-      style={{
-        backgroundImage: `url(${remotework})`,
-        // backgroundColor: "yellow",
-      }}
+      style={
+        {
+          // backgroundImage: `url(${remotework})`,
+          // backgroundRepeat:"no-repeat",
+          // backgroundColor: "yellow",
+        }
+      }
     >
-      <View>RemoteJob</View>
+      <Image
+        style={{
+          width: "100%",
+          height: "100%",
+          background: " #fff",
+          borderRadius: "10px",
+        }}
+        mode="scaleToFill"
+        src={remotework}
+      />
+      <View className="ReContent">  <View>远程工作职位</View>
       <AtDivider content="" />
-      <View>1.设计师</View>
-      <View>2.后端工程师</View>
-      <View>3.社交媒体营销</View>
-      <View>3.电商运营</View>
+      <View>1. 设计师</View>
+      <View>2. 开发工程师</View>
+      <View>3. 社交媒体营销</View>
+      <View>3. 电商运营</View></View>
+    
     </View>
   );
 };

src/pages/index/componments/RemoteJob/index.scss

@@ -1,4 +1,15 @@
-.RemoteJob{
+.RemoteJob {
+  // padding: 10px;
+
+ 
+  position: relative;
+
+  Image {
+    z-index: -1;
+    position: absolute;
+  }
+
+  .ReContent {
     padding: 10px;
     font-size: 25px;
     width: 320px;
@@ -8,7 +19,9 @@
     // align-items: center;
     // justify-content: center;
     // background-color: #eaff8f;
+     color: #fff;
+     font-weight: 400;
     border-radius: 20px;
     border: solid 1px #8c8c8c;
-    color: #fff;
-}
+  }
+}