# 工程模板H5

**Repository Path**: pp756404056/engineering-formwork-h5

## Basic Information

- **Project Name**: 工程模板H5
- **Description**: 基于vant
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 0
- **Created**: 2022-04-19
- **Last Updated**: 2022-07-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# hello-world

## Project setup
```
npm install
```

### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for test
```
npm run test
```
### Compiles and minifies for production
```
npm run pro
```


### 导航
导航分为三块：左边返回按钮，中间导航文字，右侧操作按钮
分别对应 
navLeftRender（）
titleRender（）
navRightRender（）
# 返回值为Vnode
 navLeftRender () {
  return <div onClick={this.onClickLeft}> <van-icon name="arrow-left" size="18" />首页返回123123</div>
},
onClickLeft () {
  this.$toast('首页返回点击')
},
navRightRender () {
  return <div onClick={this.onClickRight}>右边菜单</div>
},
onClickRight () {
  this.$toast('右边菜单点击')
},

titleRender(){
  return (<div>我是菜单的标题</div>)
}

手动刷新，一边用于异步头部
 // 通知导航刷新
this.$bus.$emit('renderNav')



### 容器
1.带底部导航（LayoutView）
2.详情容器（LayoutDetail）

### 组件

路径：common/components
vant：按需引入
ai-from：表单
ai-spin：loading加载
ai-cell：上下布局
ai-list：列表模板
ai-listPage 带分页的list模板


### loading
<spin loading={loading}>
    我正在loading
</spin>


### list
// 卡片模板
this.$scopedSlots.listItem = (res) => {
      return (<div>我是list</div>)
}
<ai-list  {...{ scopedSlots: { ...this.$scopedSlots } }}> </ai-list>




## 2022/06/29 更新日志

```
1. 新增
 # 表单自定义校验功能
 ex：pages/home/fromJson
 2.修复
 # 弹窗在安卓下使用物理返回键不消失的问题
 # 表单setResetValidation方法失效的问题
 # 表单rule（校验js）对象引用的问题
```