WebApp【公共组件库】@前端(For Git Submodule)
Tevin
2025-03-18 32d2e292be458cdbb25ca2ab9db42a04da30a496
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
---
description: 
globs: src/pages/**/**/*.vue
alwaysApply: false
---
 
# 界面
 
## 界面空白模板
 
```html
/**
* pageName - 页面名称
* @author 作者
*/
 
<template>
    <CPage>
        <CNavBar title="页面名称" />
        <CContent class="page-name">
            <!-- 页面内容 -->
        </CContent>
    </CPage>
</template>
 
<script>
import Taro from '@tarojs/taro';
import {} from 'taro-ui-vue';
import { PPageName } from '@pilots/pilotGroup/PPageName';
import { CPage, CContent, CNavBar } from '@components/layout/h5Page';
import './pageName.scss';
 
export default {
    name: 'PageName',
    components: {},
    ...new PPageName().createOptions(),
};
</script>
```
 
说明:
- H5 界面需要 CPage、CContent、CNavBar 这三个排版组件作为页面的基础布局
- 在小程序中则不需要,删除即可