# 12show

**Repository Path**: qrk12/12show

## Basic Information

- **Project Name**: 12show
- **Description**: 12show 是一个自由部署的 H5 场景制作程序，简单理解就是一个免费的、可以私自部署的易企秀。 采用流行的技术架构 php、mysql、vue,后台简洁明了，操作简单，自由拖拽，并且支持一键更新。这个是前端核心代码库
- **Primary Language**: JavaScript
- **License**: BSD-3-Clause
- **Default Branch**: master
- **Homepage**: https://www.12show.xyz/
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 1
- **Created**: 2019-09-27
- **Last Updated**: 2024-05-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 12show

## 安装依赖
```
yarn install
```

### 开始开发
```
yarn run serve
```

### 编译生成静态文件
```
yarn run build
```


### h5 json 格式
```
    h5Json: {
  // 背景音乐
  bgMusic: {
    path: null,
    name: null
  },
  // 设置
  setting: {
    cover_image: {
      crop: null, // 裁剪图片
      origin: null // 原始图片
    },
    title: '默认标题',
    description: '默认描述'
  },
  pages: [{
  pageId: null,
  title: '新建页面',
  // 这一页的背景图片
  background: {
    image: {
      crop: null,
      origin: null
    },
    color: null
  },
  items: [
    {
  id: null,
  type: null, // text,img,video,countUp
  content: null,
  positionSize: {
    top: 0,
    left: 0,
    width: 100,
    height: 25,
    zIndex: null
  },
  // 基本样式属性
  text: {
    padding: 0,
    borderWidth: 0,
    borderRadius: 0,
    borderColor: '#000000',
    borderStyle: 'solid',
    backgroundColor: '',
    opacity: 1,
    fontFamily: 'none',
    fontSize: 16,
    color: '',
    textAlign: 'left',
    lineHeight: 1,
    letterSpacing: 0
  },
  transform: {
    rotate: 0
  },
  boxShadow: {
    hShadow: 0,
    vShadow: 0,
    blur: 0,
    spread: 0,
    color: ''
  },
  // 动画类型
  animate: [],
  // 点击事件
  click: {
    type: '', // link:链接跳转 page:跳转页面 tel:拨打电话
    link: '',
    page: '',
    tel: ''
  },
  // 其他组件另外的参数
  extras: {}
}
  ]
}]
}
```