# 石油

**Repository Path**: cadylau/petroleum

## Basic Information

- **Project Name**: 石油
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-31
- **Last Updated**: 2025-08-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 目录介绍  
api:			网络请求接口  
components:		多页面公用组件
dictionaries:	数据字典  
lib:			第三方依赖文件
mixins:			全局公用函数  
nativeplugins:	uni-app插件目录  
node_modules:	第三方依赖  
package:		主页面，小程序分包  
pages:			只存放tabbar对应的页面，其他页面放在package对应的模块中  
static:			存放静态文件，比如图片等等  
store:			vue状态管理器，存放经常用到的数据比如用户信息、登录状态、店铺信息、数据字典等等  
styles:			存放css样式  
unpackage:		Hubliderx运行打包生成的文件存放位置  
utils:			工具函数  
.gitignore:		git配置文件  
permission.js:	页面跳转相关权限判断  
vue.config.js:	浏览器预览配置代理的地方  

## api目录介绍
api目录下的子目录命民使用模块名，模块名就是接口的前缀比如：/admin/mobile/get-smsCode；那么模块名就是：admin  
相应接口一定要放在对应的目录下。


## store目录介绍
该目录为vuex状态管理器，vuex详细使用方法看官方文档  
store/module/user：	该模块存放的是一些用户信息，如果某个页面要使用用户信息直接...mapGetters(['userInfo'])就行  



## util目录介绍
config.js:		存放一些全局静态变量，比如网络请求地址、key值等  
error-code.js:	网络请求错误码  
map.js:			地图一些相关的工具函数  
request.js:		网络请求封装工具函数  
store.js:		操作缓存的工具函数使用  
uni-api.js：	封装的uni-api接口  
util.js:		封装的常用的工具函数  
validate.js:	所有页面的正则校验都应该放在这里  



## 创建一个新页面的步骤  
新建文件夹，文件夹就是页面名，一个完整的页面目录结构应该如下： 
page:  
	component:	目录，存放页面内组件  
	index.vue:  页面入口  

## 图标使用注意
该项目图标全部使用阿里云图标库上面的图标，阿里云图标库项目地址：
[](https://www.iconfont.cn/manage/index?spm=a313x.7781069.1998910419.13&manage_type=myprojects&projectId=2559526)


## 项目运行注意  
先判断依赖是否全部安装，未安装执行命令：npm i --save 安装  

## api目录介绍
api目录下你会发现有多个文件夹，每个文件夹对应后台的模块，每个模块的接口地址存放  
在对应的文件夹中  


## 该项目兼容问题
目前附近店铺不适配H5端