# card

**Repository Path**: qiaoyongli/card

## Basic Information

- **Project Name**: card
- **Description**: yunka
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-29
- **Last Updated**: 2026-01-31

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

#### 项目介绍

这是一个uniapp + vue3 + ts + uviewPlus 模板项目 ，支持H5，微信小程序 和app。其他端暂未测试

#### 环境说明

    node 18.16.0  注意node版本要跟sass-loader版本对应
    npm 9.5.1
    sass: "^1.77.6"
    sass-loader: "^14.2.1"
    vue: "^3.2.31"   vue的版本 注意pinia如果安装包错 有可能是版本的问题 参考 https://blog.csdn.net/github_53963510/article/details/136296054 可解决

#### 注意事项 移动端机型适配

    css单位推荐使用rpx,以iPone6 为基准（设计稿宽度为 375px），400rpx = 200px
    只有需要根据屏幕大小自适应的内容才使用rpx。不要滥用，例如font-size等通常应写为px

#### 项目运行

    1. 下载项目
    2. 安装依赖:npm install
    3. 运行项目:npm run dev:h5

#### 如何使用

##### 一、导入uniapp项目

    1. 本项目是使用vue-cli创建的，可直接用gitee地址下载使用
    2. 解压后用VSCODE或者HBuilderX打开项目
    3. 使用终端编写指令:npm install

##### 二、常用打包命令说明

1. h5使用开发环境接口: npm run dev:h5
2. h5使用测试环境接口: npm run dev:h5:test
3. h5使用正式环境接口（打包上线）: npm run build:h5 打包到测试环境 build:h5：test
4. 微信小程序开发环境: npm run dev:mp-weixin
5. 微信小程序测试环境: npm run dev:mp-weixin:test
6. 微信小程序正式环境（打包上线）: npm run build:mp-weixin 打包到测试环境 build:mp-weixin:test
7. app开发环境: npm run dev:app
8. app正式环境: npm run build:app

##### 三、打包目录说明

    1. dist 打包后的文件
    2. dist/build 是执行build 正式环境打包后的文件
    3. dist/build/h5 是h5打包后的文件
    4. dist/build/mp-weixin 是微信小程序打包后的文件
    5. dist/build/app 是app打包后的文件
    6. 同理dist/dev  是执行dev 开发环境打包后的文件
    注：微信小程序将mp-weixin拖入微信开发者工具 就可以实现实时预览，编辑器选择vscode或者 hbuilderx都行

##### 四、项目目录结构说明

    1. api 接口请求
    2. common 存放公用的方法，例如请求封装，utils 工具类等
    3. components 全局公用组件 例如导航栏的封装等
    4. pages 主包页面入口 因小程序包大小限制为2M，所以主包尽量不要存放过多的内容
    5. static 静态资源 放图片的
    6. store 全局状态管理仓库 使用pinia
    7. subpackage 分包页面入口
    8. types 全局声明文件入口
    9. permission.ts  页面跳转拦截的封装

### 微笑云卡是一个专注于电子名片管理与分享的跨端应用，主要用于解决企业员工与客户之间的商务信息交换需求。

### 核心功能与用途

1. 电子名片管理
   - 企业员工可创建、查看和管理个人电子名片，包含姓名、职位、联系方式、个人简介等信息。
   - 客户可查看和管理收到的名片列表，方便快速获取联系人信息。

2. 多角色场景适配
   - 企业员工 ：查看个人名片详情，支持分享给客户。
   - 客户 ：通过分享链接添加员工名片，形成个人名片库。
   - 访客 ：通过分享链接查看特定员工的名片信息，无需登录即可浏览。

3. 便捷信息交换
   - 支持通过微信等方式分享名片，减少纸质名片的使用，提升商务沟通效率。
   - 点击名片中的联系方式可直接拨打电话，点击地址可打开地图导航。

4. 企业信息展示
   - 集成企业简介模块，展示公司背景、发展理念等信息，增强企业品牌形象。

5. 智能用户认证
   - 通过微信登录实现快速认证，自动关联用户身份与名片信息，简化操作流程。

### 应用场景

- 商务会议 ：参会人员通过分享电子名片，快速交换联系方式，避免传统名片丢失或信息录入错误。
- 客户拜访 ：销售人员可直接分享电子名片，客户一键保存，后续跟进更便捷。
- 跨部门协作 ：企业内部员工通过名片快速了解同事职位与职责，提升协作效率。

### 价值

微笑云卡通过数字化名片管理，降低了商务沟通成本，提升了信息交换的准确性与便捷性，同时为企业提供了品牌展示的新渠道，助力企业数字化转型