页面圈红

config/prod.js

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

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 {