47 lines
1.2 KiB
Plaintext
47 lines
1.2 KiB
Plaintext
---
|
||
description:
|
||
globs: *.uts,*.uvue
|
||
alwaysApply: false
|
||
---
|
||
|
||
# ts | uts
|
||
|
||
- 所有方法必须在被调用之前进行定义，避免出现“先调用后定义”的情况。
|
||
- 当使用 {} 进行对象赋值时，必须显式声明类型，例如：{} as Data，确保类型安全与规范。
|
||
|
||
# setup
|
||
|
||
- 页面参数请通过 props 接收，避免使用 onLoad 接口。
|
||
|
||
# <template>
|
||
|
||
- 页面无需手动在最外层包裹 <scroll-view class="flex-1" scroll-y>，因已由 <cl-page> 统一处理页面滚动。
|
||
|
||
# cool-ui
|
||
|
||
- 组件参数值必须为合法、准确且符合预期的类型和取值范围，避免传递无效或异常数值。
|
||
|
||
# 图标
|
||
|
||
- 图标样式名称的使用请参考 /icons 目录下已定义的命名。
|
||
|
||
# 设计规范
|
||
|
||
- 组件开发请参考 /pages/demo 下的代码示例，遵循其用法与风格。
|
||
- 页面开发建议参照 /pages/template 下的标准模板，保持结构与规范一致。
|
||
- 当页面底部需要展示按钮等操作区域时，建议统一使用 cl-footer 组件配合实现，确保交互区域风格和布局规范一致。
|
||
|
||
# 页面模板代码
|
||
|
||
```uvue
|
||
<template>
|
||
<cl-page>
|
||
<view class="p-3"></view>
|
||
</cl-page>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
|
||
</script>
|
||
```
|