添加全局样式和 element ui框架

front-end/app-product/src/features/product/router/index.ts

@@ -4,13 +4,13 @@ export const productRouter: Array<RouteRecordRaw> = [
     {
         path: '/Products',
         name: 'ProductList',
-        component: () => import('../views/ProductList.jsx'),
+        component: () => import('../views/ProductList/ProductList.jsx'),
         meta: { title: '商品列表' }
     },
     {
         path: '/ProductDetail',
         name: 'ProductDetail',
-        component: () => import('../views/ProductDetail.jsx'),
+        component: () => import('../views/ProductDetail/ProductDetail.jsx'),
         meta: { title: '商品详情' }
     },
 ]

front-end/app-product/src/features/product/views/ProductList/ProductList.module.less

@@ -0,0 +1,5 @@
+.ProductList {
+  .test {
+    color: red;
+  }
+}

front-end/app-product/src/features/product/views/ProductList/ProductList.tsx

@@ -1,3 +1,5 @@
+import styles from './ProductList.module.less'
+
 import { defineComponent, onMounted, reactive } from 'vue'
 import { useRouter } from 'vue-router';
 import { product } from '@domains/product/di/productModule';
@@ -28,8 +30,8 @@ export default defineComponent({
         }
 
         return () => (
-            <div class="ProductList">
-                <h1>商品领域模块 - 商品列表页面3</h1>
+            <div class={ styles.ProductList }>
+                <h1 class={ styles.test }>商品领域模块 - 商品列表页面3</h1>
                 <hr/>
                 <h2>从Deno 后端 加载的数据，点击进详情</h2>
                 <ul>

front-end/app-product/src/shared/types/env.d.ts

@@ -0,0 +1,4 @@
+declare module '*.module.less' {
+    const classes: { [key: string]: string }
+    export default classes
+}