页面圈红

config/prod.js

@@ -2,8 +2,7 @@ module.exports = {
   env: {
     NODE_ENV: '"production"'
   },
-  defineConstants: {
-  },
+  defineConstants: {},
   weapp: {},
   h5: {
     /**

project.config.json

 {
-	"miniprogramRoot": "dist/",
-	"projectname": "taroDemo",
-	"description": "",
-	"appid": "wxc3dfc37466838046",
-	"setting": {
-		"urlCheck": false,
-		"es6": false,
-		"postcss": false,
-		"minified": false,
-		"newFeature": true,
-		"autoAudits": false,
-		"checkInvalidKey": true,
-		"coverView": true,
-		"checkSiteMap": true,
-		"uploadWithSourceMap": true,
-		"babelSetting": {
-			"ignore": [],
-			"disablePlugins": [],
-			"outputPath": ""
-		}
-	},
-	"compileType": "miniprogram",
-	"simulatorType": "wechat",
-	"simulatorPluginLibVersion": {},
-	"condition": {}
-}
\ No newline at end of file
+  "miniprogramRoot": "dist/",
+  "projectname": "taroDemo",
+  "description": "",
+  "appid": "wxc3dfc37466838046",
+  "setting": {
+    "urlCheck": false,
+    "es6": false,
+    "postcss": false,
+    "minified": false,
+    "newFeature": true,
+    "autoAudits": false,
+    "checkInvalidKey": true,
+    "coverView": true,
+    "checkSiteMap": true,
+    "uploadWithSourceMap": true,
+    "babelSetting": {
+      "ignore": [],
+      "disablePlugins": [],
+      "outputPath": ""
+    }
+  },
+  "compileType": "miniprogram",
+  "simulatorType": "wechat",
+  "simulatorPluginLibVersion": {},
+  "condition": {}
+}

src/pages/home/tempaltes/film_edit.tsx

@@ -208,7 +208,7 @@ class FilmDetail extends Component {
                 return (
                   <View
                     key={index + item.name}
-                    className="page-item"
+                    className={index === pageIndex ? 'page-item page-item-active' : 'page-item'}
                     onClick={() => {
                       this.changePage(index)
                     }}

src/pages/home/tempaltes/scss/film_edit.scss

@@ -19,10 +19,17 @@
 
   .page-container {
     display: flex;
-    padding: 20px 20px 0 20px;
+    padding: 20px 20px 50px 20px;
 
     .page-item {
       margin-right: 30px;
+      box-sizing: border-box;
+    }
+
+    .page-item-active {
+      image {
+        border: 1px solid red;
+      }
     }
 
     .page-thumb {