2025-10-29 18:54:46 +08:00
|
|
|
|
---
|
|
|
|
|
|
description:
|
|
|
|
|
|
globs: *.uts,*.uvue
|
|
|
|
|
|
alwaysApply: false
|
|
|
|
|
|
---
|
|
|
|
|
|
|
2025-10-30 19:28:09 +08:00
|
|
|
|
# ts | uts
|
2025-10-29 18:54:46 +08:00
|
|
|
|
|
|
|
|
|
|
- 所有方法必须在被调用之前进行定义，避免出现“先调用后定义”的情况。
|
|
|
|
|
|
- 当使用 {} 进行对象赋值时，必须显式声明类型，例如：{} 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>
|
|
|
|
|
|
```
|
