# nuxt-seed

**Repository Path**: zhangyang_gitee/nuxt-seed

## Basic Information

- **Project Name**: nuxt-seed
- **Description**: nuxt  服务端渲染前端模板
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2021-01-05
- **Last Updated**: 2022-05-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 推呼官网

#### 1.使用nuxt.js开发

文档参考 :https://zh.nuxtjs.org

#### 2.git仓库 

tuihu-website :  https://williamfan.coding.net/p/yzhsaas-code/d/tuihu-website/git

#### 3.运行 

npm i 

npm run dev

#### 4.部署

服务器环境 安装node.js运行环境 、pm2

部署顺序执行

npm i

npm run build

pm2 del t-h

npm run pm2

#### 5.项目目录文件介绍

1.layouts/default.vue 相当于vuecli中的app.vue

2.plugins/common.js 相当于vuecli中的main.js

3.nuxt.config.js 项目配置文件  (重要)

4.ecosystem.config.js  命令npm run pm2 执行的pm2命令文件

5.pages  页面写在这 （合理按照文件目录编写，nuxt 不需要配置vue-router）

其余参照nuxt官方文档

注意:nuxt 不需要配置router 会自动根据page文件目录建立

#### 6.pc端、手机端响应式参数

实时监听页面窗口宽度变化

1.页面样式差别不大时 : vue页面通过类名切换不同样式

 小于750px 时候 body标签添加 类名 mobile

 大于750px 时候 body标签添加 类名 desktop

```
<style scoped>
.mobile{

}

.desktop{
  
}
</style>
```

实现js文件:layouts\mixin\ResizeHandler.js

2.样式差别大时,通过 isMobile (是否手机,已全局混入) 变量  切换组件

```
<template>
  <component :is="component" />
</template>

<script>
import NavBarPc from './HeadNavPC'
import NavBarMobile from './HeadNavMob'
export default {
  name: 'Navbar',
  computed: {
    component() {
      return this.isMobile ? NavBarMobile : NavBarPc
    },
  },
}
</script>
```

实现js文件:mixins\index.js



## 推呼SCRM(微信小程序)

#### 1.使用uniapp开发

文档参考: https://uniapp.dcloud.io

#### 2.git仓库 

apps-wxapp: https://williamfan.coding.net/p/yzhsaas-code/d/apps-wxapp/git/tree/develop

#### 3.运行 

HbuilderX

#### 4.开发目录

page  主包

   -index.vue  (首页)

pagesTemplate

​    -templateYzhVideo   首页tabbar组件切换的页面在此

pagesYzhVideo   版本1  代码包  (从包)

pagesYzhVideoUpgradeVersion   (从包)

​    -v2  版本1  代码包

​    -v3  版本1  代码包

components

​    activeFormV2  

组件参考: https://ext.dcloud.net.cn/plugin?id=5842

​    

## 开发常用账号

host位置 C:\Windows\System32\drivers\etc


云知汇微信公众平台：yzhxcx190504@163.com            yzh190504634

乐象有品微信公众平台：yzhNumber1@163.com             yzh@ijk382
线下总后台：admin                            admin
线下智汇店商账号密码： 360                                          123456

线下乐象有品后台账号密码：lxdev                               123456
线上乐象有品后台账号密码 ：lexiang                         j7UDnwfT
线上总后台账号密码 ： admin                         	XQwqPptE4C
乐象有品线下h5域名：https://lx-dev.yzhshop.cn/#/

dcloud账号
邮箱：yzhxcx190504@163.com
登录密码：KM9C8ywvXyM8C3d

乐象APP（prod）
appid：wxb64e576377c950e6
appsecret: a1440dff09d96757e2e643be73c0e64d
证书别名：lexiang
Android/IOS包名：com.yunzhihui.lexiang
Android证书私钥密码：aLK0EF
IOS证书私钥密码：welcome2Lexiang
IOS平台通用链接：https://lexiang.yzhshop.cn/.well-known/

上传密码：D6oiyQw5sHy0kuTp

乐象APP（dev）
appid：wxc63dc3dea507f407
appsecret: c1b726a44cb7a0262dc084c1605b91eb
证书别名：lexiang-dev
Android包名：com.yunzhihui.lexiang.dev
Android/IOS证书私钥密码：lexiang-dev
IOS平台通用链接：https://dev-new.yzhshop.cn/.well-known/

BundleID：com.yunzhihui.lexiang

七牛账号密码： wutao99@163.com   welcome2CST

【淘宝联盟&阿里百川】
用户名：wutaocst
密码：welcome2CST


【Appuploader】     //ios平台账号密码
lexiangyoupin@126.com
2OVtSiDjNuImKyhv

saas测试环境

总后台： https://api.qietongvip.com/admin
账号： admin  密码：XxDVQJ92g3sdz94d
门店后台 https://api.qietongvip.com/yzhshop       https://api.qietongvip.com/merchant
账号：88888  密码： 88888
视频后台 https://api.qietongvip.com/agent
账号： 66666 密码： 66666
云汇视频后台 https://api.qietongvip.com/yzhvideo
账号：云汇视频 密码：15515515515

saas生产环境：
总后台： http://api.qietong.net/admin
账号： admin  密码： SX14vqzx0U3C
门店后台  http://api.qietong.net/yzhshop
账号： yunzhihui  密码： N98mnn
视频后台 http://api.qietong.net/agent
账号： 未来店商 密码： 88888

【小U智能矫姿】
账号yunzhihuikeji04@163.com
密码welcome2CST
wx7eae110871d59511
29c2cd48c39e601cde4898367b25933c