APPandPC开发规范

APP统一规范

Image 图片 Vant-Image文档

放置图片时统一使用<van-image />
使用该组件时会有个van-image的样式。故也可以这样使用：
注: lazy-load 懒加载需要加

.van-image {
	height: 44px;
}

项目功能点说明

Tab 标签页 Vant-Tab文档

粘性定位布局下与顶部的最小距离使用$store.getters.getOffsetTop从store里取值。达到吸顶效果

<van-tabs :offset-top="$store.getters.getOffsetTop"></van-tabs>

浙里办环境下头部隐藏

<van-nav-bar
    v-if="tool.isH5()" // 判断环境的方法，来决定是否展示头部
/>

文本溢出隐藏

// 注意点，设置固定宽度
.text-more

使用列表带下拉刷新+翻页效果时

1. 下拉刷新，清空list列表，将pages修改为1
2. 在每次发送请求时将loading修改为true（正在加载状态）；
3. 在请求失败时将loading修改为true（停止加载状态）；

带有列表分页接口的书写规范

1. 入参需要传入pageSize(分页大小)、pageNum(当前页码)
2. 响应内容规范：

data: {
	list: [{},{},...],
	count: 总条数
}

数据请求包文件创建规范

在数据可视化中将服务名，ID，Token填写正确后生成正确的文件路径如：

上图对应：
api文件创建data>api>hengyang-pension-app>hengyangpension>zwpt.ts
mock文件创建data>mock>hengyang-pension-app>hengyangpension>zwpt.ts