# 短视频图文微信小程序

**Repository Path**: mc0122/ffcms-wx-xcx

## Basic Information

- **Project Name**: 短视频图文微信小程序
- **Description**: 短视频图文微信小程序 是一款基于微信小程序的的内容管理系统前端应用，为用户提供新闻资讯、视频内容、用户中心等功能模块。主要通过微信流量主收入和微信小店带货佣金变现，流量越多变现越快
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-03-18
- **Last Updated**: 2026-03-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README


# ffcms-wx-xcx

短视频图文微信小程序

## 项目简介

ffcms-wx-xcx 是一款基于微信小程序的的内容管理系统前端应用，为用户提供新闻资讯、视频内容、用户中心等功能模块。

## 商业变现模式
   主要通过微信流量主收入和微信小店带货佣金变现，流量越多变现越快

## 功能特性

- **内容展示** - 支持文章、图文等内容类型展示
- **视频播放** - 视频详情页及播放功能
- **用户中心** - 用户登录、个人中心、浏览历史
- **广告弹窗** - 内容分享广告弹窗组件
- **网页嵌入** - WebView 内嵌网页支持
- **商品展示** - 微信小程序商品组件
- **微信广告** - 微信小程序广告组件

## 页面结构

### 主要页面
- `pages/index/index` - 首页
- `pages/news/detail` - 新闻详情
- `pages/video/detail` - 视频详情-默认模板
- `pages/video/detail2` - 视频详情-视频滑动播放模板
- `pages/mine/browseHistory` - 浏览历史
- `pages/contentShareAdPopup` - 内容分享广告弹窗

### 组件模块
- `components/content` - 内容组件
- `components/login` - 登录组件
- `components/mine` - 用户中心组件
- `components/webview` - 网页嵌入组件
- `components/wxStoreProduct` - 商品组件

## 技术栈

- 微信小程序原生开发
- uni-app 组件库
    - uni-popup - 弹出层
    - uni-transition - 动画过渡
    - mp-html - HTML渲染

## 目录结构

```
├── app.js                    # 小程序入口文件
├── app.json                  # 小程序全局配置
├── app.wxss                  # 小程序全局样式
├── siteinfo.js               # 站点配置
├── project.config.json       # 项目配置文件
├── components/               # 公共组件
│   └── xcx_add_tip/          # 添加提示组件
├── app/ffcms/                # 业务模块
│   ├── components/          # 业务组件
│   └── pages/                # 业务页面
└── uni_modules/              # uni-app 模块
    ├── mp-html/              # HTML渲染组件
    ├── uni-popup/            # 弹出层组件
    └── uni-transition/       # 过渡动画组件
```

## 使用说明

1. 下载微信开发者工具
2. 导入本项目
3. 配置 `siteinfo.js` 中的站点信息
4. 编译运行

## 配置说明

在 `siteinfo.js` 中配置您的站点地址：

```javascript
var siteinfo = {
    "siteroot": "https://your-site.com",
    "appid": "应用appid"//联系作者获取
}
```

## 许可证

MIT License + 授权

## 部分页面效果
首页效果、视频滑动模板效果、视频滑动模板广告效果、视频页微信小店带货效果、视频页普通模板播放效果
<p align="center">  
<img   src="./example-img/0.png"/>
</p>

##  需要后端或演示案例的的可加作者微信获取 
微信号：mcc0122

加好友时请添加备注：ffcms-wx-xcx
<p align="center">
    <img src="./example-img/add-friend.png"/>
</p>