Add tag for app

Author: chendelin1982

src/assets/scss/app.scss

@@ -137,4 +137,24 @@ File: Main Css File
     text-decoration: line-through;
     /* 改变颜色 */
     color: gray;
+}
+
+
+.appstore-item-content {
+    position: relative;
+    /* 为绝对定位标签添加参照 */
+}
+
+.app-todo-label {
+    position: absolute;
+    top: 8px;
+    right: 8px;
+    background: #ffd700;
+    color: #000;
+    padding: 2px 8px;
+    border-radius: 12px;
+    font-size: 0.75rem;
+    font-weight: bold;
+    z-index: 1;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
 }

src/pages/appstore.js

@@ -915,9 +915,17 @@ const AppStore = (): React$Element<React$FragmentType> => {
 
     const renderAppItem = (app, i, isAppFavorite) => {
         const imageName = app?.logo?.imageurl?.split("/").pop();
+        const isProduction = app?.production !== false; // 检查production属性
+
         return (
             <Col xxl={3} sm={6} md={4} key={"app-" + i} className="appstore-item">
                 <div className='appstore-item-content highlight' onClick={() => { handleClick(app, isAppFavorite) }}>
+                    {/* 添加标签容器 */}
+                    {!isProduction && (
+                        <div className="app-todo-label">
+                            To do
+                        </div>
+                    )}
                     <div className='appstore-item-content-icon col-same-height'>
                         <LazyLoad>
                             <img
@@ -937,7 +945,7 @@ const AppStore = (): React$Element<React$FragmentType> => {
                         </div>
                     </div>
                 </div>
-            </Col >
+            </Col>
         );
     };