first commit

.editorconfig

+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.eslintrc.js

+module.exports = {
+  "extends": ["taro/react"],
+  "rules": {
+    "react/jsx-uses-react": "off",
+    "react/react-in-jsx-scope": "off"
+  }
+}

.gitignore

+dist/
+deploy_versions/
+.temp/
+.rn_temp/
+node_modules/
+.DS_Store

babel.config.js

+// babel-preset-taro 更多选项和默认值：
+// https://github.com/NervJS/taro/blob/next/packages/babel-preset-taro/README.md
+module.exports = {
+  presets: [
+    ['taro', {
+      framework: 'react',
+      ts: false
+    }]
+  ]
+}

config/dev.js

+module.exports = {
+  env: {
+    NODE_ENV: '"development"'
+  },
+  defineConstants: {
+    HOST: '"https://wx.fangdeal.cn"', //正式
+    WSS_HOST: '"https://wx.fangdeal.cn"',
+    OSS_PATH: '"https://zhiyun-image.oss-accelerate.aliyuncs.com/"',
+    OSS_FAST_PATH: '"https://zhiyun-image.oss-accelerate.aliyuncs.com/"',
+    Version: '"V3.5.29-20201112"'
+  },
+  mini: {},
+  h5: {}
+}

config/index.js

+const path = require('path')
+
+const config = {
+  projectName: 'miniapp',
+  date: '2021-5-12',
+  designWidth: 750,
+  deviceRatio: {
+    640: 2.34 / 2,
+    750: 1,
+    828: 1.81 / 2
+  },
+  sourceRoot: 'src',
+  outputRoot: 'dist',
+  plugins: [],
+  defineConstants: {
+  },
+  alias: {
+    '@/assets': path.resolve(__dirname, '..', 'src/assets'),
+    '@/actions': path.resolve(__dirname, '..', 'src/actions'),
+    '@/components': path.resolve(__dirname, '..', 'src/components'),
+    '@/layout': path.resolve(__dirname, '..', 'src/layout'),
+    '@/constants': path.resolve(__dirname, '..', 'src/constants'),
+    '@/reducers': path.resolve(__dirname, '..', 'src/reducers'),
+    '@/store': path.resolve(__dirname, '..', 'src/store'),
+    '@/services': path.resolve(__dirname, '..', 'src/services'),
+    '@/utils': path.resolve(__dirname, '..', 'src/utils'),
+  },
+  copy: {
+    patterns: [
+    ],
+    options: {
+    }
+  },
+  framework: 'react',
+  mini: {
+    postcss: {
+      pxtransform: {
+        enable: true,
+        config: {
+
+        }
+      },
+      url: {
+        enable: true,
+        config: {
+          limit: 1024 // 设定转换尺寸上限
+        }
+      },
+      cssModules: {
+        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+        config: {
+          namingPattern: 'module', // 转换模式，取值为 global/module
+          generateScopedName: '[name]__[local]___[hash:base64:5]'
+        }
+      }
+    }
+  },
+  h5: {
+    publicPath: '/',
+    staticDirectory: 'static',
+    postcss: {
+      autoprefixer: {
+        enable: true,
+        config: {
+        }
+      },
+      cssModules: {
+        enable: false, // 默认为 false，如需使用 css modules 功能，则设为 true
+        config: {
+          namingPattern: 'module', // 转换模式，取值为 global/module
+          generateScopedName: '[name]__[local]___[hash:base64:5]'
+        }
+      }
+    }
+  }
+}
+
+module.exports = function (merge) {
+  if (process.env.NODE_ENV === 'development') {
+    return merge({}, config, require('./dev'))
+  }
+  return merge({}, config, require('./prod'))
+}

config/prod.js

+module.exports = {
+  env: {
+    NODE_ENV: '"production"'
+  },
+  defineConstants: {
+    HOST: '"https://zcloud.njyunzhi.com"', //正式
+    WSS_HOST: '"wss://zcloud.njyunzhi.com"',
+    OSS_PATH: '"https://zhiyun-image.oss-accelerate.aliyuncs.com/"',
+    OSS_FAST_PATH: '"https://zhiyun-image.oss-accelerate.aliyuncs.com/"',
+    Version: '"V3.5.29-20201112"'
+  },
+  mini: {},
+  h5: {
+    /**
+     * 如果h5端编译后体积过大，可以使用webpack-bundle-analyzer插件对打包体积进行分析。
+     * 参考代码如下：
+     * webpackChain (chain) {
+     *   chain.plugin('analyzer')
+     *     .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, [])
+     * }
+     */
+  }
+}

package.json

+{
+  "name": "miniapp",
+  "version": "1.0.0",
+  "private": true,
+  "description": "",
+  "templateInfo": {
+    "name": "redux",
+    "typescript": false,
+    "css": "sass"
+  },
+  "scripts": {
+    "build:weapp": "taro build --type weapp",
+    "build:swan": "taro build --type swan",
+    "build:alipay": "taro build --type alipay",
+    "build:tt": "taro build --type tt",
+    "build:h5": "taro build --type h5",
+    "build:rn": "taro build --type rn",
+    "build:qq": "taro build --type qq",
+    "build:jd": "taro build --type jd",
+    "build:quickapp": "taro build --type quickapp",
+    "dev:weapp": "npm run build:weapp -- --watch",
+    "dev:swan": "npm run build:swan -- --watch",
+    "dev:alipay": "npm run build:alipay -- --watch",
+    "dev:tt": "npm run build:tt -- --watch",
+    "dev:h5": "npm run build:h5 -- --watch",
+    "dev:rn": "npm run build:rn -- --watch",
+    "dev:qq": "npm run build:qq -- --watch",
+    "dev:jd": "npm run build:jd -- --watch",
+    "dev:quickapp": "npm run build:quickapp -- --watch"
+  },
+  "browserslist": [
+    "last 3 versions",
+    "Android >= 4.1",
+    "ios >= 8"
+  ],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "@babel/runtime": "^7.7.7",
+    "@tarojs/components": "3.2.8",
+    "@tarojs/runtime": "3.2.8",
+    "@tarojs/taro": "3.2.8",
+    "redux-logger": "^3.0.6",
+    "redux-thunk": "^2.3.0",
+    "redux": "^4.0.0",
+    "react-redux": "^7.2.0",
+    "react-dom": "^17.0.0",
+    "@tarojs/react": "3.2.8",
+    "react": "^17.0.0"
+  },
+  "devDependencies": {
+    "@types/webpack-env": "^1.13.6",
+    "@types/react": "^17.0.2",
+    "@tarojs/mini-runner": "3.2.8",
+    "@babel/core": "^7.8.0",
+    "@tarojs/webpack-runner": "3.2.8",
+    "babel-preset-taro": "3.2.8",
+    "eslint-config-taro": "3.2.8",
+    "eslint": "^6.8.0",
+    "eslint-plugin-react": "^7.8.2",
+    "eslint-plugin-import": "^2.12.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "stylelint": "9.3.0"
+  }
+}

project.config.json

+{
+	"miniprogramRoot": "dist/",
+	"projectname": "miniapp",
+	"description": "",
+	"appid": "wx1a0fa56e6d0b78b3",
+	"setting": {
+		"urlCheck": false,
+		"es6": false,
+		"enhance": false,
+		"postcss": false,
+		"preloadBackgroundData": false,
+		"minified": false,
+		"newFeature": false,
+		"coverView": true,
+		"nodeModules": false,
+		"autoAudits": false,
+		"showShadowRootInWxmlPanel": true,
+		"scopeDataCheck": false,
+		"uglifyFileName": false,
+		"checkInvalidKey": true,
+		"checkSiteMap": true,
+		"uploadWithSourceMap": true,
+		"compileHotReLoad": false,
+		"babelSetting": {
+			"ignore": [],
+			"disablePlugins": [],
+			"outputPath": ""
+		},
+		"useIsolateContext": true,
+		"useCompilerModule": true,
+		"userConfirmedUseCompilerModuleSwitch": false
+	},
+	"compileType": "miniprogram",
+	"simulatorType": "wechat",
+	"simulatorPluginLibVersion": {},
+	"condition": {}
+}

project.tt.json

+{
+  "miniprogramRoot": "./",
+  "projectname": "miniapp",
+  "description": "",
+  "appid": "touristappid",
+  "setting": {
+    "urlCheck": true,
+    "es6": false,
+    "postcss": false,
+    "minified": false
+  },
+  "compileType": "miniprogram"
+}

src/actions/activity.js

+import {
+  ACTIVITY_SIGNIN
+} from '@/constants/activity'
+
+import {
+  API_ACTIVITY_SIGNIN
+} from '@/constants/api'
+
+import { createAction } from '@/utils/redux'
+
+/**
+ * 个人签到
+ * @param {*} id 
+ */
+export const dispatchSignin = id => createAction({
+  url: `${API_ACTIVITY_SIGNIN}/${id}`,
+  type: ACTIVITY_SIGNIN,
+  method: 'POST'
+})
+
+/**
+ * 判断是否签到
+ * @param {*} id 
+ */
+export const dispatchSigninCheck = id => createAction({
+  url: `${API_ACTIVITY_SIGNIN}/${id}/isChecked`,
+  type: ACTIVITY_SIGNIN
+})
+
+

src/actions/card.js

+import {
+  CARD_INFO,
+  CARD_LIST,
+  CARD_LIKE,
+  CARD_UNLIKE
+} from '@/constants/card'
+
+import {
+  API_CARDS_LIST,
+  API_CARDS_LIKE
+} from '@/constants/api'
+
+import { createAction } from '@/utils/redux'
+import { toQueryString } from '@/utils/tools'
+
+/**
+ * 获取卡片信息
+ * @param {*} id
+ */
+export const dispatchCardInfo = (id, params, options) => createAction({
+  url: `${API_CARDS_LIST}/${id}?${toQueryString(params)}`,
+  type: CARD_INFO,
+  fetchOptions: options || {}
+})
+
+/**
+ * 获取置业顾问列表
+ */
+export const dispatchCardList = (payload) => createAction({
+  url: `${API_CARDS_LIST}`,
+  type: CARD_LIST,
+  payload
+})
+
+
+/**
+ * 卡片点赞
+ * @param {*} id 
+ */
+export const dispatchCardLike = id => createAction({
+  url: `${API_CARDS_LIKE}/${id}`,
+  type: CARD_LIKE,
+  method: 'POST'
+})
+
+
+/**
+ * 卡片取消点赞
+ * @param {*} id 
+ */
+export const dispatchCardUnlike = id => createAction({
+  url: `${API_CARDS_LIKE}/${id}`,
+  type: CARD_UNLIKE,
+  method: 'DELETE'
+})
+
+
+
+

src/actions/city.js

+import {
+  CITY_LIST,
+  CITY_SELECTED
+} from '@/constants/city'
+
+import {
+  API_CITY_LIST
+} from '@/constants/api'
+
+import { createAction, createActionNormal } from '@/utils/redux'
+
+/**
+ * 获取城市列表
+ * @param {*} payload 
+ */
+export const dispatchCityList = payload => createAction({
+  url: API_CITY_LIST,
+  type: CITY_LIST,
+  payload
+})
+
+/**
+ * 获取城市列表
+ * @param {*} payload 
+ */
+export const dispatchCitySelected = payload => createActionNormal({
+  type: CITY_SELECTED,
+  payload
+})
+

src/actions/counter.js

+import {
+  ADD,
+  MINUS
+} from '../constants/counter'
+
+export const add = () => {
+  return {
+    type: ADD
+  }
+}
+export const minus = () => {
+  return {
+    type: MINUS
+  }
+}
+
+// 异步的action
+export function asyncAdd () {
+  return dispatch => {
+    setTimeout(() => {
+      dispatch(add())
+    }, 2000)
+  }
+}

src/actions/house.js

+import { createAction, createActionNormal } from '@/utils/redux'
+import { API_CARDS_LIST, API_PRESELECTION_RECORD } from '@/constants/api'
+import {
+  ADD_CART,
+  SUB_CART,
+  FLUSH_TO_CART,
+  ADD_CONSULTANT,
+  CHOOSE_CONSULTANT,
+  MY_PRESELECT_RECORD,
+  SET_ONLINE_PROTOCOL,
+} from '@/constants/house'
+
+// 加入临时车
+export const dispatchAddCart = payload => createActionNormal({ type: ADD_CART, payload })
+// 删减临时车
+export const dispatchSubCart = payload => createActionNormal({ type: SUB_CART, payload })
+// 全部进入临时车
+export const dispatchFlush2Cart = payload => createActionNormal({ type: FLUSH_TO_CART, payload })
+// 获取置业顾问
+export const dispatchGetConsultants = payload => createAction({
+  type: ADD_CONSULTANT,
+  url: API_CARDS_LIST,
+  payload
+})
+
+// 临时选择置业
+export const dispatchChooseConsultant = payload => createActionNormal({ type: CHOOSE_CONSULTANT, payload })
+
+// 获取预选记录
+export const dispatchGetMySelection = payload => createAction({
+  type: MY_PRESELECT_RECORD,
+  url: API_PRESELECTION_RECORD,
+  payload,
+})
+
+export const dispatchSetOnlineProtocol = payload => createActionNormal({ type: SET_ONLINE_PROTOCOL, payload })

src/actions/news.js

+import {
+  NEWS_LIST
+} from '@/constants/news'
+
+import {
+  API_NEWS_LIST,
+
+} from '@/constants/api'
+
+import { createAction } from '@/utils/redux'
+
+
+/**
+ * 资讯列表
+ * @param {*} payload 
+ */
+export const dispatchNewsList = payload => createAction({
+  url: API_NEWS_LIST,
+  type: NEWS_LIST,
+  payload
+})
+
+
+/**
+ * 资讯详情
+ * @param {*} id 
+ */
+export const dispatchNewsDetail = id => createAction({
+  url: `${API_NEWS_LIST}/${id}`,
+  type: NEWS_DETAIL,
+  payload
+})

src/actions/project.js

+import {
+  PROJECT_DETAIL,
+  PROJECT_LIST,
+  PROJECT_SCREEN
+} from '@/constants/project'
+
+import {
+  API_ITEMS_DETAIL,
+  API_ITEMS_LIST,
+  API_BANNER_LIST,
+  API_INDEX_PROJECTS,
+} from '@/constants/api'
+
+import { createAction } from '@/utils/redux'
+import { toQueryString } from '@/utils/tools'
+
+/**
+ * 获取楼盘列表
+ * @param {*} payload 
+ */
+export const dispatchProjectList = payload => createAction({
+  url: `${API_ITEMS_LIST}`,
+  type: PROJECT_LIST,
+  payload
+})
+
+/**
+ * 获取楼盘列表
+ * @param {*} payload 
+ */
+export const dispatchIndexProjects = payload => createAction({
+  url: `${API_INDEX_PROJECTS}`,
+  type: PROJECT_LIST,
+  payload
+})
+
+
+/**
+ * 获取项目信息
+ * @param {*} id 
+ */
+export const dispatchProjectDetail = (id, params, options) => createAction({
+  url: `${API_ITEMS_DETAIL}/${id}?${toQueryString(params)}`,
+  type: PROJECT_DETAIL,
+  fetchOptions: options || {}
+})
+
+/**
+ * 获取开屏广告
+ *  @param {*} payload 
+ * 
+*/
+export const dispatchProjectScreen = (payload) => createAction({ url: `${API_BANNER_LIST}/screen`, payload, type: PROJECT_SCREEN })

src/actions/shop.js

+import {
+  GOODS_LIST,
+  GOODS_DETAIL,
+  GOODS_EXCHANGE,
+  GOODS_EXCHANGE_RECORDS,
+  POINTS_RECORDS,
+  POINTS_RULE,
+  POINTS_ADRESS
+} from '@/constants/shop'
+
+import {
+  API_GOODS_LIST,
+  API_GOODS_EXCHANGE,
+  API_GOODS_EXCHANGE_RECORDS,
+  API_POINTS_RECORDS,
+  API_POINTS_RULE,
+  API_POINTS_ADRESS
+} from '@/constants/api'
+
+import { createAction } from '@/utils/redux'
+
+
+
+
+
+
+/**
+ * 商品详情
+ * @param {*} id
+ */
+export const dispatchGoodsDetail = id => createAction({
+  url: `${API_GOODS_LIST}/${id}`,
+  type: GOODS_DETAIL
+})
+
+
+
+/**
+ * 商品兑换
+ * @param {*} id
+ */
+export const dispatchGoodsExchange = id => createAction({
+  url: `${API_GOODS_EXCHANGE}/${id}`,
+  type: GOODS_EXCHANGE,
+  method: 'POST'
+})
+
+
+/**
+ * 商品兑换记录
+ * @param {*} payload
+ */
+export const dispatchGoodsExchangeRecords = payload => createAction({
+  url: `${API_GOODS_EXCHANGE_RECORDS}`,
+  type: GOODS_EXCHANGE_RECORDS,
+  payload
+})
+
+
+/**
+ * 积分记录
+ * @param {*} payload
+ */
+export const dispatchPointsRecords = payload => createAction({
+  url: API_POINTS_RECORDS,
+  type: POINTS_RECORDS,
+  payload
+})
+
+/**
+ * 积分规则
+ * @param {*} payload
+ */
+export const dispatchPointsRule = payload => createAction({
+  url: API_POINTS_RULE,
+  type: POINTS_RULE,
+  payload
+})
+
+/**
+ * 请求地址
+ * @param {*} payload
+ */
+export const dispatchPointsAddress = payload => createAction({
+  url: `${API_POINTS_ADRESS}`,
+  type: POINTS_ADRESS,
+  payload,
+  method: 'PUT'
+})

src/actions/user.js

+import {
+  USER_INFO,
+  // USER_QUERY_INFO,
+  USER_SIGNIN,
+  USER_GOODS,
+  UPDATE_USER_INFO
+} from '@/constants/user'
+
+import {
+  API_USER_INFO,
+  // API_QUERY_USER_INFO,
+  API_USER_SIGNIN,
+  API_QUERY_CUSTOMER_INFO,
+  API_QUERY_MYREPORT,
+  API_QUERY_USERINFO_BYID,
+  API_QUERY_DOCUMENTVERIFY
+} from '@/constants/api'
+
+import { createAction,createActionNormal } from '@/utils/redux'
+
+/**
+ * 获取用户信息
+ * @param {*} payload
+ */
+export const dispatchUpdateUserInfo = payload => createAction({
+  url: API_USER_INFO,
+  type: USER_INFO,
+  payload,
+  method: 'POST'
+})
+
+// export const dispatchQueryUserInfo = payload => createAction({
+//   url: API_QUERY_USER_INFO,
+//   type: USER_QUERY_INFO,
+//   payload
+// })
+
+export const dispatchUpdateUserInfoNew = id => createAction({
+  url: `${API_QUERY_USERINFO_BYID}/${id}`,
+  type: UPDATE_USER_INFO
+})
+
+
+
+/**
+ * 个人签到
+ * @param {*} payload
+ */
+export const dispatchUserSignin = payload => createAction({
+  url: API_USER_SIGNIN,
+  type: USER_SIGNIN,
+  payload,
+  method: 'POST'
+})
+
+
+/**
+ * 更新我的商品兑换记录
+ * @param {*} payload
+ */
+export const dispatchUserGoods = payload => {
+  return dispatch => dispatch({ type: USER_GOODS, payload })
+}
+
+/**
+ * 我的客户列表
+ * @param {*} payload
+ */
+export const dispatchCustomerInfo = payload => createAction({
+  url: API_QUERY_CUSTOMER_INFO,
+  type: '',
+  payload,
+  method: 'GET'
+})
+
+/**
+ * 我报备的客户列表
+ * @param {*} payload
+ */
+export const dispatchMyReport = payload =>createAction({
+  url: API_QUERY_MYREPORT,
+  type: '',
+  payload,
+  method: 'GET'
+})
+

src/app.config.js

+import { getPages } from './routes'
+
+const { pages } = getPages()
+
+export default {
+  pages,
+  window: {
+    backgroundTextStyle: 'light',
+    navigationBarBackgroundColor: '#fff',
+    navigationBarTitleText: 'WeChat',
+    navigationBarTextStyle: 'black'
+  },
+  tabBar: {
+    color: '#666',
+    selectedColor: '#193C83',
+
+    list: [
+      {
+        pagePath: "pages/index/index",
+        text: "首页",
+        iconPath: './assets/tabbar/index1.png',
+        selectedIconPath: './assets/tabbar/index2.png',
+      },
+      {
+        pagePath: "pages/video/index",
+        text: "视频",
+        iconPath: './assets/tabbar/video1.png',
+        selectedIconPath: './assets/tabbar/video2.png',
+      },
+      {
+        pagePath: "pages/chat/index",
+        text: "聊天",
+        iconPath: './assets/tabbar/chat1.png',
+        selectedIconPath: './assets/tabbar/chat2.png',
+      },
+      {
+        pagePath: "pages/mine/index",
+        text: "我是",
+        iconPath: './assets/tabbar/mine1.png',
+        selectedIconPath: './assets/tabbar/mine2.png',
+      }
+    ]
+  },
+  permission: {
+    "scope.userLocation": {
+      desc: "你的位置信息将用于显示当前区域信息"
+    }
+  },
+}

src/app.jsx

+import { Component } from 'react'
+import { Provider } from 'react-redux'
+import Taro from '@tarojs/taro'
+import { getLocation, getRouterParams } from '@/utils/tools'
+import login from '@/utils/login'
+import store from './store'
+
+import './app.scss'
+
+class App extends Component {
+
+  componentDidMount () {}
+
+  componentDidShow () {}
+
+  componentDidHide () {}
+
+  componentDidCatchError () {}
+  
+  onLaunch (options) {
+    getLocation().then((loc) => {
+      getRouterParams(options).then(router => {
+        Taro.setStorageSync('router', router)
+        const { query: payload } = router
+
+        payload.path = router.path
+        payload.scene = router.scene
+
+        if (loc) {
+          payload.lon = loc.lon
+          payload.lat = loc.lat
+        }
+
+        // login
+        login(payload).then((res) => {
+          // const { person: { personId } } = res
+
+          // socket.createSocket({ id: personId });
+          // socket.onMessage(data => {
+          //   store.dispatch({ type: INCREASE_UNREADNUM })
+          // })
+          // // 埋点
+          // trackUserSource(router.params).then(r => this.updateTrack = r)
+        })
+      })
+    })
+  }
+
+  // 在 App 类中的 render() 函数没有实际作用
+  // 请勿修改此函数
+  render () {
+    return (
+      <Provider store={store}>
+        {this.props.children}
+      </Provider>
+    )
+  }
+}
+
+export default App

src/app.scss

+page,
+.Page {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.centerLabel {
+  display: block;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  -webkit-transform: translate(-50%, -50%);
+}
+
+.flex-h {
+  display: flex;
+  display: -webkit-flex;
+}
+
+.flex-v {
+  display: flex;
+  display: -webkit-flex;
+  flex-direction: column;
+  -webkit-flex-direction: column;
+}
+
+.flex-item {
+  flex: 1;
+  -webkit-flex: 1;
+  position: relative;
+  overflow: hidden;
+}

src/assets/css/iconfont.css

+@font-face {
+  font-family: "iconfont"; /* Project id 2603904 */
+  src: url('iconfont.eot?t=1623340225195'); /* IE9 */
+  src: url('iconfont.eot?t=1623340225195#iefix') format('embedded-opentype'), /* IE6-IE8 */
+       url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAoUAAsAAAAAEkgAAAnFAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHFQGZACFKAqTeJBBATYCJANICyYABCAFhG0HgVcbpg8jEfaCsfIn+6sD3hA17xEMrCI844RqBMTojNk5DMr6Fwn04o9cU9tU9nME9Guv++4uhOzKLAFwPJJvhC242JYVjk/rmNxHkLEx8qQOT6f+y6Ud7tVRhZSeEF6hQ+ElaSdmc/K/7zbXTDPYl2QC0nzgfH/Tb4yhUSe75Le3/PR8CDR9kPQgdAgrLgcATIaOpXbaqG6VQFO7/774uPWtsnhNCfRAUfeLCBsOeDjBAdEAfBrLSWAm1OWq8uv2HAHZBs0QzXtftk7+fn38oGoJuTXgDQz7cdcWmdc8SUZokKlJTzg+LRF+a0QXo6e4bnULnwyHwP7SYvJGq3bO3+7eW++vdyJ1wvp42on6puD4iFQKaYjR27uC8JRS+kTsoF6LZCeNTNxAtcLIpd+Gt5lvq3WZYZ1JN03d88/31+vb+623Gcke3+YiDQ+q1apXSGvvSDwnzRnyZL3/yUuXI1+2XAUKFYkI6STJhed0WxFvaSmk8TakEPM2A8jkLZZFq4GBdoHJA50BJgt0HZgEdBJMOuhNMDmgU0ghn3c9KWTz7lsKubz7zhSA/gBTCPoTXJG9K0eJiCTF/JhWjBDHJBMQcEVzpFCaERokUqU1lggODijOLkiXEWlp6VLbSF9FUkNu88L3Ew6ECbGNi8DNViBwsmUJeMHBrl48wQJyZDUjyKjU8XFVRYd+ni0GL6q6XlRGaKGJQM25J02jzxfBOVvjTYTKTEKQCwFqydueyDLghy0Ui+Mog2w+ROaGiviUeYwt2JZgJm1ZfEschwPNEJRCc02Ecx4LcYBVWKgFVV0oi50aYRghrOJm6A4+f0/QHsUJEjUt3ixRCYcWiici23zLzaSIavdiqNMjLypNEJpwlkk7gYD2QM4CCHQsS5vNeosl35YxmYATB1jUhjYf4nCiQq2BDlJV1PR2ikSIbi+ErGsfhEwvALqZ/RxuZXdfnXCBvnpMV4l1DZ8KbcnLlGUKbdD3Mb26HmhTyjRCG7RU9fbeXoB8f9GebULSuYGNY2lym9nTrKeaLYkWhthq8pjEdNfr67pQuke3dgFp4dTfk6EsWUQpnYD1w8QMsC6LLCAgcBpBXBxdyYgOZ82CrOwPZdPnDukPn2fOHjQdOJNXRlYPoWrGTOKU1jAx4EcwAqKykV/Bxyu2CavymE4Boqvp6BJy9X0+dysX62WEyEExbfXIOV+l3igifkWHUFOlF02mA0i8AzUEXevcKLKuyY1TvzuQovQHMTtdCKJzZ2ODGCdqjeIekqiEjIhTXS8kKZZAWFUlJElEd2UI3uFcUSsgcEjTP0jLCI6afBrZIJXGYPZqt8irIXMyePjIvtOltPgIy3q3RG8crp6R4WX7Yzf7tpnNsuntxgYZzAsqV6VZqFFV0DXzOlHZlmbjKlYNOtJO1oiquwWdZnlV65crUGfUCCpr+cQ/I/qeh073+9Vnf09/c9rU6TPUqX9oAsNeHQrUBD0kZszQ6YDFdY2nBMEMAMPsHqtzIM1TtatOHNwdlsSfTJKoBCiNK5qHtKw0AizT9XTriXr+lP1TYHnuKFGQgqe271uHJHmOrR4oQT9We0kRxTqgtCvhawLln8tz3WQnWneFY4KpmepXDVPSd48bjUCJSlr6DMaVLajEXWNAFF7SNahkfglU53wOkvPUIKFtTRJql2z12WfLX9Z+2pJoXr+4MqtZq30eJVvZuQzj35tlq3bIEy5KKSnSrpM7M2hC93OECx3ybdWqdxOJ+XGKzKESAeUoscYkVwtSAof8DoEFFlg7ScFYzrSEXPmccz0TiyYOm2hWjIJGrvjp01HDJ0wcsVhAgZc44tWgIwwLDcXCRQFpo/wDLgXo904LEIWHYlgoCPvmEO1NyWoGOq2qkRBuEred+3m1TpTGefv3Bs6V0buS5/IfSHTUqWKIqKzMKCL6pApN6EK/9sT9CPWwzMz7fgpx0lgv4aswRbvHLvwv7iwE/+UOvRJ9x8OJ7+RxJ/rK3Vh44ZjRD8vg3fHwIa8qHJjepkojkePhnfJ7u8rsm656XGmyF/7uewOGjFJ2/BlHqcdF45EZGVF41DFAE7ql0fgxcY9IPHockSRWiCNa9fsCSGWoPDhEHqI0hmAccq4MMVrFwcFyf7UxRBl8lwz8Pb3HjihIjUwOC08JTysAqUp9QmHOdK+La8V7D3lRM+KLlHqQWhCRFp6cEqYbz3kR8KEoKe1j0oc0gJnGwZIl5bE5MSQZkxN7QYXQx5D+JRfu54kjo6PJuJwhZdmhSSFKZUhS6AYBBXShf8mGu0+Y4gKKsKR7nQ1O/znCyuXJX1Ytz+sUF3ZZogBbG6Gda5rNm+lebqk2jo8xaOdWEwj1dKs19RPau9bZvJ0WAesZmkpCEGJPN2jrAKbs6vWUeNQNGNB/gC2uBbUXDD4+Bo86YBY6BW+glD/Jme+aFg7jxbsZ/Zs+gqMZXnrAl1xfMTdi7l/E+oM+pRHXjfb0n767E1CPUW9adxf82R+qwezpzv6nKxlyTBBwvq4/75e/J/Ar71ti/u5z/tGqoDGaCjrgtPP073DAOFDTa3eJSsuYLRNiRoGAL9gjxGSz0zKoS3Zef49bvXpcJW8kz1eUlRiPl2i5ICExUWIvMbomAK62JB6Pcyby5YWmeHx7luoBYjc61g2D9Q444zq42x6gF6yUDG8VR15Ra5b8vpc0GecjN4DUd8uQ31bUYSu5I6Oum8MVt36wlGtDKZ2OvEP4dqSTdyCfUXJEAbUXsY4LEFaOPLUYrUWOAamnDFwhShnkGcJkyIjaaB9yAuUKJPyIbR68bLjRXGQ/7CMiYELumH73ZrZVm3qYaEeTedzAocXC1Inf9hWTA3QdxUnS4mqyWmOKrVfYHCFb2USqnSKv29aUkeV/DJoyD0Qy1IFYplbXxLMXpMkxCtJlmgmy9Vh4co4SR8VCkoVuZxkICt0BkXx3UZzk+Qwl8HwF0hz55F99hMCwD878hvtznnsOePaSQAtYtV0VGianFsqZPfATfAk6ceXJ3i+kjEyqrZpvxwcQpDqc5Ml3Ik65xFG9MwGEwGpMPICRqkf7uKlrd3NaGY47Z14kQBMjsaVsrdmRwYjbXpxFvv8T8IpASxkzvrL/AkmGhiutSkNw/SBEmrEvw7OJ1xHOHaWNT1ikvHMOgtLKlDHZ0gAYotKXaB5t1HwlRyVV+5q49YnNN6v8zOKwp6iabgjTsh3X8/ndunOfjraipgEPLf5hOc09kI+odTmY2cKR3wiXFU4CahY005HRcd2GH2UuufCxpfAZ8DIMR6SjFclk58N3hHAJ4OSkrC2jyR9qXJBO48vLeOF0JPS9kHtYnmlnBwAA') format('woff2'),
+       url('iconfont.woff?t=1623340225195') format('woff'),
+       url('iconfont.ttf?t=1623340225195') format('truetype'),
+       url('iconfont.svg?t=1623340225195#iconfont') format('svg');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-bianji:before {
+  content: "\e608";
+}
+
+.icon-diqiu:before {
+  content: "\e88f";
+}
+
+.icon-shengming:before {
+  content: "\e601";
+}
+
+.icon-wode:before {
+  content: "\e654";
+}
+
+.icon-shouye:before {
+  content: "\e600";
+}
+
+.icon-liaotian:before {
+  content: "\e69b";
+}
+
+.icon-camera:before {
+  content: "\e61a";
+}
+
+.icon-sousuo:before {
+  content: "\e607";
+}
+
+.icon-dingwei:before {
+  content: "\e63e";
+}
+
+.icon-shipin:before {
+  content: "\e72b";
+}
+
+.icon-yinpin:before {
+  content: "\e6ac";
+}
+
+.icon-jiantouleft:before {
+  content: "\e7ef";
+}
+
+.icon-shoucang:before {
+  content: "\e629";
+}
+
+.icon-aixin:before {
+  content: "\e6b6";
+}
+
+.icon-jiantouup:before {
+  content: "\e7f0";
+}
+
+.icon-jiantouright:before {
+  content: "\e7f1";
+}
+
+.icon-jiantoudown:before {
+  content: "\e7f2";
+}
+

src/assets/css/iconfont.json

+{
+  "id": "2603904",
+  "name": "新联康",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "11745026",
+      "name": "编辑",
+      "font_class": "bianji",
+      "unicode": "e608",
+      "unicode_decimal": 58888
+    },
+    {
+      "icon_id": "13939045",
+      "name": "地球",
+      "font_class": "diqiu",
+      "unicode": "e88f",
+      "unicode_decimal": 59535
+    },
+    {
+      "icon_id": "6664481",
+      "name": "声明",
+      "font_class": "shengming",
+      "unicode": "e601",
+      "unicode_decimal": 58881
+    },
+    {
+      "icon_id": "7821346",
+      "name": "我 的",
+      "font_class": "wode",
+      "unicode": "e654",
+      "unicode_decimal": 58964
+    },
+    {
+      "icon_id": "4950560",
+      "name": "首页-选中",
+      "font_class": "shouye",
+      "unicode": "e600",
+      "unicode_decimal": 58880
+    },
+    {
+      "icon_id": "1535331",
+      "name": "聊天",
+      "font_class": "liaotian",
+      "unicode": "e69b",
+      "unicode_decimal": 59035
+    },
+    {
+      "icon_id": "10297753",
+      "name": "视频",
+      "font_class": "camera",
+      "unicode": "e61a",
+      "unicode_decimal": 58906
+    },
+    {
+      "icon_id": "731139",
+      "name": "搜索",
+      "font_class": "sousuo",
+      "unicode": "e607",
+      "unicode_decimal": 58887
+    },
+    {
+      "icon_id": "1311980",
+      "name": "定位",
+      "font_class": "dingwei",
+      "unicode": "e63e",
+      "unicode_decimal": 58942
+    },
+    {
+      "icon_id": "14666058",
+      "name": "视频",
+      "font_class": "shipin",
+      "unicode": "e72b",
+      "unicode_decimal": 59179
+    },
+    {
+      "icon_id": "15346626",
+      "name": "音频",
+      "font_class": "yinpin",
+      "unicode": "e6ac",
+      "unicode_decimal": 59052
+    },
+    {
+      "icon_id": "17710127",
+      "name": "箭头",
+      "font_class": "jiantouleft",
+      "unicode": "e7ef",
+      "unicode_decimal": 59375
+    },
+    {
+      "icon_id": "19954259",
+      "name": "收 藏 (1)",
+      "font_class": "shoucang",
+      "unicode": "e629",
+      "unicode_decimal": 58921
+    },
+    {
+      "icon_id": "20587062",
+      "name": "爱心",
+      "font_class": "aixin",
+      "unicode": "e6b6",
+      "unicode_decimal": 59062
+    },
+    {
+      "icon_id": "22166463",
+      "name": "箭头",
+      "font_class": "jiantouup",
+      "unicode": "e7f0",
+      "unicode_decimal": 59376
+    },
+    {
+      "icon_id": "22166464",
+      "name": "箭头",
+      "font_class": "jiantouright",
+      "unicode": "e7f1",
+      "unicode_decimal": 59377
+    },
+    {
+      "icon_id": "22166465",
+      "name": "箭头",
+      "font_class": "jiantoudown",
+      "unicode": "e7f2",
+      "unicode_decimal": 59378
+    }
+  ]
+}

src/assets/css/iconfont.svg

+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<!--
+2013-9-30: Created.
+-->
+<svg>
+<metadata>
+Created by iconfont
+</metadata>
+<defs>
+
+<font id="iconfont" horiz-adv-x="1024" >
+  <font-face
+    font-family="iconfont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    ascent="896"
+    descent="-128"
+  />
+    <missing-glyph />
+    
+    <glyph glyph-name="bianji" unicode="&#58888;" d="M797.86880407 541.08664501L669.1300934 669.86880407 717.1844352 718.05349239a45.66465922 45.66465922 0 0 0 64.95591337-0.08689746l63.82624636-63.78279729a45.62121016 45.62121016 0 0 0 0.0434484-64.95591405l-48.0977902-48.14123858z m-64.39107954-64.43452859L362.94659898 106.07754179999995c-8.77665177-8.77665177-25.46098003-19.55194721-36.71421252-23.89682438l-103.36462809-39.712178c-47.01157089-18.074689-70.3870105 5.64834045-52.39921895 52.39921896l39.7556264 103.32117968c4.38832623 11.5139242 15.5112115 28.32859899 23.89682436 36.71421184l370.6180237 370.61802303 128.78215905-128.86905651z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="diqiu" unicode="&#59535;" d="M727.61173333 538.5152h147.71093334c19.78346667-44.016 31.6416-92.23466667 33.6288-143.13066667h-169.48266667c-0.7168 53.8048-5.1648 101.20106667-11.85706667 143.13066667z m-64.55146666 202.5216c84.72853333-32.93226667 154.26986667-95.24266667 197.86346666-173.89866667H722.77866667c-15.6768 80.11626667-39.47306667 137.056-59.7184 173.89866667zM539.3408 567.1392000000001V766.93333333c30.46826667-1.33546667 60.01813333-6.15466667 88.29866667-14.07786666 21.4656-36.06613333 49.1232-96.31146667 66.59413333-185.71626667H539.3408zM351.392 223.62986666999996c-6.69013333 41.96053333-11.328 89.0848-12.0192 143.13066666H510.70933333v-143.1296H351.392z m-0.27946667 314.88533333h159.59466667v-143.13066667H339.21066667c0.72213333 53.84746667 5.20533333 101.184 11.90186666 143.13066667z m71.6704 214.96853333c28.21866667 7.57653333 57.5488 12.42666667 87.92533334 13.4016v-199.74613333H355.82933333c17.5744 89.9072 45.43786667 150.35626667 66.95253334 186.34453333z m-237.86666666-186.34453333c44.30506667 79.94453333 116.0288 142.59946667 202.69013333 175.07733333-20.3776-36.82346667-44.5216-94.0992-60.35946667-175.07733333H184.91733333z m125.6608-171.75466667h-173.088c1.90933333 50.86186667 13.34506667 99.20106667 33.0912 143.13066667h151.86453333c-6.6944-41.9392-11.14773333-89.32906667-11.86773333-143.13066667z m12.1984-171.75466666H171.66826667c-19.82506667 44.0736-32.51626667 92.064-34.39146667 143.13066666h173.4368c0.68906667-54.048 5.36426667-101.1328 12.06186667-143.1296z m4.69546666-28.62293334c15.9552-81.78666667 40.4352-139.00053333 60.94293334-175.3952-86.97493333 32.36693333-158.7296 95.24266667-203.08906667 175.3952h142.14613333z m183.23626667 0v-199.74826666c-30.0352 0.96426667-59.05173333 5.712-86.98133333 13.1328-21.552 35.3248-49.57866667 96.05226667-67.31733334 186.61546666h154.29866667z m182.94826667 0c-17.632-90.02026667-45.43146667-150.54293333-66.9376-185.952-27.9552-7.75893333-57.2928-11.9424-87.37706667-13.27573333V195.00693333000004h154.31466667z m-154.31466667 171.7536h171.3344c-0.6912-54.05226667-5.33226667-101.16693333-12.02346667-143.1296H539.3408V366.76053333000004z m171.49653333 28.624H539.3408V538.5152h159.59466667c6.69546667-41.94346667 11.17866667-89.28106667 11.90186666-143.13066667z m28.50133334-28.624h169.30453333C906.752 315.73333333000005 894.15253333 267.72266666999997 874.4256 223.63093332999995H727.2768c6.6944 41.99253333 11.37066667 89.07306667 12.0608 143.1296z m121.3792-171.75466666c-43.48053333-78.98133333-113.34933333-141.32693333-198.44373334-174.18666667 20.3808 36.4416 44.5472 93.24586667 60.336 174.18666667h138.10773334z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shengming" unicode="&#58881;" d="M873.58203125 658.5703125c-5.9765625 17.84179688-17.84179688 23.73046875-35.59570313 23.73046875C665.72070313 670.43554688 582.57617188 771.421875 541.00390625 818.8828125 529.05078125 830.8359375 523.07421875 830.8359375 511.20898437 830.8359375s-23.73046875-5.9765625-29.70703124-11.86523438c-41.57226563-47.54882813-118.828125-148.53515625-296.98242188-136.58203124-17.84179688 0-29.70703125-5.9765625-35.68359375-23.73046876 0-5.9765625-184.13085938-498.95507813 350.41992188-718.76953125h23.73046874c534.7265625 219.7265625 350.59570313 712.70507813 350.59570313 718.68164063zM511.03320312 56.16796875C156.5703125 207.33984375 213.875 509.68359375 239.97851562 587.90625c140.71289063 0 224.12109375 67.76367188 271.05468751 114.69726563C557.96679688 655.66992188 636.18945313 587.90625 776.90234375 587.90625h5.18554688c20.91796875-78.22265625 83.40820313-375.38085938-271.05468751-531.73828125zM463.66015625 551.60742188h106.96289063v-95.00976563H463.66015625V551.60742188z m0-154.42382813h106.96289063v-213.83789063H463.66015625V397.18359375z m0 0"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="wode" unicode="&#58964;" d="M512 804h233.34375001v-233.34375001c0-128.90625001-104.4375-233.34375001-233.34375001-233.34374999S278.65624999 441.75 278.65624999 570.65625001 383.09374999 804 512 804zM302 290.625h420c90.1875 0 163.3125-73.125 163.3125-163.3125v-23.34375001c0-77.34375001-62.71875001-139.96875001-139.96875001-139.96874999H278.65624999c-77.34375001 0-139.96875001 62.71875001-139.96874999 139.96875001v23.34374999c-0.09375001 90.1875 73.03125001 163.3125 163.3125 163.3125z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shouye" unicode="&#58880;" d="M556.65283203 763.07446289a63.39990234 63.39990234 0 0 1-85.19238281 0L126.97314453 435.96972656a31.77905273 31.77905273 0 0 1 42.55664063-47.20385742l5.4777832 5.20092774V52.56445312000005a63.55810547 63.55810547 0 0 1 63.55810547-63.63720703h184.95922851v191.34667969a44.75170898 44.75170898 0 0 0 44.77148438 44.81103516h87.03149414a44.75170898 44.75170898 0 0 0 44.77148437-44.81103516v-191.34667969h189.34936524a63.55810547 63.55810547 0 0 1 63.57788086 63.63720704V389.79418945c14.11962891-12.77490234 34.15209961-11.8059082 45.89868164 1.28540039a31.77905273 31.77905273 0 0 1-2.29394531 44.89013672L556.65283203 763.0546875z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="liaotian" unicode="&#59035;" d="M880.64624023 384c0 203.85131836-165.28930664 369.140625-369.140625 369.140625s-369.140625-165.28930664-369.140625-369.140625 165.28930664-369.140625 369.140625-369.140625H828.40625L745.102417 98.16320800000005c82.72705078 67.64831543 135.54382325 170.56274414 135.54382323 285.836792zM301.0625 331.265625c-29.08630372 0-52.734375 23.64807129-52.734375 52.734375s23.64807129 52.734375 52.734375 52.734375 52.734375-23.64807129 52.734375-52.734375-23.64807129-52.734375-52.734375-52.734375z m209.94873047 0c-29.08630372 0-52.734375 23.64807129-52.734375 52.734375s23.64807129 52.734375 52.734375 52.734375 52.734375-23.64807129 52.734375-52.734375-23.56567383-52.734375-52.734375-52.734375zM670.203125 384c0 29.08630372 23.64807129 52.734375 52.734375 52.734375s52.734375-23.64807129 52.734375-52.734375-23.64807129-52.734375-52.734375-52.734375-52.734375 23.64807129-52.734375 52.734375z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="camera" unicode="&#58906;" d="M761.325714 515.730286l90.441143 59.922285A63.817143 63.817143 0 0 0 950.857143 522.441143v-276.882286a63.817143 63.817143 0 0 0-99.108572-53.211428l-90.422857 59.904a1326.08 1326.08 0 0 0-3.437714-30.445715 136.228571 136.228571 0 0 0-119.826286-118.509714c-69.723429-7.917714-141.988571-11.867429-216.813714-11.867429-75.081143 0-147.803429 3.986286-218.148571 11.958858a136.228571 136.228571 0 0 0-119.862858 118.509714A1309.878857 1309.878857 0 0 0 73.142857 384c0 54.016 3.364571 108.032 10.093714 162.066286a136.228571 136.228571 0 0 0 119.862858 118.528c70.546286 7.990857 143.268571 11.977143 218.148571 11.977143 74.624 0 146.907429-3.968 216.832-11.885715a136.228571 136.228571 0 0 0 119.808-118.528c1.28-10.148571 2.413714-20.297143 3.437714-30.427428zM219.428571 475.428571a54.857143 54.857143 0 1 1 0 109.714286 54.857143 54.857143 0 0 1 0-109.714286z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="sousuo" unicode="&#58887;" d="M931.55522188 72.77261250000004L766.76391031 205.19355094000002c33.62616188 55.1434125 53.34942937 119.69516625 53.34942938 189.00817219 0 201.0288225-162.96471 363.99641063-363.99449156 363.99641062S92.12435563 595.2305456199999 92.12435563 394.20172313s162.96471-363.99641063 363.99449156-363.99641063c115.22459812 0 217.7550825 53.68807969 284.45290125 137.24454844l162.2902875-130.39863L931.55522188 72.77261250000004zM456.11884719 76.04303436999999c-175.4314575 0-318.15676969 142.72531219-318.15676969 318.15772875s142.72531219 318.15772875 318.15676969 318.15772875 318.15676969-142.72531219 318.15676968-318.15772874S631.55030469 76.04303436999999 456.11884719 76.04303436999999z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="dingwei" unicode="&#58942;" d="M516.320553 830.086277C327.473365 829.240951 174.512778 674.914838 175.350878 486.045975c0.787526-177.21493 282.974557-496.596289 315.154731-532.417865a39.737529 39.737529 0 0 1 59.440119 0.2601c31.862273 36.110576 311.202653 357.991787 310.415127 535.213942-0.838101 188.861638-155.178664 341.822225-344.040302 340.984125z m2.196402-492.860961c-76.483906-0.339575-139.009102 61.614845-139.348677 138.105976-0.339575 76.491131 61.629295 139.001877 138.105976 139.334227 76.512806 0.3468 139.023552-61.60762 139.363127-138.091526 0.339575-76.498356-61.614845-139.001877-138.120426-139.348677z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shipin" unicode="&#59179;" d="M128 384c0 212.08 171.92 384 384 384s384-171.92 384-384-171.92-384-384-384c-211.98 0.24-383.76 172.02-384 384z m59.05 0c0-179.46 145.48-324.95 324.95-324.95S836.95 204.53999999999996 836.95 384 691.46 708.95 512 708.95c-179.39-0.19-324.76-145.56-324.95-324.95z m226.48-77.95v155.9c0 23.56 19.1 42.67 42.66 42.67 7.11 0 14.11-1.78 20.36-5.17l143.62-77.95c20.72-11.21 28.43-37.11 17.22-57.83a42.676 42.676 0 0 0-17.22-17.22l-143.62-77.91c-20.71-11.24-46.61-3.56-57.85 17.15a42.484 42.484 0 0 0-5.17 20.36z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="yinpin" unicode="&#59052;" d="M182 414a30 30 0 0 0 29.79-26.49L212 384v-330.96a30 30 0 0 0-59.79-3.51L152 53.039999999999964V384a30 30 0 0 0 30 30z m219.99 330.75a30 30 0 0 0 29.82-26.49l0.18-3.51V53.700000000000045a30 30 0 0 0-59.79-3.48l-0.21 3.48V714.75a30 30 0 0 0 30 30z m220.02-254.22a30 30 0 0 0 29.79-26.49l0.21-3.51v-406.86a30 30 0 0 0-59.82-3.48l-0.18 3.48V460.53a30 30 0 0 0 30 30zM842 603.24a30 30 0 0 0 29.79-26.52l0.21-3.48v-519.57a30 30 0 0 0-59.79-3.48L812 53.66999999999996V573.24a30 30 0 0 0 30 30z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jiantouleft" unicode="&#59375;" d="M622.88853333 698.7114666699999c14.1632 14.16213333 37.1264 14.16213333 51.2896 0 14.02133333-14.02133333 14.16106667-36.66773333 0.42026667-50.86186667l-0.42026667-0.42666667L409.68853333 382.93333333l264.4896-264.48853333c14.02133333-14.02133333 14.16106667-36.66773333 0.42026667-50.86186667l-0.42026667-0.42666666c-14.02133333-14.0224-36.66773333-14.16213333-50.86186666-0.42133334l-0.42666667 0.42026667-290.13333333 290.13333333c-14.0224 14.02133333-14.16213333 36.66773333-0.42133334 50.86186667l0.42026667 0.42666667 290.13333333 290.13333333z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="shoucang" unicode="&#58921;" d="M727.43475342-22.573791509999978c-11.8677063 0-25.20703125 3.40466308-37.57241821 9.58941651L513.29116821 75.33087158000001 335.62658691-12.841003419999993c-11.25137329-5.99029541-24.13092041-9.13787842-37.2642517-9.13787842a79.23669434 79.23669434 0 0 0-47.4189148 15.5253296c-24.86508179 18.65478516-37.60620117 50.96282959-31.72467041 80.38778686l36.3364563 188.50231934L116.28125 392.243042a85.74197388 85.74197388 0 0 0-21.65487671 82.94128417l0.27850342 0.9574585c10.125 30.34533691 35.243042 51.60800171 65.6987915 55.6875l193.5013733 35.18371582L440.95608521 743.40866089c13.95153808 27.92861938 42.32757568 45.87478638 72.335083 45.87478638 31.30279541 0 60.41217041-18.62182617 72.61688233-46.38153076l86.57336425-175.83618164L866.01245117 533.23004151a78.83129883 78.83129883 0 0 0 64.48754883-56.33761597 81.54876709 81.54876709 0 0 0-20.16595459-83.2230835l-0.47625733-0.4770813-138.8809204-130.78125L806.07653809 73.57168578999995c5.65246583-30.19784546-6.35778808-60.70385742-31.36212158-79.71295166a74.49472046 74.49472046 0 0 0-47.27966309-16.43252564z m-214.07684326 161.54434205l187.59182739-93.81198121c5.50909424-2.77679443 11.85864258-4.52279663 16.20346069-4.52279662 6.68737792 0 12.89685058 2.05911255 17.45755005 5.86422729l0.84869385 0.70037842c10.65975953 7.99832153 15.85739136 20.70977783 13.52471924 33.15509033l-37.74957276 203.36022949 149.31408692 140.61126709c9.16754151 9.29443359 12.30194092 22.60409546 8.23562621 34.84259033l-0.40951537 1.28704835a30.74249268 30.74249268 0 0 1-25.51931763 22.24978637l-0.85198974 0.13430786L635.3984375 518.95880127 542.41290283 707.83026123c-4.51373291 10.55099487-16.76541138 18.20819092-29.13491821 18.20819091-12.15362549 0-23.7807312-7.61022949-29.67050171-19.36010742L391.21685791 519.0420227100001l-207.69268799-37.72814942c-12.61505127-1.58203125-22.4145813-9.96020508-26.9414978-23.02597046-3.21432495-11.93939209 0.59490967-26.32516479 9.37023926-35.29412842l149.48712158-139.29867553-39.22943116-203.46652222c-2.3590393-11.76635742 3.21350098-25.30755615 13.52059937-33.04138184 5.16796875-3.88504028 11.86276245-6.02819824 18.88302612-6.02819824 5.41268921 0 10.60125732 1.26150513 15.07379151 3.66668701l0.64517212 0.37902832 189.02554321 93.76583863z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="aixin" unicode="&#59062;" d="M665.1 681.6c9.2 0 18.7-0.7 28-2.2 72-11.3 131.7-72 141.8-144.4 7.3-52.5-9.2-104.5-45.3-142.7l-6.1-6.5-271.4-271.5-270.4 270.4-7.2 7.6c-36.1 38.2-52.7 90.2-45.3 142.6C199.3 607.3 259 668.1 331 679.4c9.4 1.5 18.8 2.2 28 2.2 40.7 0 80.3-14.7 111.4-41.3l41.7-35.7 41.7 35.7c31.1 26.7 70.6 41.3 111.3 41.3M359 745.7c-12.5 0-25.1-1-38-3-100.4-15.7-181.2-98.2-195.3-198.9-10.6-75.9 15.2-145.9 62.3-195.6l-0.2-0.2 311.7-311.7c3.5-3.5 8-5.2 12.6-5.2s9.1 1.7 12.6 5.2L836.4 348l-0.2 0.2c47 49.7 72.9 119.7 62.2 195.6-14.1 100.7-95 183.1-195.4 198.9-12.8 2-25.5 3-37.9 3-58.5 0-111.9-21.4-153-56.7-41.2 35.3-94.6 56.7-153.1 56.7z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jiantouup" unicode="&#59376;" d="M826.71146667 273.11146667c14.16213333-14.1632 14.16213332-37.1264 0-51.2896-14.02133333-14.02133333-36.66773333-14.16106667-50.86186667-0.42026667l-0.42666667 0.42026667L510.93333333 486.31146667l-264.48853333-264.4896c-14.02133333-14.02133333-36.66773333-14.16106667-50.86186668-0.42026667l-0.42666665 0.42026667c-14.0224 14.02133333-14.16213333 36.66773333-0.42133334 50.86186667l0.42026667 0.42666666 290.13333333 290.13333333c14.02133333 14.0224 36.66773333 14.16213333 50.86186667 0.42133334l0.42666667-0.42026667 290.13333333-290.13333333z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jiantouright" unicode="&#59377;" d="M401.11146667 69.28853332999995c-14.1632-14.16213333-37.1264-14.16213332-51.2896 0-14.02133333 14.02133333-14.16106667 36.66773333-0.42026667 50.86186667l0.42026667 0.42666667L614.31146667 385.06666667l-264.4896 264.48853333c-14.02133333 14.02133333-14.16106667 36.66773333-0.42026667 50.86186668l0.42026667 0.42666665c14.02133333 14.0224 36.66773333 14.16213333 50.86186667 0.42133334l0.42666666-0.42026667 290.13333333-290.13333333c14.0224-14.02133333 14.16213333-36.66773333 0.42133334-50.86186667l-0.42026667-0.42666667-290.13333333-290.13333333z"  horiz-adv-x="1024" />
+
+    
+    <glyph glyph-name="jiantoudown" unicode="&#59378;" d="M197.28853333 494.88853333c-14.16213333 14.1632-14.16213332 37.1264 0 51.2896 14.02133333 14.02133333 36.66773333 14.16106667 50.86186667 0.42026667l0.42666667-0.42026667L513.06666667 281.68853333000004l264.48853333 264.4896c14.02133333 14.02133333 36.66773333 14.16106667 50.86186668 0.42026667l0.42666665-0.42026667c14.0224-14.02133333 14.16213333-36.66773333 0.42133334-50.86186667l-0.42026667-0.42666666-290.13333333-290.13333333c-14.02133333-14.0224-36.66773333-14.16213333-50.86186667-0.42133334l-0.42666667 0.42026667-290.13333333 290.13333333z"  horiz-adv-x="1024" />
+
+    
+
+
+  </font>
+</defs></svg>

src/components/Loading/index.jsx

+import Spin from '@/components/Spin'
+import logo from '@/assets/logo.png'
+import './style.scss'
+
+export default (props) => {
+  const { width = '80px', logoVisible } = props
+  const height = width
+
+  return (
+    <view className="loading" style={{ width, height }}>
+      <Spin size={width} />
+      {
+        logoVisible !== false &&
+        (<image className="loading-logo" src={logo} style={{ width, height }} />)
+      }
+    </view>
+  )
+}

src/components/Loading/style.scss

+
+.loading {
+  margin: 0 auto;
+  position: relative;
+
+  &-logo {
+    position: absolute;
+    left: 0;
+    transform: scale(.75, .75);
+    animation: logo-opacity 2s linear infinite;
+  }
+}
+
+@keyframes logo-opacity {
+  0%, 100% {
+    opacity: 1;
+  }
+
+  50% {
+    opacity: .4;
+  }
+}

src/components/ProjectListItem/index.jsx

+import React, { useState, useEffect } from 'react'
+import './index.scss'
+
+export default function ProjectListItem (props) {
+  const { Data = {} } = props
+  return (
+    <view className='components ProjectListItem flex-h'>
+      <view className='Img'>
+        <view>
+          {
+            Data.img &&
+            <Image mode='aspectFill' className='centerLabel' src={Data.img || null} />
+          }
+        </view>
+      </view>
+      <view className='flex-item'>
+        <view className='Name flex-h'>
+          <view className='flex-item'>
+            <text>楼盘名称</text>
+          </view>
+          <text>约</text>
+          <text>20000m²</text>
+        </view>
+        <text className='Address'>楼盘地址sdsdsdsdsds</text>
+        <view className='Tags'>
+          <text>标签1</text>
+          <text>标签2</text>
+          <text>标签3</text>
+        </view>
+        <view className='ShareInfo'>
+          {/* <text className='iconfont'></text> */}
+          <text>3次分享</text>
+          <view className='Users'>
+            <view></view>
+            <view></view>
+            <view></view>
+          </view>
+          <text>...9人围观</text>
+        </view>
+      </view>
+    </view>
+  )
+}

src/components/ProjectListItem/index.scss

+.components.ProjectListItem {
+  padding-bottom: 30px;
+  border-bottom: 2px solid #eee;
+  > .Img {
+    width: 260px;
+    position: relative;
+    overflow: hidden;
+    margin-right: 20px;
+    > view {
+      width: 100%;
+      padding-bottom: 60%;
+      background: #eee;
+      position: relative;
+      overflow: hidden;
+      border-radius: 8px;
+      > image {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+  > .flex-item {
+    > .Name {
+      align-items: center;
+      > .flex-item {
+        margin-right: 10px;
+        > text {
+          display: block;
+          font-size: 28px;
+          font-weight: bold;
+          color: #000;
+          line-height: 40px;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+      }
+      > text {
+        font-size: 24px;
+        line-height: 40px;
+        color: #000;
+        &:last-child {
+          color: red;
+        }
+      }
+    }
+    > .Address {
+      display: block;
+      font-size: 24px;
+      color: #666;
+      line-height: 40px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+    > .Tags {
+      font-size: 0;
+      white-space: nowrap;
+      > text {
+        display: inline-block;
+        vertical-align: middle;
+        font-size: 16px;
+        padding: 0 10px;
+        line-height: 36px;
+        background: #FBAB57;
+        color: #333;
+        margin-right: 10px;
+      }
+    }
+    > .ShareInfo {
+      font-size: 0;
+      white-space: nowrap;
+      margin-top: 10px;
+      > text {
+        display: inline-block;
+        vertical-align: middle;
+        font-size: 24px;
+        color: #333;
+        line-height: 40px;
+        margin-left: 10px;
+        &:first-child {
+          margin-left: 0;
+        }
+      }
+      > .Users {
+        display: inline-block;
+        vertical-align: middle;
+        font-size: 0;
+        white-space: nowrap;
+        margin-left: 30px;
+        > view {
+          display: inline-block;
+          vertical-align: middle;
+          width: 40px;
+          height: 40px;
+          background: #eee;
+          border-radius: 100%;
+          margin-left: -10px;
+          position: relative;
+          &:nth-child(1) {
+            z-index: 1;
+            margin-left: 0;
+          }
+          &:nth-child(2) {
+            z-index: 2;
+          }
+          &:nth-child(3) {
+            z-index: 3;
+          }
+        }
+      }
+    }
+  }
+}

src/components/Spin/index.jsx

+import './style.scss'
+
+export default (props) => {
+  const { size = '160rpx' } = props
+  const wrapperStyle = {
+    width: size,
+    height: size,
+  }
+
+  const leftBarStyle = {
+    'border-top-right-radius': size,
+    'border-bottom-right-radius': size,
+  }
+
+  const rightBarStyle = {
+    'border-top-left-radius': size,
+    'border-bottom-left-radius': size,
+  }
+
+  return (
+    <view className="spin" style={wrapperStyle}>
+      <view className="mask-left">
+        <view className="spin-bar" style={leftBarStyle}></view>
+      </view>
+      <view className="mask-right">
+        <view className="spin-bar" style={rightBarStyle}></view>
+      </view>
+    </view>
+  )
+}

src/components/Spin/style.scss

+$width: 160px;
+
+.spin {
+  width: $width;
+  height: $width;
+  border-radius: 100%;
+  display: inline-block;
+  position: relative;
+  animation: spin-rotate 4s linear infinite;
+  box-sizing: border-box;
+
+  view {
+    box-sizing: border-box;
+    position: absolute;
+  }
+
+  .mask-left, .mask-right {
+    background: #fff;
+    top: 0;
+    width: calc(50% + 1px);
+    height: 100%;
+    overflow: hidden;
+  }
+
+  .mask-left {
+    left: 0;
+
+    .spin-bar {
+      left: 100%;
+      border-top-right-radius: $width;
+      border-bottom-right-radius: $width;
+      border-left: 0;
+      // transform: rotate(180deg);
+      transform-origin: center left;
+      animation: spin-rotate-right 1.2s cubic-bezier(.25,.5,.25,1) 0.6s infinite, spin-color 2s linear infinite;
+    }
+  }
+
+  .mask-right {
+    right: 0;
+
+    .spin-bar {
+      left: -100%;
+      border-top-left-radius: $width;
+      border-bottom-left-radius: $width;
+      border-right: 0;
+      transform-origin: center right;
+      animation: spin-rotate-right 1.2s cubic-bezier(1,.25,.5,.25) infinite, spin-color 2s linear infinite;
+    }
+  }
+
+  .spin-bar {
+    float: left;
+    width: 100%;
+    height: 100%;
+    border-width: 4px;
+    border-style: solid;
+  }
+}
+
+@keyframes spin-rotate-right {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  50% {
+    transform: rotate(180deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes spin-rotate-left {
+  0% {
+    transform: rotate(180deg);
+  }
+
+  50% {
+    transform: rotate(360deg);
+  }
+
+  100% {
+    transform: rotate(540deg);
+  }
+}
+
+@keyframes spin-rotate {
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes spin-color {
+  0%, 100% {
+    border-color: #d62d20;
+  }
+  40% {
+    border-color: #0057e7;
+  }
+  60% {
+    border-color: #008744;
+  }
+  80%, 90% {
+    border-color: #ffa700;
+  }
+}

src/constants/activity.js

+export const ACTIVITY_SIGNIN = 'ACTIVITY_SIGNIN'

src/constants/api.js

+/**
+ * NOTE HOST、HOST_M 是在 config 中通过 defineConstants 配置的
+ * 只所以不在代码中直接引用，是因为 eslint 会报 no-undef 的错误，因此用如下方式处理
+ */
+/* eslint-disable */
+export const host = HOST
+export const wss_host = WSS_HOST
+
+/* eslint-enable */
+
+export const pathname = '/api/wx'
+
+const resolvePath = api => `${host + pathname}/${api}`
+
+// common
+export const API_PRELOAD = resolvePath('preload')
+export const API_QRCODE = resolvePath('qrcode')
+export const API_BANNER_LIST = resolvePath('extendContent')
+export const API_QUERY_CODE_SCENE = resolvePath('qrcode/scene')
+
+// user
+export const API_USER_LOGIN = resolvePath('login')
+export const API_USER_INFO = resolvePath('signup')
+export const API_USER_SIGNIN = resolvePath('user/signin')
+export const API_USER_PHONE = resolvePath('userPhone')
+export const API_QUERY_USER_INFO = resolvePath('user/info')
+export const API_QUERY_USERINFO_BYID = resolvePath('onePerson')
+export const API_QUERY_CUSTOMER_INFO = resolvePath('customer/myCustomer')
+export const API_QUERY_MYREPORT = resolvePath('customer/myReport')
+export const API_QUERY_DOCUMENTVERIFY = resolvePath('documentVerify')
+
+export const API_QUERY_DOCUMENTVERIFY_list = resolvePath('documentVerify/list')
+export const API_QUERY_TADRAINGE = resolvePath('taDrainage')
+
+
+// chat
+export const API_CHAT_HISTORY = resolvePath('chat/history')
+export const API_CHAT_SEND = wss_host + '/wx/chat'
+export const API_CHAT_FRIENDS = resolvePath('chat/with')
+export const API_UPLOAD_IMAGE = resolvePath('image')
+export const API_CHAT_READED = resolvePath('chat/message')
+
+// card
+export const API_CARDS_LIST = resolvePath('cards')
+export const API_CARDS_APPLY = resolvePath('cards/apply')
+export const API_FORM_ID = resolvePath('formid')
+export const API_UPDATE_PHOTO = resolvePath('userInfo/updatePhoto')
+
+// project
+export const API_INDEX_CUSTOMER = resolvePath('indexCustomer')
+export const API_ITEMS_LIST = resolvePath('building/list')
+export const API_ITEMS_DETAIL = resolvePath('buildingSelectId')
+export const API_ITEMS_TYPE = resolvePath('tdBuildingType')
+export const API_ACTIVITY_GROUP = resolvePath('helpActivityAndGroup')
+export const API_LOCATION_CITYP = resolvePath('location/city')
+export const API_TACUSTOMIMG = resolvePath('taCustomImg')
+export const API_INDEX_PROJECTS = resolvePath('building/main')
+export const API_INDEX_ICONS = resolvePath('taMiniappOrgIcon')
+
+
+
+export const API_HOUSE_LIST = resolvePath('listHousingResources')
+export const API_PRESELECTION_RECORD = resolvePath('listPreselectionRecord')
+export const API_RAISE_CHECK = resolvePath('check/raise')
+export const API_RAISE_PROFILE = resolvePath('taRaise')
+export const API_SAVE_RAISE_RECORD = resolvePath('taRaiseRecord')
+export const API_RATSE_RECORD = resolvePath('taRaiseRecord/list')
+export const API_RATSE_DETAIL = resolvePath('taRaiseRecord')
+export const API_RATSE_ORDER = resolvePath('unifiedOrder')
+export const API_CANCEL_ORDER = resolvePath('cancel')
+export const API_HOUSE_DETAIL = resolvePath('getHousingDetailById')
+export const API_ADD_PRESELECTION = resolvePath('taPreselectionRecord')
+export const API_CANCEL_PRESELECTION = resolvePath('taPreselectionRecordCancel')
+export const API_APARTMENT_TYPE = resolvePath('listBuildApartmentBySalesBatchId')
+export const API_SALESBATCH_LIST = resolvePath('taSalesBatch/choice')
+export const API_NOTICE_INFO = resolvePath('getNoticeInfo')
+export const API_SALES_BATCH = resolvePath('taSalesBatch')
+export const API_ADDLIVE_NUM = resolvePath('addVisitNum')
+export const API_LIVE_DEATIL = resolvePath('taLiveActivity')
+// /wx/location/city?location=lon,lat
+
+//sign
+export const API_CONTRACT_USER = resolvePath('contract/user/add')
+export const API_CONTRACT_GET = resolvePath('contract/user/get')
+export const API_CONTRACT_AUTO = resolvePath('contract/auto')
+export const API_CONTRACT_MANUAL = resolvePath('contract/manual')
+export const API_CONTRACT_CHECK = resolvePath('contract/check')
+
+// shop
+export const API_GOODS_LIST = resolvePath('goods')
+export const API_GOODS_BUILDING = resolvePath('goodsToBuilding')
+export const API_GOODS_EXCHANGE = resolvePath('goods/exchange')
+export const API_GOODS_EXCHANGE_RECORDS = resolvePath('taPointsExchange')
+export const API_POINTS_RECORDS = resolvePath('taPointsRecords')
+export const API_POINTS_RULE = resolvePath('tdPointsRules')
+export const API_POINTS_ADRESS = resolvePath('person/city')
+export const API_GOODS_BELONGS = resolvePath('goodsToBuilding')
+
+// client
+export const API_CLIENT_LIST = resolvePath('customer/recommend/mine')
+export const API_RECOMENT_CLIENT = resolvePath('customer/new')
+export const API_CLIENT_PROGRESS = resolvePath('customer')
+export const API_TYPE_DATA = resolvePath('awesome/dict/recommendcustomer')
+
+// report
+export const API_REPORT_LIST = resolvePath('myReport')
+export const API_REPORT_CLIENT = resolvePath('customer/report')
+export const API_RECOMMEND_GET = resolvePath('customer/recommend/get')
+export const API_RECOMMEND_EDIT = resolvePath('customer/recommend/edit')
+
+// common
+export const API_ITEMS_UV = resolvePath('project/hot')
+export const API_CARDS_UV = resolvePath('consultant/hot')
+export const API_ACTIVITY_UV = resolvePath('activity/pvNum')
+export const API_NEWS_UV = resolvePath('taNews/pvNum')
+
+export const API_CARDS_LIKE = resolvePath('consultant/like')
+export const API_ITEMS_LIKE = resolvePath('project/like')
+export const API_ACTIVITY_LIKE = resolvePath('activity/like')
+export const API_NEWS_LIKE = resolvePath('news/like')
+
+export const API_CARDS_SHARE = resolvePath('consultant/share')
+export const API_ITEMS_SHARE = resolvePath('project/share')
+export const API_ACTIVITY_SHARE = resolvePath('activity/share')
+export const API_HELP_SHARE = resolvePath('help/share')
+export const API_GROUP_SHARE = resolvePath('group/share')
+export const API_HFIVE_SHARE = resolvePath('h5/share')
+export const API_NEWS_SHARE = resolvePath('news/share')
+export const API_HOUSE_SHARE = resolvePath('houseApp/share')
+export const API_HOUSE_POSTER = resolvePath('housePost/share')
+export const API_LIVE_SHARE = resolvePath('liveApp/share')
+export const API_LIVE_POSTER = resolvePath('livePost/share')
+
+export const API_INDEX_SHARE = resolvePath('main/share')
+
+export const API_ACTIVITY_FAVOR = resolvePath('activity/save')
+export const API_NEWS_FAVOR = resolvePath('news/save')
+export const API_CARD_FAVOR = resolvePath('card/save')
+export const API_PROJECT_FAVOR = resolvePath('project/save')
+
+// 埋点接口
+export const API_BURIED_POINT = resolvePath('taPersonVisitRecord')
+
+
+// activity
+export const API_ACTIVITY_LIST = resolvePath('buildingDynamiceList')
+//拼团
+export const API_GROUP_LIST = resolvePath('taShareRecord')
+//助力
+export const API_HELP_LIST = resolvePath('helpInitiateRecord')
+
+// save activity
+export const API_ACTIVITY_SAVE = resolvePath('save/buildingDynamiceList')
+
+export const API_ACTIVITY_DETAIL = resolvePath('buildingDynamiceInfo')
+// signup
+export const API_ACTIVITY_SIGNUP = resolvePath('activityDynamicEnlistAdd')
+// signin
+export const API_ACTIVITY_SIGNIN = resolvePath('taCheckin/activity')
+
+// news
+export const API_NEWS_LIST = resolvePath('taNews')
+
+
+// feedback
+export const API_FEEDBACK_SUBMIT = resolvePath('taCustomerMessage')
+
+
+// getCode
+export const API_GET_CODE = resolvePath('captcha')
+
+// checkCode
+export const API_CHECK_CODE = resolvePath('check/captcha')
+
+
+// /wx/registerConsultantOneClick
+// registerConsultant
+export const API_PUT_REGISTER = resolvePath('registerConsultant')
+
+// registerConsultantOneClick
+export const API_PUT_REGISTERCONSULTANT = resolvePath('registerConsultantOneClick')
+
+// city
+export const API_CITY_LIST = resolvePath('tdCity')
+
+
+// policy
+export const API_POLICY_LIST = resolvePath('taPolicy')
+
+//agent
+
+export const API_AGENT_LIST = resolvePath('agent/recommend/mine')
+
+export const API_REGISTER_AGENT = resolvePath('registerAgent')
+
+// agent change
+export const API_AGENT_CHANNEL = resolvePath('customer/recommend/becomeChannel')
+
+export const API_AGENT_CURRENT = resolvePath('user/current')
+
+export const API_EDIT_AGENT = resolvePath('editPerson')
+
+// 活动列表-新
+export const API_ACTNEW_LIST = resolvePath('activity/list')
+
+// 助力
+export const API_HELP_DETAIL = resolvePath('helpActivity')
+export const API_HELP_CREATE = resolvePath('helpInitiateRecord')
+export const API_HELP_FRIEND = resolvePath('helpRecord')
+
+//签到
+export const API_CHECKIN_DETAILS = resolvePath('buildingDynamiceEnlistInfo')
+export const API_CHECKIN_ACTIVE = resolvePath('buildingDynamicCheckin')
+
+// 拼团
+export const API_GROUP_DETAIL = resolvePath('taShareActivity')
+export const API_GROUP_CREATE = resolvePath('taShareRecord')
+export const API_GROUP_JOIN = resolvePath('taShareChildRecord')
+
+//person
+export const API_MY_CUSTOMER = resolvePath('inventory/customer/statistics')
+export const API_CUSTOMER_LIST = resolvePath('inventory/customer/statistics')
+export const API_CUSTOMER_DETAIL = resolvePath('inventory/customer')
+export const API_VISIT_RECORD = resolvePath('taPersonVisitRecord')
+export const API_ACTIVITY_LIST_CUSTOMER = resolvePath('customer/activity/list')
+export const API_FOLLOW_LIST = resolvePath('taCustomerFollowUpRecord')
+export const API_SEX_INFO = resolvePath('genderStatistic')
+export const API_ECHERTS_DAILY = resolvePath('customerStatisticDaily')
+export const API_ECHERTS_MONTH = resolvePath('customerStatisticMonthly')
+export const API_BUILDING_TYPE = resolvePath('getByBuildingIdSelectBuildingProjectType')
+export const API_CONSULTANT_VISIT_RECORD = resolvePath('activityVisitRecord')
+export const API_MORE_ACTIVITY = resolvePath('visitRecord/activity')
+export const API_SHARE_LIST = resolvePath('shareRecords')
+export const API_SHARE_INFOLIST = resolvePath('sharePersonInfoList')
+export const API_BIND_CUSTOMER = resolvePath('judgeBindCustomer')
+// 消息模板
+export const API_TEMPLATE_TYPE = resolvePath('template/of/')

src/constants/card.js

+export const CARD_INFO = 'CARD_INFO'
+export const CARD_LIST = 'CARD_LIST'
+export const CARD_LIKE = 'CARD_LIKE'
+export const CARD_UNLIKE = 'CARD_UNLIKE'
+

src/constants/checkin.js

+export const CHECKIN_DETAILS = 'CHECKIN_DETAILS'
+export const CHECKIN_ACTIVE = 'CHECKIN_ACTIVE'

src/constants/city.js

+export const CITY_LIST = 'CITY_LIST'
+export const CITY_SELECTED = 'CITY_SELECTED'

src/constants/common.js

+// 通知消息
+export const TPL_NOTICE = "notice";
+
+// 助力消息
+export const TPL_HELP = "help-result";
+
+// 拼团消息
+export const TPL_GROUP = "group-result";
+
+// 预选消息
+export const TPL_HOUSE = "house";
+
+// 签署合同消息
+export const TPL_SIGN = "contract-signing";
+
+// 更新预拉取数据
+export const UPDATE_PRELOAD = "UPDATE_PRELOAD";
+
+// 同步系统信息
+export const SYNC_SYSTEMINFO = "SYNC_SYSTEMINFO";

src/constants/counter.js

+export const ADD = 'ADD'
+export const MINUS = 'MINUS'

src/constants/house.js

+
+// 加入选择-暂存
+export const ADD_CART = 'ADD_CART'
+
+// 取消选择-暂存
+export const SUB_CART = 'SUB_CART'
+
+// 所有进入-暂存
+export const FLUSH_TO_CART = 'FLUSH_TO_CART'
+
+// 置业顾问列表
+export const ADD_CONSULTANT = 'ADD_CONSULTANT'
+
+// 临时选择置业
+export const CHOOSE_CONSULTANT = 'CHOOSE_CONSULTANT'
+
+// 获取预选记录
+export const MY_PRESELECT_RECORD = 'MY_PRESELECT_RECORD'
+
+//
+export const SET_ONLINE_PROTOCOL = 'SET_ONLINE_PROTOCOL'

src/constants/login.js

+export const USER_LOGIN = 'USER_LOGIN'

src/constants/news.js

+export const NEWS_LIST = 'NEWS_LIST'
+export const NEWS_DETAIL = 'NEWS_DETAIL'
+
+

src/constants/project.js

+export const PROJECT_LIST = 'PROJECT_LIST'
+export const PROJECT_DETAIL = 'PROJECT_DETAIL'
+export const PROJECT_SCREEN = 'PROJECT_SCREEN'
+export const SET_SCREEN_SHOWED = 'SET_SCREEN_SHOWED'
+export const LOCATION_CITY = 'LOCATION_CITY'

src/constants/shop.js

+export const GOODS_LIST = 'GOODS_LIST'
+export const GOODS_DETAIL = 'GOODS_DETAIL'
+export const GOODS_EXCHANGE = 'GOODS_EXCHANGE'
+export const GOODS_EXCHANGE_RECORDS = 'GOODS_EXCHANGE_RECORDS'
+export const POINTS_RECORDS = 'POINTS_RECORDS'
+export const POINTS_RULE = 'POINTS_RULE'
+export const POINTS_ADRESS = 'POINTS_ADRESS'

src/constants/user.js

+export const USER_INFO = 'USER_INFO'
+// export const USER_QUERY_INFO = 'USER_QUERY_INFO'
+export const USER_SIGNIN = 'USER_SIGNIN'
+export const USER_GOODS = 'USER_GOODS'
+export const ASSIGN_UNREADNUM = 'ASSIGN_UNREADNUM'
+export const INCREASE_UNREADNUM = 'INCREASE_UNREADNUM'
+export const DECREASE_UNREADNUM = 'DECREASE_UNREADNUM'
+export const API_QUERY_CUSTOMER_INFO = 'API_QUERY_CUSTOMER_INFO'
+export const API_QUERY_MYREPORT = 'API_QUERY_MYREPORT'
+export const UPDATE_USER_INFO = 'UPDATE_USER_INFO'
+
+export const ROLE_CODE = {
+  CONSULTANT: 'Realty Consultant', // 置业顾问
+  ESTATE_AGENT: 'estate agent', // 独立经纪人
+  CHANNEL_AGENT: 'channel agent', // 渠道经纪人
+  DRIFT: 'drift', // 游客
+  CUSTOMER: 'customer' // 客户
+}

src/index.html

+<!DOCTYPE html>
+<html>
+<head>
+  <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+  <meta content="width=device-width,initial-scale=1,user-scalable=no" name="viewport">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-touch-fullscreen" content="yes">
+  <meta name="format-detection" content="telephone=no,address=no">
+  <meta name="apple-mobile-web-app-status-bar-style" content="white">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" >
+  <title></title>
+  <script>
+    !function(x){function w(){var v,u,t,tes,s=x.document,r=s.documentElement,a=r.getBoundingClientRect().width;if(!v&&!u){var n=!!x.navigator.appVersion.match(/AppleWebKit.*Mobile.*/);v=x.devicePixelRatio;tes=x.devicePixelRatio;v=n?v:1,u=1/v}if(a>=640){r.style.fontSize="40px"}else{if(a<=320){r.style.fontSize="20px"}else{r.style.fontSize=a/320*20+"px"}}}x.addEventListener("resize",function(){w()});w()}(window);
+  </script>
+</head>
+<body>
+  <div id="app"></div>
+</body>
+</html>

src/layout/Basic/index.jsx

+import React from 'react'
+import { connect } from 'react-redux'
+import { View } from '@tarojs/components'
+import Loading from '@/components/Loading'
+
+import './style.scss'
+
+const BasicLayout = (props) => {
+  const {person, children, onProps, ...leftProps} = props
+  const loading = !person || !person.personId
+
+  if (onProps) {
+    onProps({person, ...leftProps})
+  }
+
+  return null
+  // return loading ?
+  // (
+  //   <View className="page-loading-wrapper">
+  //     <Loading />
+  //   </View>
+  // ) : children || null
+}
+
+export default connect(({ user }) => ({...user.userInfo || {}}))(BasicLayout)

src/layout/Basic/style.scss

+
+.page-loading-wrapper {
+  margin-top: 30vw;
+  
+}

src/layout/index.js

+import React, { useState, useEffect } from 'react'
+import { useRouter } from '@tarojs/taro'
+import BasicLayout from './Basic'
+
+export default (Child) => (props) => {
+  const [ready, setReady] = useState(false)
+  // ext 里面包含的人员等基本信息
+  const [info, setInfo] = useState({})
+  // 路由信息
+  const router = useRouter()
+
+  useEffect(() => {
+    // const initedPerson = !!info?.person?.personId
+    // const initedRouter = !!router?.path
+    // setReady(initedPerson && initedRouter)
+    setReady(true)
+  })
+
+  return (
+    <>
+      <BasicLayout onProps={setInfo} />    
+      {ready && <Child {...info} {...props} router={router} />}
+    </>
+  )
+}

src/pages/chat/index.config.js

+export default {
+  navigationBarTitleText: '聊天'
+}

src/pages/chat/index.jsx

+import React, { useState, useEffect } from 'react'
+import withLayout from '@/layout'
+import './index.scss'
+import { ScrollView } from '@tarojs/components'
+
+export default withLayout((props) => {
+
+  // const [PageProps] = useState(props)
+  const [IsPull, setPull] = useState(false)
+  const [PullTimer, setPullTimer] = useState(null)
+
+  const PageRefresh = () => { // 页面下拉刷新回调
+    setPull(true)
+  }
+
+  useEffect(() => { // 下拉刷新触发
+    if (IsPull) {
+      clearTimeout(PullTimer)
+      setPullTimer(setTimeout(() => {
+        setPull(false)
+      }, 2000))
+    }
+  }, [IsPull])
+
+  return (
+    <view className='Page Chat'>
+
+      <ScrollView scroll-y={true} refresher-enabled={true} refresher-triggered={IsPull} onrefresherrefresh={PageRefresh} refresher-background='#fff'>
+        <view className='PageContent'>
+          聊天
+        </view>
+      </ScrollView>
+
+    </view>
+  )
+})

src/pages/chat/index.scss

+.Page.Chat {
+  background: #fff;
+  > scroll-view {
+    width: 100%;
+    height: 100%;
+    .PageContent {
+      position: relative;
+      overflow: hidden;
+      min-height: 100vh;
+    }
+  }
+}

src/pages/index/components/Banner/index.jsx

+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import { Swiper, SwiperItem, Image } from '@tarojs/components'
+
+export default function Banner (props) {
+  const { List = [] } = props
+  return (
+    <view className='components Banner'>
+      <Swiper autoplay={true} interval={2000} indicator-dots={true}>
+        {
+          List.map((item, index) => (
+            <SwiperItem key={`Banner-${index}`}>
+              <view className="swiper-item">
+                {
+                  item.img &&
+                  <Image mode='aspectFill' className='centerLabel' src={item.img || null} />
+                }
+              </view>
+            </SwiperItem>
+          ))
+        }
+      </Swiper>
+    </view>
+  )
+}

src/pages/index/components/Banner/index.scss

+.components.Banner {
+  width: 100%;
+  height: 100%;
+  border-radius: 10px;
+  background: #eee;
+  position: relative;
+  overflow: hidden;
+  > swiper {
+    width: 100%;
+    height: 100%;
+    .swiper-item {
+      > image {
+        width: 100%;
+        height: 100%;
+      }
+    }
+  }
+}

src/pages/index/components/ColumnTitle/index.jsx

+import React, { useState, useEffect } from 'react'
+import './index.scss'
+
+export default function ColumnTitle (props) {
+  const { Icon = '', Name = '', ShowMore = false, ToMore = () => { }, children } = props
+  return (
+    <view className='components ColumnTitle flex-h'>
+      <text className={`iconfont ${Icon}`}></text>
+      <text className='Name'>{Name}</text>
+      {
+        children
+      }
+      <view className='flex-item'></view>
+      {
+        ShowMore &&
+        <view className='More' onClick={ToMore}>
+          <text>更多</text>
+          <text className='iconfont icon-jiantouright'></text>
+        </view>
+      }
+    </view>
+  )
+}

src/pages/index/components/ColumnTitle/index.scss

+.components.ColumnTitle {
+  align-items: center;
+  padding: 0 30px;
+  margin-top: 40px;
+  > text {
+    font-size: 32px;
+    font-weight: bold;
+    color: #000;
+    line-height: 40px;
+    &.iconfont {
+      font-size: 40px;
+      font-weight: normal;
+      margin-right: 20px;
+    }
+  }
+  > .More {
+    white-space: nowrap;
+    font-size: 0;
+    > text {
+      display: inline-block;
+      vertical-align: middle;
+      font-size: 24px;
+      line-height: 40px;
+    }
+  }
+}

src/pages/index/components/HotRecommend/index.jsx

+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import '../../../../assets/css/iconfont.css'
+
+export default function HotRecommend (props) {
+  const [MenuList] = useState([{ name: '热门活动', id: 1 }, { name: '热门团房', id: 2 }])
+  const [CurrentId, setCurrentId] = useState(1)
+  const [CurrentContentInfo, setCurrentContentInfo] = useState({ name: '#大运河孔雀城时代', desc: '5月30日六一儿童节表演赛案场展开！' })
+
+  const CutMenu = (id) => {
+    return () => {
+      setCurrentId(id)
+    }
+  }
+
+  return (
+    <view className='components HotRecommend'>
+      <view>
+        <view className='Menu flex-h'>
+          {
+            MenuList.map((item, index) => (
+              <view onClick={CutMenu(item.id)} className={CurrentId === item.id ? 'active flex-item' : 'flex-item'} key={`Menu-${index}`}>{item.name}</view>
+            ))
+          }
+        </view>
+        <view className='Content'>
+          <view className='flex-h'>
+            <text className='flex-item'>{CurrentContentInfo.name}</text>
+            <text>{CurrentId === 1 ? '更多活动' : '更多团房'}</text>
+          </view>
+          <text>{CurrentContentInfo.desc}</text>
+        </view>
+      </view>
+    </view>
+  )
+}

src/pages/index/components/HotRecommend/index.scss

+.components.HotRecommend {
+  position: relative;
+  overflow: visible;
+  padding: 0 30px;
+  margin-top: 40px;
+  > view {
+    position: relative;
+    overflow: hidden;
+    box-shadow: 0px 10px 32px 0px rgba(5, 83, 156, 0.04);
+    > .Menu {
+      position: relative;
+      overflow: hidden;
+      align-items: center;
+      background: rgba(0, 0, 0, 0.08);
+      > view {
+        font-size: 30px;
+        line-height: 70px;
+        text-align: center;
+        font-weight: bold;
+        &.active {
+          color: #193c83;
+          background: rgba(0, 0, 0, 0.08);
+        }
+      }
+    }
+    > .Content {
+      box-sizing: border-box;
+      border: 2px solid #eee;
+      padding: 20px;
+      > .flex-h {
+        align-items: center;
+        > .flex-item {
+          font-size: 32px;
+          color: #193c83;
+          font-weight: bold;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          margin-right: 20px;
+          & + text {
+            font-size: 30px;
+            color: #193c83;
+            line-height: 60px;
+            box-sizing: border-box;
+            border: 2px solid #193c83;
+            border-radius: 30px;
+            width: 144px;
+            text-align: center;
+          }
+        }
+      }
+      >text {
+        font-size: 28px;
+        line-height: 40px;
+        display: block;
+        padding-bottom: 10px;
+      }
+    }
+  }
+}

src/pages/index/components/LiveSale/index.jsx

+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import '../../../../assets/css/iconfont.css'
+import { ScrollView, Image } from '@tarojs/components'
+
+export default function LiveSale (props) {
+  const [MenuList] = useState([{ name: '全部', id: 1 }, { name: '预告', id: 2 }, { name: '直播中', id: 3 }, { name: '新房推荐', id: 4 }])
+  const [CurrentId, setCurrentId] = useState(1)
+  const [PageList, setPageList] = useState(['', '', '', '', '', '', '', ''])
+
+  const CutMenu = (id) => {
+    return () => {
+      setCurrentId(id)
+    }
+  }
+
+  return (
+    <view className='components LiveSale'>
+      <view>
+        <view className='Menu'>
+          {
+            MenuList.map((item, index) => (
+              <view onClick={CutMenu(item.id)} className={CurrentId === item.id ? 'active' : ''} key={`Menu-${index}`}>{item.name}</view>
+            ))
+          }
+        </view>
+        <view className='Content'>
+          <ScrollView scroll-x={true}>
+            {
+              PageList.map((item, index) => (
+                <view className='ListItem' key={`List-${index}`}>
+                  <Image mode='aspectFill' className='centerLabel' src={null} />
+                </view>
+              ))
+            }
+          </ScrollView>
+        </view>
+      </view>
+    </view>
+  )
+}

src/pages/index/components/LiveSale/index.scss

+.components.LiveSale {
+  position: relative;
+  overflow: visible;
+  padding: 0 30px;
+  margin-top: 40px;
+  > view {
+    position: relative;
+    overflow: hidden;
+    > .Menu {
+      position: relative;
+      overflow: hidden;
+      font-size: 0;
+      white-space: nowrap;
+      > view {
+        display: inline-block;
+        vertical-align: middle;
+        font-size: 30px;
+        font-weight: bold;
+        line-height: 70px;
+        padding: 0 23px;
+        background: rgba(0, 0, 0, 0.08);
+        border-radius: 8px;
+        margin-right: 30px;
+        &.active {
+          color: #193c83;
+        }
+      }
+    }
+    > .Content {
+      position: relative;
+      overflow: hidden;
+      margin-top: 20px;
+      > scroll-view {
+        font-size: 0;
+        white-space: nowrap;
+        width: 100%;
+        height: 201px;
+        .ListItem {
+          display: inline-block;
+          vertical-align: middle;
+          width: 335px;
+          height: 100%;
+          border-radius: 8px;
+          background: #eee;
+          position: relative;
+          overflow: hidden;
+          margin-right: 20px;
+          > image {
+            width: 100%;
+            height: 100%;
+          }
+        }
+      }
+    }
+  }
+}

src/pages/index/components/Location/index.jsx

+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import '../../../../assets/css/iconfont.css'
+
+export default function Location (props) {
+  return (
+    <view className='components Location flex-h'>
+      <text className='iconfont icon-dingwei'></text>
+      <text>南京市</text>
+      <text className='iconfont icon-jiantoudown'></text>
+      <view className='flex-item'>
+        <text className='iconfont icon-sousuo'></text>
+        <text>输入你想查询的楼盘</text>
+      </view>
+    </view>
+  )
+}

src/pages/index/components/Location/index.scss

+.components.Location {
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+  min-height: 10px;
+  box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, 0.08);
+  align-items: center;
+  >text {
+    font-size: 20px;
+    line-height: 44px;
+    margin-left: 10px;
+    &:first-child {
+      margin-left: 20px;
+    }
+    &.iconfont {
+      font-size: 26px;
+    }
+  }
+  >view {
+    text-align: center;
+    font-size: 0;
+    white-space: nowrap;
+    position: relative;
+    overflow: hidden;
+    margin-left: 20px;
+    &::before {
+      content: '';
+      display: block;
+      position: absolute;
+      left: 0;
+      top: 50%;
+      transform: translateY(-50%);
+      -webkit-transform: translateY(-50%);
+      width: 2px;
+      height: 18px;
+      background: #999;
+    }
+    >text {
+      display: inline-block;
+      vertical-align: middle;
+      font-size: 20px;
+      color: #999;
+      &.iconfont {
+        font-size: 26px;
+        margin-right: 8px;
+      }
+    }
+  }
+}

src/pages/index/components/Menu/index.jsx

+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import { Swiper, SwiperItem, Image } from '@tarojs/components'
+
+export default function Menu (props) {
+  const { List = [] } = props
+  let Arr = []
+  List.map((item) => {
+    if (Arr.length) {
+      if (Arr[Arr.length - 1].length < 10) {
+        Arr[Arr.length - 1].push({ ...item })
+      } else {
+        Arr.push([{ ...item }])
+      }
+    } else {
+      Arr.push([{ ...item }])
+    }
+  })
+  const [MenuList, setMenuList] = useState(Arr)
+
+  return (
+    <view className='components Menu'>
+      <view>
+        <view>
+          <Swiper autoplay={false} indicator-dots={true}>
+            {
+              MenuList.map((item, index) => (
+                <SwiperItem key={`Banner-${index}`}>
+                  <view className="swiper-item">
+                    {
+                      item.map((subItem, subIndex) => (
+                        <view key={`BannerItem-${subIndex}`}>
+                          <Image mode='heightFix' src={subItem.icon || null} />
+                          <text>{subItem.name}</text>
+                        </view>
+                      ))
+                    }
+                  </view>
+                </SwiperItem>
+              ))
+            }
+          </Swiper>
+        </view>
+      </view>
+    </view>
+  )
+}

src/pages/index/components/Menu/index.scss

+.components.Menu {
+  position: relative;
+  overflow: hidden;
+  > view {
+    width: 100%;
+    padding-bottom: 50%;
+    position: relative;
+    overflow: hidden;
+    > view {
+      position: absolute;
+      width: 100%;
+      left: 0;
+      top: 0;
+      bottom: 0;
+      overflow: hidden;
+      > swiper {
+        width: 100%;
+        height: 100%;
+        .swiper-item {
+          position: relative;
+          overflow: hidden;
+          font-size: 0;
+          > view {
+            display: inline-block;
+            vertical-align: middle;
+            position: relative;
+            overflow: hidden;
+            width: 20%;
+            margin-top: 20px;
+            > image {
+              width: 88px;
+              height: 88px;
+              display: block;
+              margin: 0 auto;
+            }
+            > text {
+              display: block;
+              text-align: center;
+              font-size: 24px;
+              line-height: 40px;
+              // margin-top: 10px;
+            }
+          }
+        }
+      }
+    }
+  }
+}

src/pages/index/index.config.js

+export default {
+  navigationBarTitleText: '新联康'
+}

src/pages/index/index.jsx

+import React, { useState, useEffect } from 'react'
+import withLayout from '@/layout'
+import './index.scss'
+import Location from './components/Location/index'
+import Banner from './components/Banner/index'
+import Menu from './components/Menu/index'
+import HotRecommend from './components/HotRecommend/index'
+import LiveSale from './components/LiveSale/index'
+import ColumnTitle from './components/ColumnTitle/index'
+import ProjectListItem from '../../components/ProjectListItem/index'
+import { ScrollView } from '@tarojs/components'
+
+export default withLayout((props) => {
+
+  // const [PageProps] = useState(props)
+  const [BannerList, setBannerList] = useState(['', '', ''])
+  const [MenuList, setMenuList] = useState([
+    { name: '全部楼盘', id: 1, icon: '', router: '' },
+    { name: '品牌地产', id: 2, icon: '', router: '' },
+    { name: '近期开盘', id: 3, icon: '', router: '' },
+    { name: '帮我找房', id: 4, icon: '', router: '' },
+    { name: '增值服务', id: 5, icon: '', router: '' },
+    { name: '地图找房', id: 6, icon: '', router: '' },
+    { name: '活动信息', id: 7, icon: '', router: '' },
+    { name: '团房信息', id: 8, icon: '', router: '' },
+    { name: '特价房', id: 9, icon: '', router: '' },
+    { name: '康养', id: 10, icon: '', router: '' },
+    { name: '文旅商办', id: 11, icon: '', router: '' },
+    { name: '新闻资讯', id: 12, icon: '', router: '' },
+    { name: '购房百科', id: 13, icon: '', router: '' },
+    { name: '房贷计算', id: 14, icon: '', router: '' }
+  ])
+  const [SubBannerList, setSubBannerList] = useState(['', '', ''])
+  const [ProjectList, setProjectList] = useState(['', '', ''])
+  const [IsPull, setPull] = useState(false)
+  const [PullTimer, setPullTimer] = useState(null)
+
+  const PageRefresh = () => { // 页面下拉刷新回调
+    setPull(true)
+  }
+
+  useEffect(() => { // 下拉刷新触发
+    if (IsPull) {
+      clearTimeout(PullTimer)
+      setPullTimer(setTimeout(() => {
+        setPull(false)
+      }, 2000))
+    }
+  }, [IsPull])
+
+  return (
+    <view className='Page Index'>
+
+      <ScrollView scroll-y={true} refresher-enabled={true} refresher-triggered={IsPull} onrefresherrefresh={PageRefresh} refresher-background='#fff'>
+        <view className='PageContent'>
+
+          {/* 定位 */}
+          <view className="Location">
+            <Location></Location>
+          </view>
+
+          {/* banner */}
+          <view className='Banner'>
+            <view>
+              <view>
+                <Banner List={BannerList}></Banner>
+              </view>
+            </view>
+          </view>
+
+          {/* 菜单 */}
+          <view className='Menu'>
+            <Menu List={MenuList}></Menu>
+          </view>
+
+          {/* 热门推荐 */}
+          <view className='HotRecommend'>
+            <ColumnTitle Name='热门推荐' Icon="icon-shoucang"></ColumnTitle>
+            <HotRecommend></HotRecommend>
+          </view>
+
+          {/* 直播购房 */}
+          <view className='LiveSale'>
+            <ColumnTitle Name='直播购房' Icon="icon-yinpin" ShowMore={true}></ColumnTitle>
+            <LiveSale></LiveSale>
+          </view>
+
+          {/* 全部项目 */}
+          <view className='AllProject'>
+            <ColumnTitle Name='全部项目' Icon="icon-aixin" ShowMore={true}></ColumnTitle>
+            <view className='ProjectList'>
+              {
+                ProjectList.map((item, index) => (
+                  <ProjectListItem Data={item} key={`ProjectListItem-${index}`}></ProjectListItem>
+                ))
+              }
+            </view>
+          </view>
+
+          {/* bottom */}
+          <view className='PageBottom'>
+            <text>已经到底了~</text>
+          </view>
+
+        </view>
+      </ScrollView>
+
+    </view>
+  )
+})

src/pages/index/index.scss

+.Page.Index {
+  background: #fff;
+  > scroll-view {
+    width: 100%;
+    height: 100%;
+    .PageContent {
+      position: relative;
+      overflow: hidden;
+      min-height: 100vh;
+      >.Location {
+        padding: 0 50px;
+        position: relative;
+        overflow: visible;
+        margin-top: 24px;
+      }
+      > .Banner {
+        padding: 0 30px;
+        position: relative;
+        overflow: hidden;
+        margin-top: 20px;
+        > view {
+          position: relative;
+          overflow: hidden;
+          width: 100%;
+          padding-bottom: 50%;
+          > view {
+            width: 100%;
+            position: absolute;
+            left: 0;
+            top: 0;
+            bottom: 0;
+            overflow: hidden;
+          }
+        }
+      }
+      > .Menu {
+        padding: 0 30px;
+        position: relative;
+        overflow: hidden;
+      }
+      > .AllProject {
+        .ToMap {
+          margin-left: 20px;
+          font-size: 0;
+          white-space: nowrap;
+          > text {
+            font-size: 24px;
+            line-height: 40px;
+            display: inline-block;
+            vertical-align: middle;
+          }
+        }
+        > .ProjectList {
+          padding: 0 30px;
+          position: relative;
+          overflow: hidden;
+          > view {
+            margin-top: 30px;
+          }
+        }
+      }
+      > .PageBottom {
+        text-align: center;
+        font-size: 0;
+        white-space: nowrap;
+        > text {
+          display: inline-block;
+          font-size: 28px;
+          color: #666;
+          line-height: 40px;
+          margin: 20px auto;
+        }
+      }
+    }
+  }
+}

src/pages/mine/components/NeedLogin/index.jsx

+import React, { useState, useEffect } from 'react'
+import './index.scss'
+import { Image } from '@tarojs/components'
+import '../../../../assets/css/iconfont.css'
+
+export default function Banner (props) {
+  return (
+    <view className='components NeedLogin flex-v'>
+      <view className='Logo'>
+        <Image mode='aspectFill' className='centerLabel' src={null} />
+      </view>
+      <view className='LoginBtn'>
+        <text>微信登录</text>
+      </view>
+      <view className='flex-item'></view>
+      <view className='Bottom'>
+        <view>
+          <view>
+            <text className='iconfont icon-shengming'></text>
+            <text>免责声明</text>
+          </view>
+          <view>
+            <text>以上价格仅供参考,具体一房一价的信息以售楼处展示为准。房屋位置交通、医疗、教育、商业等配套信息，来源于第三方不作为要约,仅供参考,双方具体权利义务应以法律规定及买卖合同约定为准。本平台对项目周边文化教育的介绍旨在提供相关信息1 意味着信息发布方对就学安排作出承诺。相关教育资首页信息存在调整的可能,应以政府教育主管部门门及办学颁布的政策规定为准。详情请仔细阅读</text>
+            <text className='active'>《新联家使用免责条款》</text>
+          </view>
+        </view>
+      </view>
+    </view>
+  )
+}

src/pages/mine/components/NeedLogin/index.scss

+.components.NeedLogin {
+  width: 100%;
+  min-height: 100vh;
+  position: relative;
+  overflow: hidden;
+  >.Logo {
+    width: 128px;
+    height: 128px;
+    position: relative;
+    overflow: hidden;
+    background: #eee;
+    margin: 109px auto 0;
+    >image {
+      width: 100%;
+      height: 100%;
+    }
+  }
+  >.LoginBtn {
+    padding: 0 42px;
+    position: relative;
+    overflow: hidden;
+    margin-top: 195px;
+    >text {
+      display: block;
+      text-align: center;
+      font-size: 32px;
+      font-weight: bold;
+      color: #fff;
+      line-height: 92px;
+      border-radius: 92px;
+      background: #193C83;
+      letter-spacing: 6px;
+    }
+  }
+  >.Bottom {
+    padding: 0 30px 40px;
+    position: relative;
+    overflow: hidden;
+    >view {
+      padding: 30px;
+      position: relative;
+      overflow: hidden;
+      background: #F8F8F8;
+      >view {
+        >text {
+          font-size: 20px;
+          color: #999;
+          line-height: 30px;
+          &.active {
+            color: #193C83;
+          }
+        }
+      }
+    }
+  }
+}

src/pages/mine/index.config.js

+export default {
+  navigationBarTitleText: '我是'
+}

src/pages/mine/index.jsx

+import React, { useState, useEffect } from 'react'
+import withLayout from '@/layout'
+import './index.scss'
+import NeedLogin from './components/NeedLogin'
+import { ScrollView, Image } from '@tarojs/components'
+import '../../assets/css/iconfont.css'
+
+export default withLayout((props) => {
+
+  // const [PageProps] = useState(props)
+  const [MenuList, setMenuList] = useState([
+    [
+      { name: '添加客户', icon: '', router: '' },
+      { name: '我的主页', icon: '', router: '' },
+      { name: '我的推广码', icon: '', router: '' },
+      { name: '客户分析', icon: '', router: '' },
+      { name: '盘客工具', icon: '', router: '' }
+    ],
+    [
+      { name: '我的分享', icon: '', router: '' },
+      { name: '我的活动', icon: '', router: '' },
+      { name: '我的课堂', icon: '', router: '' },
+      { name: '我的收藏', icon: '', router: '' }
+    ],
+    [
+      { name: '房贷计算器', icon: '', router: '' },
+      { name: '购房百科', icon: '', router: '' },
+      { name: '意见反馈', icon: '', router: '' }
+    ]
+  ])
+  const [IsPull, setPull] = useState(false)
+  const [ShowLogin, setShowLogin] = useState(false)
+  const [PullTimer, setPullTimer] = useState(null)
+
+  const PageRefresh = () => { // 页面下拉刷新回调
+    setPull(true)
+  }
+
+  useEffect(() => { // 下拉刷新触发
+    if (IsPull) {
+      clearTimeout(PullTimer)
+      setPullTimer(setTimeout(() => {
+        setPull(false)
+      }, 2000))
+    }
+  }, [IsPull])
+
+  return (
+    <view className='Page Mine'>
+
+      <ScrollView scroll-y={true} refresher-enabled={true} refresher-triggered={IsPull} onrefresherrefresh={PageRefresh} refresher-background='#fff'>
+        <view className='PageContent'>
+
+          {/* 需要登录 */}
+          {
+            ShowLogin &&
+            <NeedLogin></NeedLogin>
+          }
+
+          {/* 登录后 */}
+          {
+            !ShowLogin &&
+            <view className='Content'>
+
+              {/* 用户信息 */}
+              <view className='UserInfo'>
+                <view className='UserIcon'>
+                  <Image mode='aspectFill' className='centerLabel' src={null} />
+                </view>
+                <view className='OtherInfo'>
+                  <view className='Name'>
+                    <view>
+                      <text>用户姓名</text>
+                      <view>
+                        <text className='iconfont icon-bianji'></text>
+                        <text>个人信息资料修改</text>
+                      </view>
+                    </view>
+                    <text className='Role'>置业顾问</text>
+                    <text className='New'>NEW</text>
+                    <text className='iconfont icon-diqiu'></text>
+                  </view>
+                </view>
+              </view>
+
+              {/* 用户菜单 */}
+              <view className='MenuList'>
+                {
+                  MenuList.map((item, index) => (
+                    <view>
+                      {
+                        item.map((subItem, subIndex) => (
+                          <view key={`MenuItem-${index}-${subIndex}`} className='flex-h'>
+                            <text className={`iconfont ${subItem.icon}`}></text>
+                            <view className='flex-item flex-h'>
+                              <text className='flex-item'>{subItem.name}</text>
+                              <text className='iconfont icon-jiantouright'></text>
+                            </view>
+                          </view>
+                        ))
+                      }
+                    </view>
+                  ))
+                }
+              </view>
+
+            </view>
+          }
+
+        </view>
+      </ScrollView>
+
+    </view>
+  )
+})

src/pages/mine/index.scss

+.Page.Mine {
+  background: #fff;
+  > scroll-view {
+    width: 100%;
+    height: 100%;
+    .PageContent {
+      position: relative;
+      overflow: hidden;
+      min-height: 100vh;
+      > .Content {
+        position: relative;
+        overflow: hidden;
+        > .UserInfo {
+          position: relative;
+          overflow: hidden;
+          padding: 0 30px;
+          margin-top: 30px;
+          > .UserIcon {
+            width: 120px;
+            height: 120px;
+            position: relative;
+            overflow: hidden;
+            background: #eee;
+            border-radius: 100%;
+            margin: 0 auto;
+            z-index: 2;
+            > image {
+              width: 100%;
+              height: 100%;
+            }
+          }
+          > .OtherInfo {
+            position: relative;
+            overflow: hidden;
+            background: #193c83;
+            border-radius: 24px;
+            margin-top: -60px;
+            z-index: 1;
+            > .Name {
+              padding: 90px 20px 0;
+              > view {
+                position: relative;
+                z-index: 2;
+                > text {
+                  display: block;
+                  text-align: center;
+                  font-size: 34px;
+                  color: #fff;
+                  line-height: 40px;
+                }
+                > view {
+                  margin-top: 20px;
+                  border-top: 2px dashed rgba(255, 255, 255, 0.3);
+                  text-align: center;
+                  font-size: 0;
+                  white-space: nowrap;
+                  padding: 20px 0;
+                  > text {
+                    display: inline-block;
+                    vertical-align: middle;
+                    font-size: 28px;
+                    color: #fff;
+                    line-height: 40px;
+                    &.iconfont {
+                      width: 36px;
+                      line-height: 36px;
+                      background: #fff;
+                      border-radius: 100%;
+                      color: #193c83;
+                      margin-right: 10px;
+                    }
+                  }
+                }
+              }
+              > .Role {
+                width: 200px;
+                position: absolute;
+                right: -55px;
+                top: 20px;
+                font-size: 22px;
+                color: #193c83;
+                line-height: 50px;
+                background: #fff602;
+                text-align: center;
+                transform: rotateZ(45deg);
+                -webkit-transform: rotateZ(45deg);
+                z-index: 3;
+              }
+              > .New {
+                font-size: 90px;
+                font-weight: bold;
+                color: rgba(255, 255, 255, 0.1);
+                display: inline-block;
+                position: absolute;
+                z-index: 1;
+                right: 30px;
+                top: 30px;
+              }
+              > .iconfont {
+                font-size: 200px;
+                color: rgba(255, 255, 255, 0.1);
+                display: inline-block;
+                position: absolute;
+                z-index: 1;
+                left: 30px;
+                top: 10px;
+              }
+            }
+          }
+        }
+        > .MenuList {
+          position: relative;
+          overflow: hidden;
+          margin-top: 20px;
+          > view {
+            position: relative;
+            overflow: hidden;
+            border-top: 20px solid #f8f8f8;
+            &:first-child {
+              border: none;
+            }
+            > .flex-h {
+              align-items: center;
+              padding: 0 30px;
+              &:first-child {
+                >view {
+                  border: none;
+                }
+              }
+              > text {
+                width: 44px;
+                line-height: 44px;
+                height: 44px;
+                font-size: 40px;
+                text-align: center;
+                margin-right: 20px;
+              }
+              > view {
+                align-items: center;
+                border-top: 2px solid #eee;
+                > text {
+                  font-size: 32px;
+                  line-height: 100px;
+                  &.iconfont {
+                    color: #ccc;
+                    font-size: 40px;
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

src/pages/video/index.config.js

+export default {
+  navigationBarTitleText: '视频'
+}

src/pages/video/index.jsx

+import React, { useState, useEffect } from 'react'
+import withLayout from '@/layout'
+import './index.scss'
+import { ScrollView } from '@tarojs/components'
+
+export default withLayout((props) => {
+
+  // const [PageProps] = useState(props)
+  const [IsPull, setPull] = useState(false)
+  const [PullTimer, setPullTimer] = useState(null)
+
+  const PageRefresh = () => { // 页面下拉刷新回调
+    setPull(true)
+  }
+
+  useEffect(() => { // 下拉刷新触发
+    if (IsPull) {
+      clearTimeout(PullTimer)
+      setPullTimer(setTimeout(() => {
+        setPull(false)
+      }, 2000))
+    }
+  }, [IsPull])
+
+  return (
+    <view className='Page Video'>
+
+      <ScrollView scroll-y={true} refresher-enabled={true} refresher-triggered={IsPull} onrefresherrefresh={PageRefresh} refresher-background='#fff'>
+        <view className='PageContent'>
+          视频
+        </view>
+      </ScrollView>
+
+    </view>
+  )
+})

src/pages/video/index.scss

+.Page.Video {
+  background: #fff;
+  > scroll-view {
+    width: 100%;
+    height: 100%;
+    .PageContent {
+      position: relative;
+      overflow: hidden;
+      min-height: 100vh;
+    }
+  }
+}

src/reducers/card.js

+import {
+  CARD_INFO,
+  CARD_LIST,
+  CARD_LIKE,
+  CARD_UNLIKE
+} from '@/constants/card'
+
+const INITIAL_STATE = {
+  cardList: [],
+  cardInfo: {}
+}
+
+export default function card(state = INITIAL_STATE, action) {
+  switch (action.type) {
+    case CARD_INFO: {
+      return {
+        ...state,
+        cardInfo: {
+          ...action.payload
+        }
+      }
+    }
+    case CARD_LIKE: {
+      return {
+        ...state,
+        cardInfo: {
+          ...state.cardInfo,
+          liked: true,
+          likeNum: state.cardInfo.likeNum + 1
+        }
+      }
+    }
+    case CARD_UNLIKE: {
+      return {
+        ...state,
+        cardInfo: {
+          ...state.cardInfo,
+          liked: false,
+          likeNum: state.cardInfo.likeNum - 1
+        }
+      }
+    }
+    case CARD_LIST: {
+      return {
+        ...state,
+        cardList: {
+          ...action.payload.records || []
+        }
+      }
+    }
+
+    default:
+      return state
+  }
+}

src/reducers/city.js

+import {
+  CITY_LIST,
+  CITY_SELECTED
+} from '@/constants/city'
+
+const INITIAL_STATE = {
+  cityList: {},
+  curCity: {}
+}
+
+export default function news(state = INITIAL_STATE, action) {
+  switch (action.type) {
+    case CITY_LIST: {
+      // console.log(action.payload, "！！action.payload！！")
+      return {
+        ...state,
+        cityList: action.payload
+      }
+    }
+
+    case CITY_SELECTED: {
+      return {
+        ...state,
+        curCity: action.payload
+      }
+    }
+
+    default:
+      return state
+  }
+}

src/reducers/counter.js

+import { ADD, MINUS } from '../constants/counter'
+
+const INITIAL_STATE = {
+  num: 0
+}
+
+export default function counter (state = INITIAL_STATE, action) {
+  switch (action.type) {
+    case ADD:
+      return {
+        ...state,
+        num: state.num + 1
+      }
+     case MINUS:
+       return {
+         ...state,
+         num: state.num - 1
+       }
+     default:
+       return state
+  }
+}

src/reducers/house.js

+/**
+ * 房源相关
+ */
+
+ import {
+   ADD_CART,
+   SUB_CART,
+   FLUSH_TO_CART,
+   ADD_CONSULTANT,
+   CHOOSE_CONSULTANT,
+   MY_PRESELECT_RECORD,
+   SET_ONLINE_PROTOCOL,
+ } from '@/constants/house'
+
+const INITIAL_STATE = {
+  // 认筹临时选中房源
+  raiseCart: [],
+
+  // 置业顾问列表
+  consultantList: [],
+
+  // 认筹选中置业
+  chooseConsultant: undefined,
+
+  // 预选房源列表
+  mySelectHouses: [],
+
+  //
+  onlineProtocol: '',
+}
+
+export default function(state = INITIAL_STATE, action) {
+  const { type, payload } = action
+
+  switch(type) {
+    // 加入临时选择
+    case ADD_CART:
+      return {
+        ...state,
+        raiseCart: state.raiseCart.filter(x => x.houseId != payload.houseId).concat(payload),
+      };
+
+    // 取消临时选择
+    case SUB_CART:
+      return {
+        ...state,
+        raiseCart: state.raiseCart.filter(x => x.houseId != payload.houseId),
+      };
+
+    //
+    case FLUSH_TO_CART:
+      return {
+        ...state,
+        raiseCart: payload,
+      };
+
+    case ADD_CONSULTANT:
+      return {
+        ...state,
+        consultantList: payload.records,
+      };
+
+    case CHOOSE_CONSULTANT:
+      return {
+        ...state,
+        chooseConsultant: payload,
+      };
+
+    case MY_PRESELECT_RECORD:
+      return {
+        ...state,
+        mySelectHouses: payload.records,
+      };
+
+    case SET_ONLINE_PROTOCOL:
+      return {
+        ...state,
+        onlineProtocol: payload,
+      };
+
+    default:
+      return state;
+  }
+}

src/reducers/index.js

+import { combineReducers } from 'redux'
+import counter from './counter'
+import user from './user'
+import project from './project'
+import card from './card'
+import shop from './shop'
+import news from './news'
+import city from './city'
+import system from './system'
+import house from './house'
+
+export default combineReducers({
+  counter,
+  user,
+  project,
+  card,
+  shop,
+  news,
+  city,
+  system,
+  house,
+})

src/reducers/news.js

+import {
+  NEWS_LIST,
+  NEWS_DETAIL
+} from '@/constants/news'
+
+const INITIAL_STATE = {
+  newsList: {},
+  newsDetail: {}
+}
+
+export default function news(state = INITIAL_STATE, action) {
+  switch (action.type) {
+    case NEWS_LIST: {
+      return {
+        ...state,
+        newsList: {
+          ...action.payload
+        }
+      }
+    }
+    case NEWS_DETAIL: {
+      return {
+        ...state,
+        newsDetail: {
+          ...action.payload
+        }
+      }
+    }
+
+    default:
+      return state
+  }
+}

src/reducers/project.js

+import {
+  PROJECT_DETAIL,
+  PROJECT_LIST,
+  PROJECT_SCREEN,
+  SET_SCREEN_SHOWED,
+} from '@/constants/project'
+
+
+const INITIAL_STATE = {
+  proList: {},
+  projectDetail: {},
+  screen: {},
+  screenShow: undefined,
+}
+
+export default function project(state = INITIAL_STATE, action) {
+  switch (action.type) {
+    case PROJECT_LIST: {
+      return {
+        ...state,
+        proList: {
+          ...action.payload
+        }
+      }
+    }
+    case PROJECT_DETAIL: {
+      return {
+        ...state,
+        projectDetail: {
+          ...action.payload
+        }
+      }
+    }
+    case PROJECT_SCREEN: {
+      return {
+        ...state,
+        screen: (action.payload || [])[0] || {}
+      }
+    }
+
+    case SET_SCREEN_SHOWED: {
+      return {
+        ...state,
+        screenShow: action.payload,
+      }
+    }
+
+    default:
+      return state
+  }
+}

src/reducers/shop.js

+import {
+  GOODS_LIST,
+  GOODS_DETAIL,
+  GOODS_EXCHANGE_RECORDS,
+  POINTS_RECORDS,
+  POINTS_RULE
+} from '@/constants/shop'
+
+const INITIAL_STATE = {
+  goods: {},
+  goodsDetail: {},
+  exchangeRecords: {},
+  pointsRecords: {},
+  pointsRule:{}
+}
+
+export default function shop(state = INITIAL_STATE, action) {
+  switch (action.type) {
+    case GOODS_LIST: {
+      return {
+        ...state,
+        goods: {
+          ...action.payload
+        }
+      }
+    }
+    case GOODS_DETAIL: {
+      return {
+        ...state,
+        goodsDetail: {
+          ...action.payload
+        }
+      }
+    }
+    case GOODS_EXCHANGE_RECORDS: {
+      return {
+        ...state,
+        exchangeRecords: {
+          ...action.payload
+        }
+      }
+    }
+    case POINTS_RECORDS: {
+      return {
+        ...state,
+        pointsRecords: {
+          ...action.payload
+        }
+      }
+    }
+    case POINTS_RULE: {
+      return {
+        ...state,
+        pointsRule: {
+          ...action.payload
+        }
+      }
+    }
+    default:
+      return state
+  }
+}

src/reducers/system.js

+import { UPDATE_PRELOAD, SYNC_SYSTEMINFO } from "@/constants/common";
+
+// 初始数据
+const INITIAL_STATE = {
+  cityList: [],
+  miniappInfo: {},
+  orgInfo: {},
+  userInfo: {},
+  settings: [],
+  systemInfo: {}
+};
+
+export default function(state = INITIAL_STATE, action) {
+  switch (action.type) {
+    case UPDATE_PRELOAD: {
+      return {
+        ...state,
+        ...action.payload
+      };
+    }
+    case SYNC_SYSTEMINFO: {
+      return {
+        ...state,
+        systemInfo: action.payload
+      };
+    }
+
+    default:
+      return state;
+  }
+}

src/reducers/user.js

+import { mergeNotNull } from '@/utils/tools'
+
+import {
+  USER_INFO,
+  // USER_QUERY_INFO,
+  USER_SIGNIN,
+  ASSIGN_UNREADNUM,
+  INCREASE_UNREADNUM,
+  DECREASE_UNREADNUM,
+  UPDATE_USER_INFO,
+} from '@/constants/user'
+
+const INITIAL_STATE = {
+  userInfo: {
+    person: {},
+    extraInfo: {},
+    miniApp: {},
+  },
+  unReadNum: 0
+}
+
+export default function user(state = INITIAL_STATE, action) {
+  switch (action.type) {
+    case USER_INFO: {
+      if (!(state.userInfo || {}).person) {
+        return {
+          ...state,
+          userInfo: {
+            ...action.payload
+          }
+        }
+      } else {
+        const { person, extraInfo, miniApp } = action.payload || {}
+        const newPerson = mergeNotNull(state.userInfo.person, person)
+        const newExtraInfo = mergeNotNull(state.userInfo.extraInfo, extraInfo)
+        const newMiniApp = mergeNotNull(state.userInfo.miniApp, miniApp)
+        return {
+          ...state,
+          userInfo: {
+            ...state.userInfo,
+            ...action.payload,
+            person: newPerson,
+            extraInfo: newExtraInfo,
+            miniApp: newMiniApp,
+          }
+        }
+      }
+    }
+    // case USER_QUERY_INFO: {
+    //   const { person } = state.userInfo
+    //   return {
+    //     ...state,
+    //     userInfo: {
+    //       person,
+    //       extraInfo: {
+    //         ...action.payload
+    //       }
+
+    //     }
+    //   }
+    // }
+    case UPDATE_USER_INFO: {
+      // debugger
+      const { person, extraInfo, miniApp = {} } = state.userInfo
+      const newPerson = mergeNotNull(person, action.payload)
+
+      return {
+        ...state,
+        userInfo: {
+          extraInfo,
+          person: newPerson,
+          miniApp,
+        }
+      }
+    }
+    case USER_SIGNIN: {
+      let { person, extraInfo, miniApp = {} } = state.userInfo
+      return {
+        ...state,
+        userInfo: {
+          person: {
+            ...person,
+            points: (person.points + 1)
+          },
+          extraInfo: {
+            ...extraInfo,
+            havaSigned: 1
+          },
+          miniApp,
+        }
+      }
+    }
+    case ASSIGN_UNREADNUM: {
+      let { unReadNum } = action.payload
+      return {
+        ...state,
+        unReadNum
+      }
+    }
+    case INCREASE_UNREADNUM: {
+      let { unReadNum } = state
+      return {
+        ...state,
+        unReadNum: unReadNum + 1
+      }
+    }
+    case DECREASE_UNREADNUM: {
+      let { unReadNum } = state
+
+      if (action.payload === undefined) {
+        unReadNum = 0
+      } else {
+        unReadNum = unReadNum - action.payload
+        if (unReadNum < 0) {
+          unReadNum = 0
+        }
+      }
+
+      return {
+        ...state,
+        unReadNum,
+      }
+    }
+    default:
+      return state
+  }
+}