## 动效
```js

动效方式是 淡入 + 上浮 + 轻微缩放恢复 ，时长和延迟做了分层，不改业务逻辑：





- 进度条：新增分段生长动画，进入页面时会从左向右展开。
- 进度条高光：整条会有一层非常轻的扫光，强化质感但频率很低。
- 最大持仓比滑块：新增轻微呼吸感，悬停时会有更明确的反馈。
- 左侧卡片：悬停时轻微上浮并增强阴影，像真实卡片层级。
- 中间指标卡：和左侧卡片统一成同一套 hover 语言，整体更完整。
- 右侧环图：增加轻微浮动和阴影，视觉重心更稳定。
- 总览大卡：整体 hover 时会有很弱的光感掠过，提升精致度。


// 提示词
请把我们现在这套设计风格，总结成一份设计规范文档
保存为 design.md，内容包括
root.
```

提示词-AI

## 1.安装 OpenSkills 项目

```js

npm i -g openskills

```




## 步骤二：安装 Anthropic 官方 Skills

```js
这一步可以选择将官方 Skills 安装到当前项目还是全局。

如果选择将官方 Skills 安装到当前项目，就在终端输入这条命令：

openskills install anthropics/skills
如果希望在全局生效，就用这条命令：

openskills install anthropics/skills --global

如果你有代理（比如 Clash 默认 7890）
git config --global http.proxy http://127.0.0.1:7890
git config --global https.proxy http://127.0.0.1:7890

取消代理
git config --global --unset http.proxy
git config --global --unset https.proxy
```
## 步骤三：创建 AGENTS.md 文件并写入 Skills

```js
openskills sync
```

## 常用的skills

```js

ui-ux-pro-max-skill
```

skills

## 下拉刷新

```js

 <scroll-view class="scroll-box" scroll-y refresher-enabled :refresher-triggered="triggered"
            @refresherpulling="onPulling" @refresherrefresh="onRefresh" @refresherrestore="onRestore"
            refresher-default-style="none" :refresher-threshold="60">
            <view slot="refresher" class="custom-refresher">
                <text class="refresh-text">{{ refreshText }}</text>
            </view>
            
            
 </scroll-view>
 


 
 data(){
 return{
   triggered: false,
            refreshText: '下拉刷新',
            _freshing: false,
            
     }
 }
 metheds:{
 
//开始
  onPulling(e) {
            if (e.detail.dy < 60) {
                this.refreshText = '下拉刷新';
            } else {
                this.refreshText = '释放刷新';
            }
        },
        
        // 刷新中
        async onRefresh() {
            if (this._freshing) return;
            this._freshing = true;
            this.triggered = true;
            this.refreshText = '加载中...';
            await this.getList(true);
            this.triggered = false;
            this._freshing = false;
        },
        
        // 手松开
        onRestore() {
            this.refreshText = '刷新成功';
        },
        
        
         async getList(isRefresh = false) {
            if (!isRefresh) {
                uni.showLoading({ title: "加载中..." });
            }

            try {
                let { data, code, msg } = await getListTask()
                if (code == 200) {
                    this.fileList = data
                } else {
                    this.$u.toast(msg || '服务器异常')
                }
            } catch (err) {
                console.error(err)
            } finally {
                if (!isRefresh) {
                    uni.hideLoading()
                }
            }
        }
 }
 
 <style>
     .scroll-box {
        flex: 1;
        width: 100%;
        height: 0; // flex 布局下必须，否则 scroll-view 可能无法正常滚动
    }

    .custom-refresher {
        width: 100%;
        height: 60px;
        display: flex;
        justify-content: center;
        align-items: center;

        .refresh-text {
            font-size: 26rpx;
            color: #999;
        }
    }
    
     </style>
```

小程序uniapp

## 通信

![image.png](/static/img/082c36f2e7ed001c195f944dd0cc75f4.image.webp)