# uni-2206

**Repository Path**: connerljlx_admin/uni-2206

## Basic Information

- **Project Name**: uni-2206
- **Description**: 2206班uniapp基础
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-03-13
- **Last Updated**: 2025-03-05

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 项目目录解析
```
pages // 存储 uni 页面  使用 的是 vue sfc 单文件组件
static // 存储 开发用到的静态资源
unpackage // 存储的 是 开发时 实时 编译各种 平台 代码包 和 生产 编译各种 平台 的代码包
App.vue  // 入口组件 相当于小程序中的  app.js 和 app.wxss
mainfest.json // 项目配置  一般 上线配置   app需要 在这里
pages.json // 项目开发配置  类似小程序的app.json
```

# 条件编译
uniapp考虑多端运行， 不同业务，不同平台  布局 交互 实现方式都可能不一样，想要实现 一套代码 多端运行
uniapp 提供条件编译 语法  条件编译代码 可以在不同平台下运行 其他平台不运行

条件编译有两种
```
#ifdef：if defined 仅在某平台存在
#ifndef：if not defined 除了某平台均存在
```
条件的值
```
VUE3	HBuilderX 3.2.0+ 详情
APP-PLUS	App
APP-PLUS-NVUE或APP-NVUE	App nvue 页面
APP-ANDROID	App Android 平台 仅限 uts文件
APP-IOS	App iOS 平台 仅限 uts文件
H5	H5
MP-WEIXIN	微信小程序
MP-ALIPAY	支付宝小程序
MP-BAIDU	百度小程序
MP-TOUTIAO	字节跳动小程序
MP-LARK	飞书小程序
MP-QQ	QQ小程序
MP-KUAISHOU	快手小程序
MP-JD	京东小程序
MP-360	360小程序
MP	微信小程序/支付宝小程序/百度小程序/字节跳动小程序/飞书小程序/QQ小程序/360小程序
QUICKAPP-WEBVIEW	快应用通用(包含联盟、华为)
QUICKAPP-WEBVIEW-UNION	快应用联盟
QUICKAPP-WEBVIEW-HUAWEI
```

+ 在 模板中条件编译
```wxml
 <!-- #ifdef H5-->
		 <button>这个按钮只在h5下显示</button>
<!-- #endif -->


 <!-- #ifndef H5-->
		 <button>这个按钮只在h5下不显示</button>
<!-- #endif -->
```
+ js条件编译
```js
// #ifdef H5
	这里js只要 H5下运行
// #endif 
```
+ css中的条件编译
```css
/*#ifdef H5*/
	这里js只要 H5下运行
/*#endif*/
```