# 疫情生活宝109

**Repository Path**: xinyezhifei/epidemic-life-treasure-109

## Basic Information

- **Project Name**: 疫情生活宝109
- **Description**: 疫情小程序，带你快速学习小程序
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-03-29
- **Last Updated**: 2022-03-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

###  模板
```html
<!-- 刻一个模子出来 -->
	<!-- 小程序模板 相同的地方写在一起 -->


	<!-- 数据传输 -->
```

```html
	<!-- 子 -->
	<template name="protem">
	    <view class="pd20 china-list">
	
	        <view class="msg">
	            国内各地区疫情统计汇总
	        </view>
	        <view class="title flex-r-c">
	            <text>地区</text>
	            <text>新增</text>
	            <text>累计</text>
	            <text>治愈</text>
	            <text>死亡</text>
	        </view>
	
	
	        <view class="list">
	            <block>
	
	                <!-- <block> 包裹 是块级的盒子 并且是一个独立的区域 -->
					<!-- catchtap 阻止事件向上冒泡 -->
	                <view wx:for="{{datalist}}" wx:key="index" class="content flex-r-c"   catchtap="goDetail">
	                    <text>{{item.name}}</text>
	                    <text>{{item.today.onfirm}}</text>
	                    <text>累计</text>
	                    <text>治愈</text>
	                    <text>死亡</text>
	                </view>
	            </block>
	        </view>
	    </view>
	
	</template>
	<!-- 父 -->
	
```js
		goDetail(){
	        console.log('打印')
	        // 跳转二级
	        wx.navigateTo({
	          url: '/pages/china/two/two',
	        })
	
	        // wx.redirectTo uni.用于跳转 任何级 没有返回按钮 
	        // wx.redirectTo({
	        //     url: '/pages/china/two/two',
	        // })
	    },

```

### 关于小程序事件传参数的问题
```js
// * 小程序必须通过原生事件来或者自己设置的参数
// 只能通过自定义设置的属性 （想要携带的参数）
				// 子
				<view wx:for="{{datalist}}" wx:key="index" class="content flex-r-c"
                    data-name="{{item.name}}"
                    data-index="{{index}}"
                    catchtap="goDetail"
                >
                    <text>{{item.name}}</text>
                    <text>{{item.today.confirm}}</text>
                    <text>累计</text>
                    <text>治愈</text>
                    <text>死亡</text>
                </view>
				
				
				
				// 父
				
				
				 goDetail(event){
				        // console.log(event)
				        let i = event.currentTarget.dataset.index
				        console.log(i) //索引
				        // 跳转二级
				        wx.navigateTo({
				          url: '/pages/china/two/two?num='+i,
				        })
				
				        // wx.redirectTo uni.用于跳转 任何级 没有返回按钮 
				        // wx.redirectTo({
				        //     url: '/pages/china/two/two',
				        // })
				    },
```

### 小程序中的导出引入模块化
```js
	
	
	// 封装的 接口用多 且平凡
	
	// 声明式函数
	// function 
	const  getData = ()=> {
	    return new Promise((solve, reject) => {
	        wx.request({
	            url: 'https://api.inews.qq.com/newsqa/v1/query/inner/publish/modules/list?modules=statisGradeCityDetail,diseaseh5Shelf ',
	            success: (r) => {
	                solve(r)
	
	            },
	            fail:()=>{
	                wx.showToast({
	                  title: '网络发生错误，请联系管理员',
	                })
	            }
	        })
	    })
	
	}
	
	// export getData;
	// 小程序中模块化导出 Comm.js的规范 node.js导出方法
	// 暴露导出含义
	module.exports ={
	    getData,
	
	
	}
	
	// 一对
	// require()
	
	let getData = require('../../utils/dataProvince')


```

### 功能性btn
```js
	open-type

```

### 折线图 柱状图 地理图
```js



```