change import alias

config/dev.js

     // WSS_HOST: '"wss://lt.pawoma.cn"',
     // HOST: '"http://192.168.2.51:8080"',
     // WSS_HOST: '"ws://192.168.2.51:8080"',
-    Version: 'V3.5.5'
+    Version: 'V3.5.6'
   },
   weapp: {},
   h5: {}

config/index.js

 
 const path = require('path')
 const sassImportor = function (url) {
-  const reg = /^@styles\/(.*)/
+  const reg = /^@\/styles\/(.*)/
   return {
     file: reg.test(url) ? path.resolve(__dirname, '..', 'src/styles', url.match(reg)[1]) : url
   }
     }
   },
   alias: {
-    '@actions': path.resolve(__dirname, '..', 'src/actions'),
-    '@assets': path.resolve(__dirname, '..', 'src/assets'),
-    '@components': path.resolve(__dirname, '..', 'src/components'),
-    '@constants': path.resolve(__dirname, '..', 'src/constants'),
-    '@reducers': path.resolve(__dirname, '..', 'src/reducers'),
-    '@styles': path.resolve(__dirname, '..', 'src/styles'),
-    '@utils': path.resolve(__dirname, '..', 'src/utils'),
-    '@services': path.resolve(__dirname, '..', 'src/services'),
-    '@lib': path.resolve(__dirname, '..', 'src/lib'),
+    '@/actions': path.resolve(__dirname, '..', 'src/actions'),
+    '@/assets': path.resolve(__dirname, '..', 'src/assets'),
+    '@/components': path.resolve(__dirname, '..', 'src/components'),
+    '@/constants': path.resolve(__dirname, '..', 'src/constants'),
+    '@/reducers': path.resolve(__dirname, '..', 'src/reducers'),
+    '@/styles': path.resolve(__dirname, '..', 'src/styles'),
+    '@/utils': path.resolve(__dirname, '..', 'src/utils'),
+    '@/services': path.resolve(__dirname, '..', 'src/services'),
+    '@/lib': path.resolve(__dirname, '..', 'src/lib'),
   },
   copy: {
     patterns: [

jsconfig.json

+// 本文件, 仅仅是为了支持 IDE 跳转, 与项目打包没有任何关系
+
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+    }
+  }
+}

src/actions/activity.js

 import {
   ACTIVITY_SIGNIN
-} from '@constants/activity'
+} from '@/constants/activity'
 
 import {
   API_ACTIVITY_SIGNIN
-} from '@constants/api'
+} from '@/constants/api'
 
-import { createAction } from '@utils/redux'
+import { createAction } from '@/utils/redux'
 
 /**
  * 个人签到

src/actions/card.js

   CARD_LIST,
   CARD_LIKE,
   CARD_UNLIKE
-} from '@constants/card'
+} from '@/constants/card'
 
 import {
   API_CARDS_LIST,
   API_CARDS_LIKE
-} from '@constants/api'
+} from '@/constants/api'
 
-import { createAction } from '@utils/redux'
+import { createAction } from '@/utils/redux'
 
 
 /**

src/actions/city.js

 import {
   CITY_LIST,
   CITY_SELECTED
-} from '@constants/city'
+} from '@/constants/city'
 
 import {
   API_CITY_LIST
-} from '@constants/api'
+} from '@/constants/api'
 
-import { createAction, createActionNormal } from '@utils/redux'
+import { createAction, createActionNormal } from '@/utils/redux'
 
 /**
  * 获取城市列表

src/actions/news.js

 import {
   NEWS_LIST
-} from '@constants/news'
+} from '@/constants/news'
 
 import {
   API_NEWS_LIST,
 
-} from '@constants/api'
+} from '@/constants/api'
 
-import { createAction } from '@utils/redux'
+import { createAction } from '@/utils/redux'
 
 
 /**

src/actions/project.js

   PROJECT_DETAIL,
   PROJECT_LIST,
   PROJECT_SCREEN
-} from '@constants/project'
+} from '@/constants/project'
 
 import {
   API_ITEMS_DETAIL,
   API_ITEMS_LIST,
   API_BANNER_LIST
-} from '@constants/api'
+} from '@/constants/api'
 
-import { createAction } from '@utils/redux'
+import { createAction } from '@/utils/redux'
 
 
 /**

src/actions/shop.js

   POINTS_RECORDS,
   POINTS_RULE,
   POINTS_ADRESS
-} from '@constants/shop'
+} from '@/constants/shop'
 
 import {
   API_GOODS_LIST,
   API_POINTS_RECORDS,
   API_POINTS_RULE,
   API_POINTS_ADRESS
-} from '@constants/api'
+} from '@/constants/api'
 
-import { createAction } from '@utils/redux'
+import { createAction } from '@/utils/redux'
 
 
 

src/actions/user.js

   USER_SIGNIN,
   USER_GOODS,
   UPDATE_USER_INFO
-} from '@constants/user'
+} from '@/constants/user'
 
 import {
   API_USER_INFO,
   API_QUERY_MYREPORT,
   API_QUERY_USERINFO_BYID,
   API_QUERY_DOCUMENTVERIFY
-} from '@constants/api'
+} from '@/constants/api'
 
-import { createAction,createActionNormal } from '@utils/redux'
+import { createAction,createActionNormal } from '@/utils/redux'
 
 /**
  * 获取用户信息

src/app.js

 import '@tarojs/async-await'
 import Taro, { Component } from '@tarojs/taro'
 import './app.scss'
-import "@styles/icon.scss";
-import "@components/wxParse/wxParse.scss";
+import "@/styles/icon.scss";
+import "@/components/wxParse/wxParse.scss";
 import Index from './pages/auth/index'
 import { Provider } from '@tarojs/redux'
-import { parseQueryString } from '@utils/tools'
+import { parseQueryString } from '@/utils/tools'
+import { trackUserSource } from '@/utils/track'
 
 import {
   getCodeScene,
   savePoint,
   queryCityList
-} from '@services/common'
+} from '@/services/common'
 
 import {
   queryUserInfo
-} from '@services/user'
+} from '@/services/user'
 
 import {
   CITY_LIST
-} from '@constants/city'
+} from '@/constants/city'
 import {
   ASSIGN_UNREADNUM,
   INCREASE_UNREADNUM
-} from '@constants/user'
-import ready from '@utils/ready'
-import login from '@utils/login'
+} from '@/constants/user'
+import { UPDATE_PRELOAD } from '@/constants/common'
+import ready from '@/utils/ready'
+import login from '@/utils/login'
 import store  from './store'
-import socket from '@utils/im'
+import socket from '@/utils/im'
 
 // const store = configStore()
 
 class App extends Component {
   config = {
-    debug: false,
+    debug: process.env.NODE_ENV === 'development',
     permission: {
       "scope.userLocation": {
         "desc": "你的位置信息将用于显示当前区域信息"
     },
   }
 
+  // 更新埋点时长
+  updateTrack;
+
   componentDidHide() {
+    if (this.updateTrack) {
+      this.updateTrack()
+    }
+
     // ready.close()
     socket.closeSocket()
   }
 
   componentDidShow() {
+    // 埋点
+    trackUserSource(this.$router.params).then(res => this.updateTrack = res)
+
     const updateManager = wx.getUpdateManager()
     updateManager.onCheckForUpdate(function (res) {
       // 请求完新版本信息的回调
     // console.info('app componentDidMount')
   }
 
-  componentWillMount(params) {
+  componentWillMount() {
+    // 预加载数据
+    this.wxPreloadData()
+
     // console.info('app componentWillMount', params)
     this.initData()
   }
 
+  wxPreloadData () {
+    wx.setBackgroundFetchToken()
+    wx.getBackgroundFetchData({
+      fetchType: 'pre',
+      success: (res) => {
+        console.log('[preload]: ', res)
+        store.dispatch({
+          type: UPDATE_PRELOAD,
+          payload: res.fetchedData,
+        })
+      }
+    })
+  }
+
   initData () {
     // console.info('app componentDidShow')
     console.info('router1', this.$router)
 
   getRouterParams() {
     return new Promise(resolve => {
+      console.log('------getRouterParams------>', this.$router)
       const router = this.$router.params
       const originQuery = { ...router.query };
       let { query: { scene: paramsId }, scene } = router

src/app.scss

-@import "@styles/reset.scss";
+@import "./styles/reset.scss";
 
 
 .flex-h {

src/components/BackHomeBtn/index.js

   render() {
     return (
       <View className="back-home" style={this.props.style} onClick={this.handleClick}  >
-        <Image src={require('@assets/homeicon.png')} className='home-img'></Image>
+        <Image src={require('@/assets/homeicon.png')} className='home-img'></Image>
         <Text className="text">首页</Text>
       </View>
     );

src/components/BackHomeBtn/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 .back-home {
   position: fixed;
   bottom: 16%;

src/components/ListView/index.js

 import Taro, { Component } from '@tarojs/taro';
 import { ScrollView, View, Image } from '@tarojs/components';
-import { throttle } from '@utils/tools'
-import emptyImg from '@assets/empty.png'
+import { throttle } from '@/utils/tools'
+import emptyImg from '@/assets/empty.png'
 import './index.scss'
 
 /**

src/components/Notice/index.js

 import Taro, { Component } from '@tarojs/taro';
 import './index.scss'
-import { DECREASE_UNREADNUM } from '@constants/user'
+import { DECREASE_UNREADNUM } from '@/constants/user'
 import { getStore, connect } from '@tarojs/redux'
 
 @connect(state => state.user)

src/components/Notice/index.scss

 
-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 .notice {
   position: fixed;
   top: 20px;

src/components/Poster/index.js

 import Taro, { Component } from '@tarojs/taro';
 import { ScrollView, View, Block } from '@tarojs/components';
-import { TaroCanvasDrawer } from '@components/taro-plugin-canvas';
+import { TaroCanvasDrawer } from '@/components/taro-plugin-canvas';
 import './style.scss';
 
 export default class Poster extends Component {

src/components/Poster/style.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 .poster {
   position: fixed;
   width: 100vw;

src/components/TimeTicker/utils.js

 
-import { formateLeftTime } from '@utils/tools'
+import { formateLeftTime } from '@/utils/tools'
 
 // 未开始
 export const STATUS_READY = -1

src/components/achieveAvatar/index.js

 import Taro, { Component } from '@tarojs/taro'
 import { connect } from '@tarojs/redux'
-import * as actions from '@actions/user'
+import * as actions from '@/actions/user'
 import './index.scss'
 
 @connect(state => state.user, { ...actions })

src/components/achievePhone/index.js

 import Taro, { Component } from '@tarojs/taro'
-import getUserPhone from '@utils/getUserPhone'
+import getUserPhone from '@/utils/getUserPhone'
 import './index.scss'
 
-const grantIcon = require('@assets/helpgroup/shouquan.png')
-const logoImg = require('@assets/index/logo.png')
+const grantIcon = require('@/assets/helpgroup/shouquan.png')
+const logoImg = require('@/assets/index/logo.png')
 const bgImg = "https://estateagents.oss-cn-shanghai.aliyuncs.com/miniapp/images/helpgroup/bg.png"
 
 export default class Index extends Component {

src/components/amap/PoiAround.js

 import { Map } from '@tarojs/components'
 import icons from './icons'
 
-const centerIcon = require('@assets/dingwei.png')
+const centerIcon = require('@/assets/dingwei.png')
 const centerProject = 'project-999'
 
 function ObjEqual(a = {}, b = {}) { return JSON.stringify(a) === JSON.stringify(b) }

src/components/amap/icons.js

 
 const icons = [
   {
-    normal: require('@assets/icons/amap/nums/number1.png'),
-    active: require('@assets/icons/amap/active_nums/number1.png'),
+    normal: require('@/assets/icons/amap/nums/number1.png'),
+    active: require('@/assets/icons/amap/active_nums/number1.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number2.png'),
-    active: require('@assets/icons/amap/active_nums/number2.png'),
+    normal: require('@/assets/icons/amap/nums/number2.png'),
+    active: require('@/assets/icons/amap/active_nums/number2.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number3.png'),
-    active: require('@assets/icons/amap/active_nums/number3.png'),
+    normal: require('@/assets/icons/amap/nums/number3.png'),
+    active: require('@/assets/icons/amap/active_nums/number3.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number4.png'),
-    active: require('@assets/icons/amap/active_nums/number4.png'),
+    normal: require('@/assets/icons/amap/nums/number4.png'),
+    active: require('@/assets/icons/amap/active_nums/number4.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number5.png'),
-    active: require('@assets/icons/amap/active_nums/number5.png'),
+    normal: require('@/assets/icons/amap/nums/number5.png'),
+    active: require('@/assets/icons/amap/active_nums/number5.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number6.png'),
-    active: require('@assets/icons/amap/active_nums/number6.png'),
+    normal: require('@/assets/icons/amap/nums/number6.png'),
+    active: require('@/assets/icons/amap/active_nums/number6.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number7.png'),
-    active: require('@assets/icons/amap/active_nums/number7.png'),
+    normal: require('@/assets/icons/amap/nums/number7.png'),
+    active: require('@/assets/icons/amap/active_nums/number7.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number8.png'),
-    active: require('@assets/icons/amap/active_nums/number8.png'),
+    normal: require('@/assets/icons/amap/nums/number8.png'),
+    active: require('@/assets/icons/amap/active_nums/number8.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number9.png'),
-    active: require('@assets/icons/amap/active_nums/number9.png'),
+    normal: require('@/assets/icons/amap/nums/number9.png'),
+    active: require('@/assets/icons/amap/active_nums/number9.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number10.png'),
-    active: require('@assets/icons/amap/active_nums/number10.png'),
+    normal: require('@/assets/icons/amap/nums/number10.png'),
+    active: require('@/assets/icons/amap/active_nums/number10.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number11.png'),
-    active: require('@assets/icons/amap/active_nums/number11.png'),
+    normal: require('@/assets/icons/amap/nums/number11.png'),
+    active: require('@/assets/icons/amap/active_nums/number11.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number12.png'),
-    active: require('@assets/icons/amap/active_nums/number12.png'),
+    normal: require('@/assets/icons/amap/nums/number12.png'),
+    active: require('@/assets/icons/amap/active_nums/number12.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number13.png'),
-    active: require('@assets/icons/amap/active_nums/number13.png'),
+    normal: require('@/assets/icons/amap/nums/number13.png'),
+    active: require('@/assets/icons/amap/active_nums/number13.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number14.png'),
-    active: require('@assets/icons/amap/active_nums/number14.png'),
+    normal: require('@/assets/icons/amap/nums/number14.png'),
+    active: require('@/assets/icons/amap/active_nums/number14.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number15.png'),
-    active: require('@assets/icons/amap/active_nums/number15.png'),
+    normal: require('@/assets/icons/amap/nums/number15.png'),
+    active: require('@/assets/icons/amap/active_nums/number15.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number16.png'),
-    active: require('@assets/icons/amap/active_nums/number16.png'),
+    normal: require('@/assets/icons/amap/nums/number16.png'),
+    active: require('@/assets/icons/amap/active_nums/number16.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number17.png'),
-    active: require('@assets/icons/amap/active_nums/number17.png'),
+    normal: require('@/assets/icons/amap/nums/number17.png'),
+    active: require('@/assets/icons/amap/active_nums/number17.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number18.png'),
-    active: require('@assets/icons/amap/active_nums/number18.png'),
+    normal: require('@/assets/icons/amap/nums/number18.png'),
+    active: require('@/assets/icons/amap/active_nums/number18.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number19.png'),
-    active: require('@assets/icons/amap/active_nums/number19.png'),
+    normal: require('@/assets/icons/amap/nums/number19.png'),
+    active: require('@/assets/icons/amap/active_nums/number19.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number20.png'),
-    active: require('@assets/icons/amap/active_nums/number20.png'),
+    normal: require('@/assets/icons/amap/nums/number20.png'),
+    active: require('@/assets/icons/amap/active_nums/number20.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number21.png'),
-    active: require('@assets/icons/amap/active_nums/number21.png'),
+    normal: require('@/assets/icons/amap/nums/number21.png'),
+    active: require('@/assets/icons/amap/active_nums/number21.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number22.png'),
-    active: require('@assets/icons/amap/active_nums/number22.png'),
+    normal: require('@/assets/icons/amap/nums/number22.png'),
+    active: require('@/assets/icons/amap/active_nums/number22.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number23.png'),
-    active: require('@assets/icons/amap/active_nums/number23.png'),
+    normal: require('@/assets/icons/amap/nums/number23.png'),
+    active: require('@/assets/icons/amap/active_nums/number23.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number24.png'),
-    active: require('@assets/icons/amap/active_nums/number24.png'),
+    normal: require('@/assets/icons/amap/nums/number24.png'),
+    active: require('@/assets/icons/amap/active_nums/number24.png'),
   },
   {
-    normal: require('@assets/icons/amap/nums/number25.png'),
-    active: require('@assets/icons/amap/active_nums/number25.png'),
+    normal: require('@/assets/icons/amap/nums/number25.png'),
+    active: require('@/assets/icons/amap/active_nums/number25.png'),
   },
 ]
 

src/components/authorizationComponent/index.js

 import Taro, { Component } from '@tarojs/taro'
 import { connect } from '@tarojs/redux'
-import * as actions from '@actions/user'
+import * as actions from '@/actions/user'
 import './index.scss'
-import getUserPhone from '@utils/getUserPhone'
-import { queryUserInfo, doUserSignin } from '@services/user'
+import getUserPhone from '@/utils/getUserPhone'
+import { queryUserInfo, doUserSignin } from '@/services/user'
 
 @connect(state => state.user, { ...actions })
 export default class Index extends Component {
         <View className="avatar-page">
           <View className="content">
             <View className="title">请允许获取昵称、头像、地区及性别</View>
-            <Image className="touxiang" src={require('@assets/default-avatar.png')}></Image>
+            <Image className="touxiang" src={require('@/assets/default-avatar.png')}></Image>
             <View className="name">用户昵称</View>
             <Button className="btn" open-type="getUserInfo" lang="zh_CN" onGetUserInfo={this.getUserInfo}>好</Button>
           </View>

src/components/authorizationComponent/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 
 .auth-page{
   position: relative;

src/components/authorize/index.js

 import Taro, { Component } from '@tarojs/taro'
 import { connect } from '@tarojs/redux'
-import * as actions from '@actions/user'
+import * as actions from '@/actions/user'
 import './index.scss'
-import getUserPhone from '@utils/getUserPhone'
-import { queryUserInfo, doUserSignin } from '@services/user'
+import getUserPhone from '@/utils/getUserPhone'
+import { queryUserInfo, doUserSignin } from '@/services/user'
 
 @connect(state => state.user, { ...actions })
 export default class Index extends Component {

src/components/authorize/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 
 .auth-page{
   position: relative;

src/components/consultant/index.js

 import Taro, { Component } from '@tarojs/taro';
 import { connect } from '@tarojs/redux'
-import * as actions from '@actions/user'
+import * as actions from '@/actions/user'
 import './index.scss'
-import { transferImage } from '@utils/tools'
-import * as noticeType from '@constants/common.js'
+import { transferImage } from '@/utils/tools'
+import * as noticeType from '@/constants/common.js'
 
 @connect(state => state.user, { ...actions })
 
         return (
             <View >
                 <View className={show ? "consultant show" : "consultant hide"} style={smallStyle} onClick={this.handleClick}  >
-                    <Image src={require('@assets/person/left.png')} className='left-img'></Image>
-                    <Image src={transferImage(data.picture || require('@assets/default-avatar.png'))} className='img'></Image>
+                    <Image src={require('@/assets/person/left.png')} className='left-img'></Image>
+                    <Image src={transferImage(data.picture || require('@/assets/default-avatar.png'))} className='img'></Image>
                     <View className="text">{data.name || ''}</View>
                 </View>
                 <View className={show ? "consultant-more hide " : "consultant-more more-show "} style={style} >
-                    <Image src={require('@assets/person/cancel.png')} onClick={this.handleClickTwo} className='cancel-img'></Image>
-                    <Image src={transferImage(data.picture || require('@assets/default-avatar.png'))} className='touxiang' onClick={this.handleConsuItemClick.bind(this, data)}></Image>
+                    <Image src={require('@/assets/person/cancel.png')} onClick={this.handleClickTwo} className='cancel-img'></Image>
+                    <Image src={transferImage(data.picture || require('@/assets/default-avatar.png'))} className='touxiang' onClick={this.handleConsuItemClick.bind(this, data)}></Image>
                     <View className="text" onClick={this.handleConsuItemClick.bind(this, data)}>
                         <View className="name">{data.name || ''}</View>
                         <View className="company">{data.buildingName || ''}</View>
                     </View>
-                    <Image src={require('@assets/person/phone.png')} onClick={this.handleTelClick.bind(this, data)} className='phone-img'></Image>
-                    <Image src={require('@assets/person/message.png')} onClick={this.handleChatClick.bind(this, data)} className='message-img'></Image>
+                    <Image src={require('@/assets/person/phone.png')} onClick={this.handleTelClick.bind(this, data)} className='phone-img'></Image>
+                    <Image src={require('@/assets/person/message.png')} onClick={this.handleChatClick.bind(this, data)} className='message-img'></Image>
                 </View>
             </View>
         );

src/components/consultant/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 .consultant {
   position: fixed;
   bottom: 169px;

src/components/empty-page/index.js

 import Taro, { Component } from '@tarojs/taro'
 import './index.scss'
-import emptyImg  from '@assets/empty.png'
+import emptyImg  from '@/assets/empty.png'
 export default class EmptyPage extends Component {
   static defaultProps = {
     text: '暂无数据~'

src/components/empty-page/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 .empty{
   width:100%;
   height:80vh;

src/components/formIdCollector/index.js

-import Taro, { Component } from '@tarojs/taro'
-import { postFormId } from '@services/card'
-
-/**
- * 微信小程序 FormId 收集器。
- *
- * @example
- *
- * ```jsx
- * <MFormIdCollector
- *   count={5}
- *   onCollect={formIds => console.log(formIds)}>
- *   <View>任意内容</View>
- * </MFormIdCollector>
- * ```
- */
-export default class Index extends Component {
-  static options = {
-    addGlobalClass: true,
-  };
-  
-  static defaultProps = {
-    count: 7,
-    disabled: false,
-    onCollect: function () { }
-  }
-
-  state = {
-    formIds: []
-  }
-
-  handleCollect = e => {
-    // 发送到服务器
-    postFormId({ formids: [e.detail.formId] })
-  }
-
-  render() {
-    const { disabled } = this.props
-
-    return disabled ? this.props.children : (
-      <Block>
-        <Label for='button_0'>
-          {this.props.children}
-        </Label>
-        <Form
-          className='m-form-id-collector_form'
-          reportSubmit={true}
-          onSubmit={this.handleCollect}>
-          <Button
-            id={`button_0`}
-            formType='submit'
-          />
-        </Form>
-      </Block>
-    )
-  }
-}

src/components/formIdCollector/index.scss

-.m-form-id-collector_form {
-  display: none;
-  width: 0;
-  height: 0;
-  overflow: hidden;
-  pointer-events: none;
-}

src/components/loadmore/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 .load{
     width:100%;
     text-align: center;

src/components/search/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 .search {
   width: 92%;
   padding: 20px 30px;

src/components/star/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 
 .star {
   display: flex;

src/components/tag/index.scss

-@import '@styles/theme.scss';
+@import '@/styles/theme.scss';
 
 .comp-tag {
   display: inline-block;

src/components/wxParse/showdown.js

   addr = 'mailto:' + addr;
 
   addr = addr.replace(/./g, function (ch) {
-    if (ch === '@') {
+    if (ch === '@/') {
       // this *must* be encoded. I insist.
       ch = encode[Math.floor(Math.random() * 2)](ch);
     } else if (ch !== ':') {

src/constants/common.js

 
 // 拼团消息
 export const TPL_GROUP = "group-result";
+
+// 更新预拉取数据
+export const UPDATE_PRELOAD = 'UPDATE_PRELOAD';

src/pages/activity/activity.js

 import Taro, { Component } from '@tarojs/taro';
-import Authorize from '@components/authorize'
-import FormIdCollector from '@components/formIdCollector'
+import Authorize from '@/components/authorize'
 import './index.scss'
 import { AtTabs, AtTabsPane } from 'taro-ui'
 import "taro-ui/dist/style/components/tabs.scss"
-// import { queryActivityList } from '@services/activity'
+// import { queryActivityList } from '@/services/activity'
 import Activity from './index'
 import News from '../news/index'
-import { savePoint, updatePoint } from '@services/common'
+import { savePoint, updatePoint } from '@/services/common'
 import { connect } from '@tarojs/redux'
 
 let pageIndex = 1
       <View style="height:100vh">
         <AtTabs className="tab-box" scroll current={this.state.current} tabList={[{ title: '热门活动' }, { title: '最新资讯' }]} onClick={this.handleClick.bind(this)}>
           <AtTabsPane current={this.state.current} index={0} >
-            <FormIdCollector>
-              <Activity ></Activity >
-            </FormIdCollector>
+            <Activity />
           </AtTabsPane>
           <AtTabsPane current={this.state.current} index={1}>
             <View >

src/pages/activity/assembleItem/index.js

 import Taro, { Component } from '@tarojs/taro';
 import './index.scss'
 import dayjs from 'dayjs'
-import { transferImage } from '@utils/tools'
+import { transferImage } from '@/utils/tools'
 
-const groupSuccess = require('@assets/helpgroup/group/already.png')
-const groupFail = require('@assets/helpgroup/fail.png')
+const groupSuccess = require('@/assets/helpgroup/group/already.png')
+const groupFail = require('@/assets/helpgroup/fail.png')
 
 export default class Item extends Component {
   static defaultProps = {

src/pages/activity/assembleItem/index.scss

-@import "@styles/theme.scss";
-@import "@styles/mixins.scss";
+@import "@/styles/theme.scss";
+@import "@/styles/mixins.scss";
 
 .flex {
   display: flex;

src/pages/activity/assemblePage.js

 import Taro, { Component } from '@tarojs/taro';
-import ListView from '@components/ListView'
+import ListView from '@/components/ListView'
 import './index.scss'
-import { queryGroupList } from '@services/activity'
+import { queryGroupList } from '@/services/activity'
 import AssembleItem from './assembleItem'
-import { savePoint, updatePoint } from '@services/common'
+import { savePoint, updatePoint } from '@/services/common'
 import { connect } from '@tarojs/redux'
 
 @connect(state => state.city)

src/pages/activity/assistanceItem/index.js

 import Taro, { Component } from '@tarojs/taro';
 import './index.scss'
 import dayjs from 'dayjs'
-import { transferImage } from '@utils/tools'
+import { transferImage } from '@/utils/tools'
 
 const helpSuccess = 'https://estateagents.oss-cn-shanghai.aliyuncs.com/miniapp/images/helpgroup/help/success1.png'
-const helpFail = require('@assets/helpgroup/fail.png')
+const helpFail = require('@/assets/helpgroup/fail.png')
 
 export default class Item extends Component {
   static defaultProps = {

src/pages/activity/assistanceItem/index.scss

-@import "@styles/theme.scss";
-@import "@styles/mixins.scss";
+@import "@/styles/theme.scss";
+@import "@/styles/mixins.scss";
 
 .flex {
   display: flex;

src/pages/activity/assistancePage.js

 import Taro, { Component } from '@tarojs/taro';
-import ListView from '@components/ListView'
+import ListView from '@/components/ListView'
 import './index.scss'
-import { queryHelpList } from '@services/activity'
+import { queryHelpList } from '@/services/activity'
 import AssistanceItem from './assistanceItem'
-import { savePoint, updatePoint } from '@services/common'
+import { savePoint, updatePoint } from '@/services/common'
 import { connect } from '@tarojs/redux'
 
 @connect(state => state.city)

src/pages/activity/detail/assemble.js

 import Taro, { Component } from '@tarojs/taro';
 import './index.scss'
-import Notice from '@components/Notice'
-import BackHomeBtn from '@components/BackHomeBtn'
-import AchievePhone from '@components/achievePhone'
-import AchieveAvatar from '@components/achieveAvatar'
-import Poster from '@components/Poster'
-import FormIdCollector from '@components/formIdCollector'
+import Notice from '@/components/Notice'
+import BackHomeBtn from '@/components/BackHomeBtn'
+import AchievePhone from '@/components/achievePhone'
+import AchieveAvatar from '@/components/achieveAvatar'
+import Poster from '@/components/Poster'
 import dayjs from 'dayjs'
-// import WxParse from '@components/wxParse/wxParse'
-import ready from '@utils/ready'
-import { getDownloadURL, times, formateLeftTime, getCanvasConfig, transferImage } from '@utils/tools'
-import { getQrCodeParams } from '@utils/qrcode'
+// import WxParse from '@/components/wxParse/wxParse'
+import ready from '@/utils/ready'
+import { getDownloadURL, times, formateLeftTime, getCanvasConfig, transferImage } from '@/utils/tools'
+import { getQrCodeParams } from '@/utils/qrcode'
 import {
   getGroupDetail,
   createGroupActivity,
   joinGroupBuy,
-} from '@services/activity'
+} from '@/services/activity'
 import {
   getMiniQrcode,
   savePoint,
   updatePoint
-} from '@services/common'
+} from '@/services/common'
 import { connect } from '@tarojs/redux'
-import { getCardDetail } from '@services/card'
-import { ROLE_CODE } from '@constants/user'
-import Consultant from '@components/consultant'
-import * as noticeType from '@constants/common.js'
-import { report as reportCustomer } from '@utils/customer'
-
-const waitImg = require('@assets/helpgroup/wait.png')
-const memberImg = require('@assets/helpgroup/group/member.png')
+import { getCardDetail } from '@/services/card'
+import { ROLE_CODE } from '@/constants/user'
+import Consultant from '@/components/consultant'
+import * as noticeType from '@/constants/common.js'
+import { report as reportCustomer } from '@/utils/customer'
+
+const waitImg = require('@/assets/helpgroup/wait.png')
+const memberImg = require('@/assets/helpgroup/group/member.png')
 const successImg = 'https://estateagents.oss-cn-shanghai.aliyuncs.com/miniapp/images/helpgroup/group/success.png'
 const failImg = 'https://estateagents.oss-cn-shanghai.aliyuncs.com/miniapp/images/helpgroup/group/fail.png'
 const quoteImg = 'https://estateagents.oss-cn-shanghai.aliyuncs.com/miniapp/images/quota.png'
                   <View className="btn-fixed">
                     {
                       actState === ActBeforeStart &&
-                      (<View className="nostart-btn"><FormIdCollector><Button className="nostart-btn" style="margin: auto">未开始</Button></FormIdCollector></View>)
+                      (<View className="nostart-btn"><Button className="nostart-btn" style="margin: auto">未开始</Button></View>)
                     }
                     {
                       isStarter && actState === ActInProcess && groupState === GroupInProcess &&
-                      (<View className="assistance-btn"><FormIdCollector><Button className="assistance-btn" style="margin: auto" onClick={this.groupBuyInvite}>邀请好友拼团</Button></FormIdCollector></View>)
+                      (<View className="assistance-btn"><Button className="assistance-btn" style="margin: auto" onClick={this.groupBuyInvite}>邀请好友拼团</Button></View>)
                     }
                     {
                       !isStarter && actState === ActInProcess && groupState != GroupInProcess &&
 
                       <View className={groupState === GroupInProcess ? "set-btn" : "assistance-btn"} style="border:none">
-                        <FormIdCollector>
-                          <Button className={groupState === GroupInProcess ? "set-btn" : "assistance-btn"} onClick={this.startMine}>发起我的拼团</Button>
-                        </FormIdCollector>
+                        <Button className={groupState === GroupInProcess ? "set-btn" : "assistance-btn"} onClick={this.startMine}>发起我的拼团</Button>
                       </View>
                     }
                     {
                       <View className="btn-box" style="margin: auto; padding: 0;">
                         {
                           (groupState === GroupInProcess && !isJoin) &&
-                          (<View className="assistance-btn"><FormIdCollector><Button className="assistance-btn" onClick={this.joinGroup}>立即参团</Button></FormIdCollector></View>)
+                          (<View className="assistance-btn"><Button className="assistance-btn" onClick={this.joinGroup}>立即参团</Button></View>)
                         }
                         <View className={groupState === GroupInProcess && !isJoin ? "set-btn" : "assistance-btn"} style="border:none">
-                          <FormIdCollector>
-                            <Button className={groupState === GroupInProcess && !isJoin ? "set-btn" : "assistance-btn"} onClick={this.startMine}>发起我的拼团</Button>
-                          </FormIdCollector>
+                          <Button className={groupState === GroupInProcess && !isJoin ? "set-btn" : "assistance-btn"} onClick={this.startMine}>发起我的拼团</Button>
                         </View>
                       </View>
 

src/pages/activity/detail/assistance.js

 import Taro, { Component } from '@tarojs/taro';
 import './index.scss'
-import Notice from '@components/Notice'
-import BackHomeBtn from '@components/BackHomeBtn'
-import AchievePhone from '@components/achievePhone'
-import AchieveAvatar from '@components/achieveAvatar'
-import Poster from '@components/Poster'
-import FormIdCollector from '@components/formIdCollector'
+import Notice from '@/components/Notice'
+import BackHomeBtn from '@/components/BackHomeBtn'
+import AchievePhone from '@/components/achievePhone'
+import AchieveAvatar from '@/components/achieveAvatar'
+import Poster from '@/components/Poster'
 import dayjs from 'dayjs'
-// import WxParse from '@components/wxParse/wxParse'
-// import getUserPhone from '@utils/getUserPhone'
-import ready from '@utils/ready'
-import { getDownloadURL, times, formateLeftTime, getCanvasConfig, transferImage } from '@utils/tools'
-import { getQrCodeParams } from '@utils/qrcode'
+// import WxParse from '@/components/wxParse/wxParse'
+// import getUserPhone from '@/utils/getUserPhone'
+import ready from '@/utils/ready'
+import { getDownloadURL, times, formateLeftTime, getCanvasConfig, transferImage } from '@/utils/tools'
+import { getQrCodeParams } from '@/utils/qrcode'
 import {
   getHelpDetail,
   createHelpActivity,
   giveFriendHelp,
-} from '@services/activity'
+} from '@/services/activity'
 import {
   getMiniQrcode,
   savePoint,
   updatePoint
-} from '@services/common'
+} from '@/services/common'
 import { connect } from '@tarojs/redux'
-import { getCardDetail } from '@services/card'
-import { ROLE_CODE } from '@constants/user'
-import Consultant from '@components/consultant'
-import * as noticeType from '@constants/common.js'
-import { report as reportCustomer } from '@utils/customer'
+import { getCardDetail } from '@/services/card'
+import { ROLE_CODE } from '@/constants/user'
+import Consultant from '@/components/consultant'
+import * as noticeType from '@/constants/common.js'
+import { report as reportCustomer } from '@/utils/customer'
 
 const successImg = 'https://estateagents.oss-cn-shanghai.aliyuncs.com/miniapp/images/helpgroup/help/success2.png'
 const failImg = 'https://estateagents.oss-cn-shanghai.aliyuncs.com/miniapp/images/helpgroup/help/help%20failure.png'
 const quoteImg = 'https://estateagents.oss-cn-shanghai.aliyuncs.com/miniapp/images/quota.png';
-const waitImg = require('@assets/helpgroup/wait.png')
+const waitImg = require('@/assets/helpgroup/wait.png')
 
 // 活动状态
 const ActBeforeStart = 0;
                 <View style="display:flex;justify-content: space-between;padding:0 15px">
                   {
                     actState === ActBeforeStart &&
-                    (<View className="nostart-btn"><FormIdCollector><Button className="nostart-btn">未开始</Button></FormIdCollector></View>)
+                    (<View className="nostart-btn"><Button className="nostart-btn">未开始</Button></View>)
                   }
                   {
                     isStarter && actState === ActInProcess && helpState === HelpInProcess &&
                     // (<Block>
                     //   <View className="set-btn">生成海报</View>
-                    <View className="assistance-btn"><FormIdCollector><Button className="assistance-btn" onClick={this.askForHelp}>邀请好友助力</Button></FormIdCollector></View>
+                    <View className="assistance-btn"><Button className="assistance-btn" onClick={this.askForHelp}>邀请好友助力</Button></View>
                     // </Block>)
                   }
                   {
 
                         {
                           (helpState === HelpInProcess && !isJoin) &&
-                          (<View className="assistance-btn"><FormIdCollector><Button className="assistance-btn" onClick={this.handleHelp}>立即助力好友</Button></FormIdCollector></View>)
+                          (<View className="assistance-btn"><Button className="assistance-btn" onClick={this.handleHelp}>立即助力好友</Button></View>)
                         }
                         <View className={(helpState === HelpInProcess && !isJoin) ? "set-btn" : "assistance-btn"} style="border:none">
-                          <FormIdCollector>
-                            <Button className={(helpState === HelpInProcess && !isJoin) ? "set-btn" : "assistance-btn"} onClick={this.startMine}>发起我的助力</Button>
-                          </FormIdCollector>
+                          <Button className={(helpState === HelpInProcess && !isJoin) ? "set-btn" : "assistance-btn"} onClick={this.startMine}>发起我的助力</Button>
                         </View>
                       </View>
                     )

src/pages/activity/detail/index.js

 import Taro, { Component } from '@tarojs/taro';
 import './index.scss'
-import Notice from '@components/Notice'
-import BackHomeBtn from '@components/BackHomeBtn'
+import Notice from '@/components/Notice'
+import BackHomeBtn from '@/components/BackHomeBtn'
 import Poster from './poster'
 import dayjs from 'dayjs'
-import WxParse from '@components/wxParse/wxParse'
-import getUserPhone from '@utils/getUserPhone'
-import AchievePhone from '@components/achievePhone'
-import ready from '@utils/ready'
-import { getDownloadURL, times, transferImage } from '@utils/tools'
-import { getQrCodeParams } from '@utils/qrcode'
-import { getCardDetail } from '@services/card'
-import { ROLE_CODE } from '@constants/user'
-import Consultant from '@components/consultant'
+import WxParse from '@/components/wxParse/wxParse'
+import getUserPhone from '@/utils/getUserPhone'
+import AchievePhone from '@/components/achievePhone'
+import ready from '@/utils/ready'
+import { getDownloadURL, times, transferImage } from '@/utils/tools'
+import { getQrCodeParams } from '@/utils/qrcode'
+import { getCardDetail } from '@/services/card'
+import { ROLE_CODE } from '@/constants/user'
+import Consultant from '@/components/consultant'
 import {
   addActivityShareNum,
   signupActivity,
   favorActivity,
   cancelFavorActivity,
   queryActivityDetail
-} from '@services/activity'
+} from '@/services/activity'
 import {
   getMiniQrcode,
   savePoint,
   updatePoint
-} from '@services/common'
+} from '@/services/common'
 import { connect } from '@tarojs/redux'
-import { report as reportCustomer } from '@utils/customer'
+import { report as reportCustomer } from '@/utils/customer'
 
 @connect(state => state.user)
 export default class Detail extends Component {
                 {
                   posterShow && (
                     <Button className='btn poster-btn' onClick={() => { this.togglePosterStatus(true) }}>
-                      <Image mode="aspectFill" src={require('@assets/tupian_3@3x.png')} className="btn-icon"></Image>
+                      <Image mode="aspectFill" src={require('@/assets/tupian_3@3x.png')} className="btn-icon"></Image>
                       <Text className="txt">海报</Text>
                     </Button>
                   )
                 }
                 <Button className="btn share-btn" open-type="share">
-                  <Image mode="aspectFill" src={require('@assets/fasong@3x.png')} className="btn-icon"></Image>
+                  <Image mode="aspectFill" src={require('@/assets/fasong@3x.png')} className="btn-icon"></Image>
                   <Text className="txt">分享</Text>
                 </Button>
 

src/pages/activity/detail/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 
 // .wxParse-img {
 //   width: 100% !important;

src/pages/activity/detail/poster.js

 import Taro, { Component } from '@tarojs/taro';
-import { TaroCanvasDrawer } from '@components/taro-plugin-canvas';
+import { TaroCanvasDrawer } from '@/components/taro-plugin-canvas';
 import dayjs from 'dayjs'
 import './poster.scss'
 /**
         zIndex: 999
       },
       {
-        url: data.avatarurl || require('@assets/default-avatar.png'),
+        url: data.avatarurl || require('@/assets/default-avatar.png'),
         width: 130,
         height: 130,
         y: 630,

src/pages/activity/detail/poster.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 .poster {
   position: fixed;
   width: 100vw;

src/pages/activity/index.js

 import Taro, { Component } from '@tarojs/taro';
-import ListView from '@components/ListView'
+import ListView from '@/components/ListView'
 import './index.scss'
-import { queryActivityList, getActNewList } from '@services/activity'
+import { queryActivityList, getActNewList } from '@/services/activity'
 import ActivityItem from './item'
-import { savePoint, updatePoint } from '@services/common'
+import { savePoint, updatePoint } from '@/services/common'
 import { connect } from '@tarojs/redux'
 
 @connect(state => state.city)

src/pages/activity/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 
 .wrap {
   background: white;

src/pages/activity/item/index.js

 import Taro, { Component } from '@tarojs/taro';
 import './index.scss'
 import dayjs from 'dayjs'
-import { transferImage } from '@utils/tools'
+import { transferImage } from '@/utils/tools'
 
 export default class Item extends Component {
   static defaultProps = {
           <View className="title">{data.title}</View>
           {
             data.weight == '1' &&
-            <Image className="hot-tip" src={require('@assets/shop/hottip.png')}></Image>
+            <Image className="hot-tip" src={require('@/assets/shop/hottip.png')}></Image>
           }
           {(data.type == 'help' || data.type == 'group') &&
             <View className={data.type == 'help' ? 'type' : 'type2'}>{data.type == 'help' ? '助力' : '拼团'}</View>

src/pages/activity/item/index.scss

-@import "@styles/theme.scss";
-@import "@styles/mixins.scss";
+@import "@/styles/theme.scss";
+@import "@/styles/mixins.scss";
 
 .flex {
   display: flex;

src/pages/activity/myActivity.js

 import Taro, { Component } from '@tarojs/taro';
-import ListView from '@components/ListView'
+import ListView from '@/components/ListView'
 import './index.scss'
-import { queryActivityList } from '@services/activity'
+import { queryActivityList } from '@/services/activity'
 import ActivityItem from './item'
-import { savePoint, updatePoint } from '@services/common'
+import { savePoint, updatePoint } from '@/services/common'
 import { connect } from '@tarojs/redux'
 
 let pageIndex = 1

src/pages/agent/become/index.js

 import Taro, { Component } from '@tarojs/taro'
 import './index.scss'
 
-import { registerAgent } from '@services/agent'
+import { registerAgent } from '@/services/agent'
 import { connect } from '@tarojs/redux'
-import * as actions from '@actions/user'
-import getUserPhone from '@utils/getUserPhone'
-import { ROLE_CODE } from '@constants/user'
-import { queryUserInfo } from '@services/user'
+import * as actions from '@/actions/user'
+import getUserPhone from '@/utils/getUserPhone'
+import { ROLE_CODE } from '@/constants/user'
+import { queryUserInfo } from '@/services/user'
 const bannerImg = 'https://estateagents.oss-cn-shanghai.aliyuncs.com/miniapp/images/index/banner.jpg'
 @connect(state => state.user, { ...actions })
 export default class Index extends Component {

src/pages/agent/client/index.js

 import Taro, { Component } from '@tarojs/taro';
 import './index.scss'
-import { getClientList } from '@services/client'
-import { getItemList } from '@services/item'
-import emptyImg from '@assets/empty.png'
+import { getClientList } from '@/services/client'
+import { getItemList } from '@/services/item'
+import emptyImg from '@/assets/empty.png'
 import dayjs from 'dayjs'
-import { savePoint, updatePoint } from '@services/common'
+import { savePoint, updatePoint } from '@/services/common'
 export default class Index extends Component {
 
   config = {
                 list.map((item, index) => {
                   return (
                     <View className='client__list' key={index + 'client'} onClick={this.navigateTo.bind(this, item.customerId)}>
-                      <Image className='bg' src={item.verifyStatus == 2 ? require('@assets/person/card1.png') : require('@assets/person/card2.png')}></Image>
+                      <Image className='bg' src={item.verifyStatus == 2 ? require('@/assets/person/card1.png') : require('@/assets/person/card2.png')}></Image>
                       <View className='client'>
                         <View className='client__status2'>
                           {
                         <View className='client__top'>
                           <View className='client__infor'>
                             <Text className='client__name'>{item.name} </Text>
-                            <Image className='sex' src={item.sex == 1 ? require('@assets/person/guest/man.png') : require('@assets/person/guest/women.png')} mode='widthFix'></Image>
+                            <Image className='sex' src={item.sex == 1 ? require('@/assets/person/guest/man.png') : require('@/assets/person/guest/women.png')} mode='widthFix'></Image>
                           </View>
 
 
 
         {/* <View className='recommend' onClick={this.toRecomonedPage}>123</View> */}
         <View className="recommend"  onClick={this.toRecomonedPage}  >
-        <Image src={require('@assets/tuijiankehu.png')} className='home-img'></Image>
+        <Image src={require('@/assets/tuijiankehu.png')} className='home-img'></Image>
         <Text className="text">推荐</Text>
       </View>
       </View>

src/pages/agent/client/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 
 .myClient {
   position: relative;

src/pages/agent/index.js

 import Taro, { Component } from '@tarojs/taro'
 import { connect } from '@tarojs/redux'
-import * as actions from '@actions/user'
+import * as actions from '@/actions/user'
 import './index.scss'
 import Poster from './poster'
-import { agentCurrent } from '@services/agent'
-import BackHomeBtn from '@components/BackHomeBtn'
-import { getMiniQrcode } from '@services/common'
+import { agentCurrent } from '@/services/agent'
+import BackHomeBtn from '@/components/BackHomeBtn'
+import { getMiniQrcode } from '@/services/common'
 const topImg = 'https://estateagents.oss-cn-shanghai.aliyuncs.com/miniapp/images/index/top.jpg'
 @connect(state => state.user, { ...actions })
 

src/pages/agent/invitation/index.js

 import Taro, { Component } from '@tarojs/taro';
 import './index.scss'
-import { getAgentList } from '@services/agent'
+import { getAgentList } from '@/services/agent'
 
 import AgentItem from './item'
-import ListView from '@components/ListView'
+import ListView from '@/components/ListView'
 let pageIndex = 1
 export default class Index extends Component {
   config = {

src/pages/agent/invitation/item.js

 import Taro, { Component } from '@tarojs/taro';
-import getDateFormat from '@utils/chatDate'
+import getDateFormat from '@/utils/chatDate'
 import dayjs from 'dayjs'
 
 import './item.scss'

src/pages/agent/invitation/item.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 
 .list__item {
   display: flex;

src/pages/agent/poster/index.js

 import Taro, { Component } from '@tarojs/taro';
-import { TaroCanvasDrawer } from '@components/taro-plugin-canvas';
+import { TaroCanvasDrawer } from '@/components/taro-plugin-canvas';
 import dayjs from 'dayjs'
 /**
  * 文档参考
         x: 500
       },
       {
-        url: data.avatarurl || require('@assets/default-avatar.png'),
+        url: data.avatarurl || require('@/assets/default-avatar.png'),
         width: 120,
         height: 120,
         y: 915,

src/pages/agent/progress/index.js

 import Taro, { Component } from '@tarojs/taro';
 import './index.scss'
-import buildImg from '@assets/agent/build.png'
-import phoneImg from '@assets/agent/Iphone.png'
-import { clientProgress } from '@services/client'
-import { getItemList } from '@services/item'
-import { getCardList } from '@services/card'
-import { savePoint, updatePoint } from '@services/common'
-// import { zhuge } from '@utils/zhuge-wx-mpvue.min'
+import buildImg from '@/assets/agent/build.png'
+import phoneImg from '@/assets/agent/Iphone.png'
+import { clientProgress } from '@/services/client'
+import { getItemList } from '@/services/item'
+import { getCardList } from '@/services/card'
+import { savePoint, updatePoint } from '@/services/common'
+// import { zhuge } from '@/utils/zhuge-wx-mpvue.min'
 
 export default class Index extends Component {
 

src/pages/agent/progress/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 .client__progress {
   position: relative;
   width: 100%;

src/pages/agent/recommend/index.js

 import Taro, { Component } from '@tarojs/taro';
 import './index.scss'
-import { recommendClient, getTypeData } from '@services/client'
-import { getItemList } from '@services/item'
-import { getCardList } from '@services/card'
-import { savePoint, updatePoint } from '@services/common'
+import { recommendClient, getTypeData } from '@/services/client'
+import { getItemList } from '@/services/item'
+import { getCardList } from '@/services/card'
+import { savePoint, updatePoint } from '@/services/common'
 
-import Authorize from '@components/authorize'
+import Authorize from '@/components/authorize'
 
 import { connect } from '@tarojs/redux'
 @connect(({ user, card, project }) => ({ ...user, ...card, ...project }))

src/pages/agent/recommend/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 .ani {
   position: absolute;
 }

src/pages/auth/index.js

 import Taro, { Component } from '@tarojs/taro'
 import { connect } from '@tarojs/redux'
-import { mergeNotNull } from '@utils/tools'
-import * as actions from '@actions/user'
+import { mergeNotNull } from '@/utils/tools'
+import * as actions from '@/actions/user'
 import './index.scss'
 
 @connect(state => state.user, { ...actions })

src/pages/auth/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 
 .header {
   margin: 90px 0 90px 50px;

src/pages/card/fans/index.js

 import Taro, { Component } from '@tarojs/taro';
-import { queryCardFansList } from '@services/card'
-import { queryItemFansList } from '@services/item'
-import EmptyPage from '@components/empty-page'
+import { queryCardFansList } from '@/services/card'
+import { queryItemFansList } from '@/services/item'
+import EmptyPage from '@/components/empty-page'
 import FansItem from './item'
-import ListView from '@components/ListView'
-import { savePoint, updatePoint } from '@services/common'
+import ListView from '@/components/ListView'
+import { savePoint, updatePoint } from '@/services/common'
 let pageIndex = 1
 export default class Index extends Component {
   config = {

src/pages/card/fans/item.js

 import Taro, { Component } from '@tarojs/taro';
-import getDateFormat from '@utils/chatDate'
+import getDateFormat from '@/utils/chatDate'
 import dayjs from 'dayjs'
 
 import './item.scss'

src/pages/card/fans/item.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 
 .list__item {
   display: flex;

src/pages/card/index.js

 import Taro, { Component } from '@tarojs/taro'
 import './index.scss'
-import Notice from '@components/Notice'
+import Notice from '@/components/Notice'
 import Poster from './poster'
 import ProjectItem from '../project/item'
-import BackHomeBtn from '@components/BackHomeBtn'
-import getUserPhone from '@utils/getUserPhone'
-import ready from '@utils/ready'
-import AchievePhone from '@components/achievePhone'
-import { sceneInShare } from '@utils/tools'
-import { ROLE_CODE } from '@constants/user'
-import { addCardUv, addCardShareNum, favorCard, cancelFavorCard } from '@services/card'
-import { getMiniQrcode, savePoint, updatePoint } from '@services/common'
+import BackHomeBtn from '@/components/BackHomeBtn'
+import getUserPhone from '@/utils/getUserPhone'
+import ready from '@/utils/ready'
+import AchievePhone from '@/components/achievePhone'
+import { sceneInShare } from '@/utils/tools'
+import { ROLE_CODE } from '@/constants/user'
+import { addCardUv, addCardShareNum, favorCard, cancelFavorCard } from '@/services/card'
+import { getMiniQrcode, savePoint, updatePoint } from '@/services/common'
 import { connect } from '@tarojs/redux'
-import { reportClient } from '@services/report'
+import { reportClient } from '@/services/report'
 
-import * as actions from '@actions/card'
-import { dispatchProjectDetail } from '@actions/project'
+import * as actions from '@/actions/card'
+import { dispatchProjectDetail } from '@/actions/project'
 
 
 @connect(
                   <Image className='mycard__user__img' src={picture} mode="widthFix"></Image>
                   <Image src={picture} mode="aspectFill" className='head__img'></Image>
                 </View>
-                <Image src={require('@assets/person/top.png')} className='top-img' mode="aspectFill"></Image>
+                <Image src={require('@/assets/person/top.png')} className='top-img' mode="aspectFill"></Image>
               </View>
 
               <View className='mycard__user__information'>
                     visibleChatBtn && (
                       hadPhone ? (
                         <View onClick={this.toChatPage}>
-                          <Image src={require('@assets/person/zixun.png')} className='chat-img'></Image>
+                          <Image src={require('@/assets/person/zixun.png')} className='chat-img'></Image>
                           {unReadNum > 0 && <Text className="unread-num">{unReadNum}</Text>}
                         </View>
                       ) : (
                           <Button className="clear-btn" open-type="getPhoneNumber" onGetphonenumber={this.getPhoneNumber}>
-                            <Image src={require('@assets/person/zixun.png')} className='chat-img'></Image>
+                            <Image src={require('@/assets/person/zixun.png')} className='chat-img'></Image>
                             {unReadNum > 0 && <Text className="unread-num">{unReadNum}</Text>}
                           </Button>
                         )
 
                 </View>
                 <View className='row medal'>
-                  <Image mode="widthFix" className="img" src={require('@assets/person/jinpai.png')}></Image>
+                  <Image mode="widthFix" className="img" src={require('@/assets/person/jinpai.png')}></Image>
                   <Text>金牌置业顾问</Text>
                 </View>
 
                       {visitors.length >= 5 && <Text className="iconfont icon-shenglvehao"></Text>}
                     </View>
                     <View className="fans__num">
-                      <Image className='nb' src={require('@assets/person/nb.png')}></Image>
+                      <Image className='nb' src={require('@/assets/person/nb.png')}></Image>
                       <Text>人气</Text>
                       <Text>{visitors.length}</Text>
                     </View>

src/pages/card/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 
 .hide {
   display: none;

src/pages/card/list/index.js

 import Taro, { Component, requirePlugin } from '@tarojs/taro';
 import './index.scss'
 
-import ListView from '@components/ListView'
-import getUserPhone from '@utils/getUserPhone'
-import { getCardList } from '@services/card'
+import ListView from '@/components/ListView'
+import getUserPhone from '@/utils/getUserPhone'
+import { getCardList } from '@/services/card'
 import { connect } from '@tarojs/redux'
-import { savePoint, updatePoint } from '@services/common'
-import * as noticeType from '@constants/common.js'
+import { savePoint, updatePoint } from '@/services/common'
+import * as noticeType from '@/constants/common.js'
 let pageIndex = 1
 @connect(({ user }) => ({ ...user }))
 export default class Index extends Component {
                     <View className='info'>
                       <View className='name-info'>
                         <Text className="name">{item.name}</Text>
-                        <Image src={require('@assets/person/card.png')} className='card' ></Image>
+                        <Image src={require('@/assets/person/card.png')} className='card' ></Image>
                       </View>
                       <View className="phone">{item.phone}</View>
                     </View>
                     {
                       hadPhone ? (
                         <Button className="item-btn chat" onClick={this.handleChatClick.bind(this, item)}>
-                          <Image src={require('@assets/person/zixun.png')} className='chat-img'></Image>
+                          <Image src={require('@/assets/person/zixun.png')} className='chat-img'></Image>
                         </Button>
                       ) : (
                           <Button className="item-btn chat" onClick={this.handleStopPropagation} open-type="getPhoneNumber" onGetphonenumber={e => { this.getPhoneNumber(e, item) }}>
                         )
                     }
                     <Button className="item-btn tel" onClick={this.handleTelClick.bind(this, item)}>
-                      <Image src={require('@assets/person/dianhua.png')} className='tel-img'></Image>
+                      <Image src={require('@/assets/person/dianhua.png')} className='tel-img'></Image>
                     </Button>
                   </View>
 

src/pages/card/list/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 .top-tip {
   background: rgba(245, 245, 245, 1);
   height: 90px;

src/pages/card/notice/index.js

 import Taro, { Component } from '@tarojs/taro';
 import './index.scss'
-// import "@styles/icon.scss";
+// import "@/styles/icon.scss";
 export default class Index extends Component {
   static defaultProps = {
     num: 0,
-    avatar: require('@assets/default-avatar.png')
+    avatar: require('@/assets/default-avatar.png')
   }
   static options = {
     addGlobalClass: true

src/pages/card/notice/index.scss

 
-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 
 .notice {
   position: fixed;

src/pages/card/poster.js

 import Taro, { Component } from '@tarojs/taro';
-import { TaroCanvasDrawer } from '@components/taro-plugin-canvas';
+import { TaroCanvasDrawer } from '@/components/taro-plugin-canvas';
 import './poster.scss'
 /**
  * 文档参考
     ]
     const images = [
       {
-        url: require('@assets/person/jinpai.png'),
+        url: require('@/assets/person/jinpai.png'),
         width: 42,
         height: 48,
         y: 440,
         zIndex: 99
       },
       {
-        url: require('@assets/person/tel2.png'),
+        url: require('@/assets/person/tel2.png'),
         width: 30,
         height: 30,
         y: 240,
         zIndex: 99
       },
       {
-        url: require('@assets/person/bottom.png'),
+        url: require('@/assets/person/bottom.png'),
         width: 600,
         height: 150,
         y: 870,

src/pages/card/poster.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 .poster {
   position: fixed;
   width: 100vw;

src/pages/card/register/index.js

 import Taro, { Component } from '@tarojs/taro'
-import { isChineseMobilePhoneNumber } from '@utils/tools'
-import { applyCard } from '@services/card'
+import { isChineseMobilePhoneNumber } from '@/utils/tools'
+import { applyCard } from '@/services/card'
 import { connect } from '@tarojs/redux'
-import { ROLE_CODE } from '@constants/user'
+import { ROLE_CODE } from '@/constants/user'
 import './index.scss'
 
 @connect(state => state.user)
     if (!phone) {
       Taro.showToast({
         title: '电话不能为空',
-        image: require('@assets/icons/warn.png')
+        image: require('@/assets/icons/warn.png')
       })
       return false
     }
     if (!isChineseMobilePhoneNumber(phone)) {
       Taro.showToast({
         title: '电话格式不正确',
-        image: require('@assets/icons/warn.png')
+        image: require('@/assets/icons/warn.png')
       })
       return false
     }
     if (!pass) {
       Taro.showToast({
         title: '密码不能为空',
-        image: require('@assets/icons/warn.png')
+        image: require('@/assets/icons/warn.png')
       })
       return false
     }

src/pages/card/register/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 .login {
   padding: 50px 50px 0;
   padding-top: 200px;

src/pages/card/report/index.js

 import Taro, { Component } from '@tarojs/taro';
 import './index.scss'
-import { getCodeScene  } from '@services/common'
+import { getCodeScene  } from '@/services/common'
 export default class Index extends Component {
   config = {
     navigationBarTitleText: '报备'

src/pages/checkin/checkinsuccess/index.js

 import Taro, { Component } from '@tarojs/taro';
 import './index.scss'
-import {transferImage } from '@utils/tools'
+import {transferImage } from '@/utils/tools'
 
 
 

src/pages/checkin/index.js

 import './index.scss'
 import { AtDivider, AtList, AtListItem, AtGrid, AtButton } from 'taro-ui'
 
-// import achievePhone from '@components/achievePhone'
-import { checkinDetails, checkinActive } from '@services/checkin'
+// import achievePhone from '@/components/achievePhone'
+import { checkinDetails, checkinActive } from '@/services/checkin'
 import {
   getCodeScene,
 
-} from '@services/common'
-import { parseQueryString, getQueryString } from '@utils/tools'
+} from '@/services/common'
+import { parseQueryString, getQueryString } from '@/utils/tools'
 import { NONAME } from 'dns';
-import ready from '@utils/ready'
+import ready from '@/utils/ready'
 export default class checkin extends Component {
 
   state = {
             </View>
           </View>
 
-          {!enlist.isCheckin && <Image className="checkinImg" src={require('@assets/checkin/checkin.png')} onClick={this.checkinActive}></Image>}
-          {enlist.isCheckin === 1 && <Image className="checkinImg" src={require('@assets/checkin/checkined.png')}></Image>}
+          {!enlist.isCheckin && <Image className="checkinImg" src={require('@/assets/checkin/checkin.png')} onClick={this.checkinActive}></Image>}
+          {enlist.isCheckin === 1 && <Image className="checkinImg" src={require('@/assets/checkin/checkined.png')}></Image>}
           {/* {console.log(data.person.status)} */}
         </View>}
         {enlist.enlistId == null && <View className="unregistered">
           {activityStatus===0 &&
             <View>
               <View>
-                <Image className="img1" src={require('@assets/checkin/noentry.png')} ></Image>
+                <Image className="img1" src={require('@/assets/checkin/noentry.png')} ></Image>
               </View>
               <View className="message">
                 <Text className="messageText" >您还未报名当前活动,请先前往活动报名页报名成功后再进行扫码签到~ </Text>

src/pages/checkin/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 @import "~taro-ui/dist/style/components/flex.scss";
 @import "~taro-ui/dist/style/components/list.scss";
 @import "~taro-ui/dist/style/components/icon.scss";

src/pages/city/index.js

 import Taro, { Component } from '@tarojs/taro';
 import { connect } from '@tarojs/redux'
-import * as actions from '@actions/city'
+import * as actions from '@/actions/city'
 import { ScrollView } from '@tarojs/components';
 import './index.scss'
 
-import Search from '@components/search'
+import Search from '@/components/search'
 
 @connect(state => state.city, { ...actions })
 export default class Index extends Component {

src/pages/city/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 
 .city {
   background: $page-bg;

src/pages/im/index.js

 
 import dayjs from 'dayjs'
 import MsgItem from './msgItem'
-import FormIdCollector from '@components/formIdCollector'
-import BackHomeBtn from '@components/BackHomeBtn'
+import BackHomeBtn from '@/components/BackHomeBtn'
 
-import { queryChatHistory, setMessageReaded } from '@services/chat'
-import { uploadFiles, fetch } from '@utils/request'
-import { deepClone } from '@utils/tools'
+import { queryChatHistory, setMessageReaded } from '@/services/chat'
+import { uploadFiles, fetch } from '@/utils/request'
+import { deepClone } from '@/utils/tools'
 
-import { savePoint, updatePoint } from '@services/common'
+import { savePoint, updatePoint } from '@/services/common'
 import { connect } from '@tarojs/redux'
-import { ROLE_CODE } from '@constants/user'
-import { API_QUERY_USERINFO_BYID } from '@constants/api'
-import { dispatchCardInfo } from '@actions/card'
+import { ROLE_CODE } from '@/constants/user'
+import { API_QUERY_USERINFO_BYID } from '@/constants/api'
+import { dispatchCardInfo } from '@/actions/card'
 
-// import { dispatchUserPhone } from '@actions/user'
-import getUserPhone from '@utils/getUserPhone'
+// import { dispatchUserPhone } from '@/actions/user'
+import getUserPhone from '@/utils/getUserPhone'
 
-import socket, { MESSAGETYPE } from '@utils/im'
-import ready from '@utils/ready'
+import socket, { MESSAGETYPE } from '@/utils/im'
+import ready from '@/utils/ready'
 import store from '../../store'
 
 @connect(state => (
     const extraWrap = (
       <View className="import-bottom">
         <View className="extra-item" onClick={this.bindAlbumClick}>
-          <Image mode="aspectFit" className="extra-item__img" src={require('@assets/chat/choose_picture.png')} />
+          <Image mode="aspectFit" className="extra-item__img" src={require('@/assets/chat/choose_picture.png')} />
           <Text className="extra-item__text">相册</Text>
         </View>
       </View>
               placeholder='发送消息'
             />
             <Text className="import-top__extra iconfont icon-Add" onClick={this.showExtraArea}></Text>
-            <FormIdCollector count={1}>
-              <Button size="mini" className="import-top__submit" onClick={this.bindSendBtn}>发送</Button>
-              {/* <Image src={require('@assets/news/fasong.png')} className='submit-img'  onClick={this.bindSendBtn}></Image> */}
-            </FormIdCollector>
+            <Button size="mini" className="import-top__submit" onClick={this.bindSendBtn}>发送</Button>
           </View>
           {visExtra && extraWrap}
         </View>

src/pages/im/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 
 .fixed-btn {
   position: fixed;

src/pages/im/list/index.js

 import Taro, { Component } from '@tarojs/taro';
 import './index.scss'
-import { getWindowHeight } from '@utils/style'
-import { queryChatFriends } from '@services/chat'
+import { getWindowHeight } from '@/utils/style'
+import { queryChatFriends } from '@/services/chat'
 
-import EmptyPage from '@components/empty-page'
+import EmptyPage from '@/components/empty-page'
 import Item from './item'
-import ready from '@utils/ready'
+import ready from '@/utils/ready'
 
-import { DECREASE_UNREADNUM } from '@constants/user'
+import { DECREASE_UNREADNUM } from '@/constants/user'
 import { getStore, connect } from '@tarojs/redux'
-import * as noticeType from '@constants/common.js'
+import * as noticeType from '@/constants/common.js'
 
 @connect(state => state.user)
 export default class Index extends Component {

src/pages/im/list/index.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 
 .list {
   padding: 20px 40px;

src/pages/im/list/item.js

 import Taro, { Component } from '@tarojs/taro';
-import getDateFormat from '@utils/chatDate'
+import getDateFormat from '@/utils/chatDate'
 import dayjs from 'dayjs'
 
 import './item.scss'

src/pages/im/list/item.scss

-@import "@styles/theme.scss";
+@import "@/styles/theme.scss";
 
 .list__item {
   display: flex;

src/pages/im/msgItem/index.js

 import Taro, { Component } from '@tarojs/taro';
 import './index.scss'
 
-import getDateFormat from '@utils/chatDate'
+import getDateFormat from '@/utils/chatDate'
 import { connect } from '@tarojs/redux'
 
 @connect(state => ({ ...state.user, ...state.card }))
         {/* {list.map(row => (<Item row={row} key={row.chatId}></Item>))} */}
         {list.map(row => (
           <View key={row.chatId} className={`item__wrap ${row.sendPerson === personId ? "self" : "other"}`} >
-            <Image mode="aspectFit" className="item__headimg" src={row.sendPerson === personId ? avatarurl : (row.sendAvatar||require('@assets/default-avatar.png'))} />
+            <Image mode="aspectFit" className="item__headimg" src={row.sendPerson === personId ? avatarurl : (row.sendAvatar||require('@/assets/default-avatar.png'))} />
 
             {this.renderMsgContent(row, phone)}
           </View>