typescript

src/App.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import Routes from './router'
 import cookie from 'js-cookie'
 import { connect } from 'react-redux'
-import { setCurrentUser, startFetchUser, endFetchUser } from '@/store/userAction'
+import { setCurrentUser, startFetchUser, endFetchUser } from 'src/store/userAction'
 import {
   updateCaptchaState,
   closeCaptchaModal,
@@ -10,17 +10,17 @@ import {
   validationPassed,
   startFetchNoTrace,
   endFetchNoTrace,
-} from '@/store/no-trace-validation/reducer'
-import { initialState } from '@/store/userReducer'
+} from 'src/store/no-trace-validation/reducer'
+import { initialState } from 'src/store/userReducer'
 import { withRouter } from 'react-router-dom'
 import { compose } from 'redux'
-import { getParam, http, browser, loadScript, getTimestamp } from '@/utils'
+import { getParam, http, browser, loadScript, getTimestamp } from 'src/utils'
 import { Toast } from 'antd-mobile'
 import { addDays } from 'date-fns'
 import stringify from 'json-stringify-safe'
 
 //拦截ajax请求，返回mock数据
-/*import mock from '@/utils/mock'
+/*import mock from 'src/utils/mock'
 mock()*/
 
 // 默认样式

src/HOCs/WithTab/index.js

 import React, { PureComponent } from 'react'
-import NavBar from '@/common/NavBar'
+import NavBar from 'src/common/NavBar'
 
 export default function WithTab(WrappedComponent) {
     return class extends PureComponent {

src/common/Captcha-ali/index.js

 import React, { Component } from 'react';
 import './index.scss'
-import { initCaptchaNC } from "@/utils"
+import { initCaptchaNC } from "src/utils"
 
 const appkey = 'FFFF0N000000000090FC'
 const scene = 'nc_login_h5'

src/common/Captcha/index.js

 import React, { Component } from 'react';
-import { initCaptcha } from '@/utils';
+import { initCaptcha } from 'src/utils';
 import { BarLoader } from 'react-spinners';
 import './index.scss';
 

src/common/ClearableInput/clearable-input.scss

+@import "src/assets/css/variable";
 .clearable-input-wrapper {
     position: relative;
 

src/common/Course/course.scss

+@import "src/assets/css/variable";
 .course-item {
   width: 47.8%;
   margin-top: 15px;

src/common/HeaderBar/index.js

 import React, {Component} from 'react'
 import './index.scss';
 import {withRouter} from 'react-router-dom'
-import {browser,getParam} from "@/utils";
+import {browser,getParam} from "src/utils";
 
 class HeaderBar extends Component {
     constructor(props) {

src/common/HeaderBar/index.scss

+@import "src/assets/css/variable";
 .detail-header {
   height: 44px;
   line-height: 44px;

src/common/HeaderSearch/index.scss

+@import "src/assets/css/variable";
 .search-nav {
   height: 44px;
   line-height: 44px;

src/common/Loading/loading.scss

+@import "src/assets/css/variable";
 .loading {
     position: absolute;
     top: 50%;

src/common/NavBar/index.scss

+@import "src/assets/css/variable";
 .nav-bar {
   display: flex;
   position: fixed;

src/common/OrderList/orderlist.scss

+@import "src/assets/css/variable";
 .public-list-item {
   background: $bg_fff;
 

src/common/UserGift/index.js

 import React, {Component} from 'react'
 import './index.scss'
-import {http} from '@/utils'
+import {http} from 'src/utils'
 
 class UserGift extends Component {
     state = {

src/common/VList/index.scss

+@import "src/assets/css/variable";
 .v-list-item {
     height: 138px;
     padding: 15px 15px 0;

src/common/addressPopup/index.js

 import React, { Component } from 'react';
-import { http } from '@/utils';
+import { http } from 'src/utils';
 import { Formik, Form, Field } from 'formik';
 import { Toast } from "antd-mobile";
 import './index.scss';

src/common/bindPhone/index.js

@@ -2,8 +2,8 @@ import React, { Component } from 'react';
 import { Formik, Form, Field } from 'formik';
 import { Toast } from 'antd-mobile';
 import { isEmpty } from 'lodash';
-import CaptchaAli from "@common/Captcha-ali"
-import { http } from '@/utils';
+import CaptchaAli from "src/common/Captcha-ali"
+import { http } from 'src/utils';
 import './index.scss';
 
 class BindPhone extends Component {

src/common/bindPhone/index.scss

-// form 
+// form
 // .popup-form {
 //   text-align: center;
 

src/common/confirmPhone/index.js

 import React, { Component } from 'react';
 import { Toast } from 'antd-mobile';
-import { http } from '@/utils';
+import { http } from 'src/utils';
 import './index.scss';
 
 class ConfirmPhone extends Component {

src/common/course-base/course-base.scss

+@import "src/assets/css/variable";
 .course-base-item {
   width: 47.8%;
   margin-top: 15px;

src/common/v-list-base/index.scss

+@import "src/assets/css/variable";
 .v-list-base-item {
     //height: 130px;
     padding: 10px 10px 0;

src/components/Index/all-course/index.js

@@ -6,7 +6,7 @@ import './index.scss'
 const AllCourseNavigation = React.memo(() => {
   return <div className="all-course">
     <Link to='/classify'>
-      <p>查看全部课程 >></p>
+      <p>查看全部课程 &gt;&gt;</p>
       <span>数学基础、数学结构、大数据实战、Python...</span>
     </Link>
   </div>

src/components/Index/all-course/index.scss

+@import "src/assets/css/variable";
 /*
 底部查看所有课程
 */

src/components/Index/course-list/index.js

 import React from 'react'
-import LazyLoad from 'react-lazy-load'
 import { Link, withRouter } from "react-router-dom";
-import { Course } from "@common/index"
+import { Course } from "src/common/index"
 import './index.scss'
 
 
@@ -52,13 +51,13 @@ const Module = function CourseList({module, toDetail}) {
 
     {
       module.show_more === 1 &&
-      <Link className="more" to='/classify'>查看更多 ></Link>
+      <Link className="more" to='/classify'>查看更多 &gt;</Link>
     }
     {
       module.show_more === 2 ?
         module.name === '限时免费'
-          ? <Link className="more" to={'/free'}>查看更多 ></Link>
-          : <Link className="more" to={module.more_page}>查看更多 ></Link>
+          ? <Link className="more" to={'/free'}>查看更多 &gt;</Link>
+          : <Link className="more" to={module.more_page}>查看更多 &gt;</Link>
         : null
     }
     {/* <LazyLoad offset={50}> */}

src/components/Index/course-list/index.scss

+@import "src/assets/css/variable";
 /*课程公共样式*/
 .home-course-list {
   &.category {

src/components/Index/expandActiveToast/index.js

 import React, {Component} from 'react'
 import './index.scss'
-import {http} from '@/utils'
+import {http} from 'src/utils'
 import { Link } from "react-router-dom"
 import {Toast} from "antd-mobile";
 

src/components/Index/index.js

 import React, { Component } from 'react'
 import { CallApp } from '../../common'
 import './index.scss'
-import { WithTab } from '@/HOCs'
+import { WithTab } from 'src/HOCs'
 // import Swiper from 'react-mobile-swiper'
 // import createStyle from './createStyle'
 import HomeCourseList from './course-list'
-import { http, isValidUrl } from '@/utils'
+import { http, isValidUrl } from 'src/utils'
 import LiveRoom from './liveRoom'
 import { Link } from "react-router-dom"
 import { Toast } from 'antd-mobile'
@@ -13,7 +13,7 @@ import { connect } from "react-redux"
 import TopSwiper from './TopSwiper'
 // import ExpandActiveToast from './expandActiveToast'
 import AllCourseNavigation from "./all-course"
-import { UserGift } from "@common"
+import { UserGift } from "src/common"
 
 // const animateTypes = Swiper.animateTypes
 

src/components/Index/index.scss

+@import "src/assets/css/variable";
 #chatBtn {
   bottom: 60px !important;
 }

src/components/Index/liveRoom.js

 import React, {Component} from 'react'
 import './index.scss'
-import {http, browser, validateTel} from '@/utils'
+import {http, browser, validateTel} from 'src/utils'
 import {Toast} from 'antd-mobile'
 import { Link } from "react-router-dom"
 

src/components/ShareCourse/index.js

 import React, {Component} from 'react';
 import './index.scss';
-import {HeaderBar, VList} from '@/common';
-import {http, getParam, SendMessageToApp} from '@/utils';
+import {HeaderBar, VList} from 'src/common';
+import {http, getParam, SendMessageToApp} from 'src/utils';
 import {Toast} from 'antd-mobile';
 
 

src/components/activity/1111/index.js

 import React, { Component } from 'react'
 import {connect} from "react-redux";
-import { http, getParam } from '@/utils';
+import { http, getParam } from 'src/utils';
 import cookie from 'js-cookie'
 import './index.scss';
 import {Toast} from "antd-mobile";

src/components/activity/1111/invite.js

 import React, { Component } from 'react';
 import {connect} from "react-redux"
 import './index.scss';
-import { http, getParam, is_weixin, wxShare, getC, SendMessageToApp } from '@/utils';
+import { http, getParam, is_weixin, wxShare, getC, SendMessageToApp } from 'src/utils';
 import {Toast} from "antd-mobile";
 import jsCookie from 'js-cookie';
 

src/components/activity/1111/prize-winner-list/index.js

 import React, { Component } from 'react'
 import './index.scss'
-import { getParam, http } from '@/utils'
-import { WithFullSize } from "@/HOCs"
+import { getParam, http } from 'src/utils'
+import { WithFullSize } from "src/HOCs"
 
 class PrizeWinnerList extends Component {
 

src/components/activity/2020-717/activity/index.js

 import React, { Component } from 'react';
 import { debounce, groupBy, isEmpty } from "lodash";
-import { http } from "@/utils"
+import { http } from "src/utils"
 import { Toast, Carousel } from "antd-mobile";
 import { Link } from "react-router-dom";
-import {logout} from '@/store/userAction'
+import {logout} from 'src/store/userAction'
 import { connect } from "react-redux";
 import './index.scss'
-import { Popup } from "@common/index"
+import { Popup } from "src/common/index"
 import classnames from 'classnames'
 import tweenFunctions from 'tween-functions'
 import storage from 'store2'
-import { REDO, addData } from "@components/activity/2020-717/question/store/reducer"
+import { REDO, addData } from "src/components/activity/2020-717/question/store/reducer"
 
 
 class Anniversary2020 extends Component {
@@ -611,7 +611,7 @@ class Anniversary2020 extends Component {
     return (
       <div className={'anniversary-2020'}>
 
-        <Link className="to-index-tip" to={'/'}>前往七月在线官网  学更多精品课程 >></Link>
+        <Link className="to-index-tip" to={'/'}>前往七月在线官网  学更多精品课程 &gt;&gt; </Link>
 
         <div className="banner">
           <img src="https://julyedu-cdn.oss-cn-beijing.aliyuncs.com/active20_717/m/banner.png" alt=""/>

src/components/activity/2020-717/index.js

 import React, {Component} from 'react';
 import {Switch, Route} from "react-router-dom";
-import Anniversary2020 from "@components/activity/2020-717/activity"
-import Question from "@components/activity/2020-717/question"
-import Invitation from "@components/activity/2020-717/invitation"
+import Anniversary2020 from "src/components/activity/2020-717/activity"
+import Question from "src/components/activity/2020-717/question"
+import Invitation from "src/components/activity/2020-717/invitation"
 
 
 class Anniversary2020Entry extends Component {

src/components/activity/2020-717/invitation/index.js

@@ -2,14 +2,14 @@ import React, { Component } from 'react';
 import './index.scss'
 import { connect } from "react-redux";
 import { compose } from "redux";
-import { HeaderBar } from "@common/index"
-import { getParam, http, browser, wxShare } from "@/utils"
+import { HeaderBar } from "src/common/index"
+import { getParam, http, browser, wxShare } from "src/utils"
 import { Toast } from "antd-mobile";
 import { CopyToClipboard } from "react-copy-to-clipboard";
 import { Link } from 'react-router-dom'
 import storage from 'store2'
-import { CaptchaAli } from "@common/index"
-import { showCaptchaModal } from "@/store/no-trace-validation/reducer";
+import { CaptchaAli } from "src/common/index"
+import { showCaptchaModal } from "src/store/no-trace-validation/reducer";
 
 
 class Invitation extends Component {

src/components/activity/2020-717/question/index.js

@@ -2,8 +2,8 @@ import React, { Component } from 'react'
 import './index.scss'
 import { Toast } from "antd-mobile"
 import classnames from 'classnames'
-import { browser, http } from "@/utils"
-import { WithFullSize } from "@/HOCs"
+import { browser, http } from "src/utils"
+import { WithFullSize } from "src/HOCs"
 import { Link } from "react-router-dom"
 import { compose } from 'redux'
 import { connect } from 'react-redux'

src/components/activity/give-courses/assistance/assistance.scss

+@import "src/assets/css/variable";
 #assistance {
     width: 100%;
     background: $white;

src/components/activity/give-courses/assistance/index.js

 import React, { Component } from 'react'
-import { browser, getParam, http } from "@/utils"
+import { browser, getParam, http } from "src/utils"
 import { Toast } from "antd-mobile"
 import { withRouter } from 'react-router-dom'
 import './assistance.scss'
@@ -240,7 +240,7 @@ class GiveCourseAssistance extends Component {
             isAwards == 1 && <button className="ranklist-btn" type="button" onClick={() => {
               _czc && _czc.push(["_trackEvent", '中间页大奖排行榜', '中间页面大奖排行榜'])
               history.push(`/active/givecourse?activename=${activeName}`)
-            }}>大奖排行榜>></button>
+            }}>大奖排行榜&gt;&gt;</button>
           }
         </div>
 

src/components/activity/give-courses/index.js

 import React, { Component } from 'react'
 import './give-courses.scss'
-import { getParam, http } from "@/utils"
+import { getParam, http } from "src/utils"
 import { Toast } from "antd-mobile"
 import { Link } from "react-router-dom"
 

src/components/activity/give-courses/share-content/index.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import './share-content.scss'
 import Poster from "./poster/poster"
 import Prizes from './prizes/prizes'
-import {WithFullSize} from '@/HOCs'
+import {WithFullSize} from 'src/HOCs'
 
 
 class ShareContent extends Component {

src/components/activity/give-courses/share-content/poster/poster.js

 import React, { Component } from 'react'
 import QRCode from "qrcode"
 import './poster.scss'
-import { getParam, http } from "@/utils"
+import { getParam, http } from "src/utils"
 import { Toast } from "antd-mobile"
 
 function showToast(text) {

src/components/activity/give-courses/share-content/prizes/prizes.js

 import React, { Component } from 'react'
 import './prizes.scss'
-import { http } from "@/utils"
+import { http } from "src/utils"
 import { Toast } from "antd-mobile"
 
 

src/components/activity/newyear-2019/common/prizes/index.js

 import React, { Component } from 'react'
-import { http } from "@/utils"
+import { http } from "src/utils"
 import './prizes.scss'
-import { Popup } from "@common/index"
+import { Popup } from "src/common/index"
 import { Toast } from "antd-mobile"
 
 
 import Loadable from '@loadable/component'
 
-const SystemBulletScreen = Loadable(() => import(/* webpackChunkName: 'system-notices' */'@components/activity/newyear-2019/common/system-bullet-screen'))
+const SystemBulletScreen = Loadable(() => import(/* webpackChunkName: 'system-notices' */'src/components/activity/newyear-2019/common/system-bullet-screen'))
 
 class Prizes extends Component {
 
@@ -88,7 +88,7 @@ class Prizes extends Component {
       <>
         {(showSystemNotices && notices && notices.length) ? <SystemBulletScreen bullets={notices}/> : null}
         <div className={'prizes-box'} ref={el => this.prizeBox = el}>
-          <a href="javascript:;" className='rule-btn' onClick={this.showRules}>活动规则 > </a>
+          <a href="javascript:;" className='rule-btn' onClick={this.showRules}>活动规则 &gt; </a>
           <div className={`bg`} ref={el => this.bg = el}/>
           <div className={`inner-box`} ref={el => this.innerBox = el}>
             <ul className='prize-list' ref={el => this.prizeList = el}>

src/components/activity/newyear-2019/common/splitSuccess/index.js

 import React, { Component } from 'react';
-import { http } from '@/utils';
+import { http } from 'src/utils';
 import './index.scss';
 
 class SplitSuccess extends Component {

src/components/activity/newyear-2019/common/user-bullet-screen/index.js

 import React, { Component } from 'react'
-import { http } from "@/utils"
+import { http } from "src/utils"
 import Swiper from 'swiper'
 import 'swiper/dist/css/swiper.min.css'
 import './bullet-screen.scss'

src/components/activity/newyear-2019/landing/index.js

 import React, { Component } from 'react'
 import BoxContainer from '../box-container/container'
 import { Toast, WhiteSpace } from "antd-mobile"
-import { Popup } from "@common/index"
+import { Popup } from "src/common/index"
 import { connect } from "react-redux"
-import Prizes from "@components/activity/newyear-2019/common/prizes"
-import BulletScreen from "@components/activity/newyear-2019/common/user-bullet-screen"
+import Prizes from "src/components/activity/newyear-2019/common/prizes"
+import BulletScreen from "src/components/activity/newyear-2019/common/user-bullet-screen"
 import './landing.scss'
-import { browser, getParam, http, wxShare, SendMessageToApp } from "@/utils"
+import { browser, getParam, http, wxShare, SendMessageToApp } from "src/utils"
 import QRCode from "qrcode"
 import YearCourse from '../preheat/YearCourse'
 import { FadeLoader } from "react-spinners"
@@ -464,7 +464,7 @@ class Landing extends Component {
         {
           !(standby_plan && browser.isWeixin) &&
           <div id="to-square">
-            <a href='javascript:' onClick={this.toSquare}>前往活动会场，享更多福利！ >></a>
+            <a href='javascript:' onClick={this.toSquare}>前往活动会场，享更多福利！ &gt;&gt;</a>
           </div>
         }
         <BoxContainer>

src/components/activity/newyear-2019/myTreasure/index.js

 import React, { Component } from 'react'
 import { connect } from 'react-redux'
-import { HeaderBar } from '@common'
-import AddressPopup from '@common/addressPopup/index'
-import BindPhone from '@common/bindPhone/index'
-import ConfirmPhone from '@common/confirmPhone/index'
+import { HeaderBar } from 'src/common'
+import AddressPopup from 'src/common/addressPopup/index'
+import BindPhone from 'src/common/bindPhone/index'
+import ConfirmPhone from 'src/common/confirmPhone/index'
 import CreateSuccess from './../common/createSuccess/index'
 import TreasureTeam from './team'
 import PrizeStatus from './prize'
 import SplitSuccess from './../common/splitSuccess/index'
-import { http, getParam, SendMessageToApp, browser } from '@/utils'
+import { http, getParam, SendMessageToApp, browser } from 'src/utils'
 import Mask from './mask'
 import './index.scss'
 

src/components/activity/newyear-2019/myTreasure/team.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import classnames from 'classnames';
 import { Link } from 'react-router-dom';
 import './team.scss';
-import { getParam } from "@/utils"
+import { getParam } from "src/utils"
 
 class TreasureTeam extends Component {
   constructor(props) {

src/components/activity/newyear-2019/preheat/LiveRoom/index.js

@@ -2,11 +2,11 @@ import React, { Component } from 'react';
 import './index.scss';
 import { Toast } from 'antd-mobile';
 import {Link, withRouter} from "react-router-dom"
-import { getParam, http, SendMessageToApp, browser } from "@/utils"
+import { getParam, http, SendMessageToApp, browser } from "src/utils"
 import CommonContainer from './../../common/commonContainer/index'
 import CommonPopup from './../../common/commonPopup/index';
 import { connect } from 'react-redux';
-import { Popup } from "@common/index"
+import { Popup } from "src/common/index"
 import QRCode from 'qrcode'
 @connect(state => ({
   user: state.user

src/components/activity/newyear-2019/preheat/YearCourse/index.js

 import React, { Component } from 'react'
 import './index.scss'
-import { http, SendMessageToApp, getParam, browser } from '@/utils'
+import { http, SendMessageToApp, getParam, browser } from 'src/utils'
 import CommonContainer from './../../common/commonContainer/index'
 import CourseItem from '../../../../blessingPreheat/courseItem/index'
 import { withRouter } from "react-router-dom"
@@ -864,7 +864,7 @@ class YearCourse extends Component {
                                                                         <a
                                                                             onClick={() => this.toCourse(item.course_id)}
                                                                             className="status-btn to-group"
-                                                                        >马上抢>></a>
+                                                                        >马上抢&gt;&gt;</a>
                                                                     }
                                                                     {
                                                                         item.is_assemble == 1 &&

src/components/activity/newyear-2019/preheat/index.js

@@ -6,8 +6,8 @@ import TreasureBox from './../treasure-box/index'
 import TreasureNav from './nav'
 import CommonPopup from './../common/commonPopup/index'
 import cookie from "js-cookie"
-import {setCurrentUser, startFetchUser} from "@/store/userAction"
-import {SendMessageToApp, getParam, http} from '@/utils'
+import {setCurrentUser, startFetchUser} from "src/store/userAction"
+import {SendMessageToApp, getParam, http} from 'src/utils'
 import {addDays} from "date-fns"
 import {connect} from "react-redux"
 import {Toast} from 'antd-mobile'

src/components/activity/newyear-2019/preheat/nav.js

 import React, { Component } from 'react';
 import classnames from 'classnames';
-import { http } from '@/utils';
+import { http } from 'src/utils';
 import './nav.scss';
 
 class TreasureNav extends Component {

src/components/activity/newyear-2019/treasure-box/index.js

@@ -3,8 +3,8 @@ import { withRouter } from 'react-router-dom';
 import CommonContainer from './../common/commonContainer/index';
 import TreasureRank from './rank';
 import TeamInfo from './team'
-import Prizes from "@components/activity/newyear-2019/common/prizes"
-import UserBulletScreen from "@components/activity/newyear-2019/common/user-bullet-screen"
+import Prizes from "src/components/activity/newyear-2019/common/prizes"
+import UserBulletScreen from "src/components/activity/newyear-2019/common/user-bullet-screen"
 
 class TreasureBox extends Component {
   constructor(props) {

src/components/activity/newyear-2019/treasure-box/rank.js

 import React, { Component } from 'react';
-import { http, getParam, SendMessageToApp } from '@/utils';
+import { http, getParam, SendMessageToApp } from 'src/utils';
 import './rank.scss'
 
 class TreasureRank extends Component {

src/components/activity/newyear-2019/treasure-box/team.js

 import React, { Component } from 'react';
 import './team.scss'
-import { getParam, http, SendMessageToApp } from "@/utils"
+import { getParam, http, SendMessageToApp } from "src/utils"
 import { Toast } from 'antd-mobile';
 import {withRouter} from 'react-router-dom';
 import {compose} from "redux"

src/components/activity/newyear-2019/year-wish/index.js

 import React, {Component} from 'react'
 import './index.scss'
-import {http, SendMessageToApp, getParam} from '@/utils'
+import {http, SendMessageToApp, getParam} from 'src/utils'
 import CommonContainer from './../common/commonContainer/index'
 import CourseItem from '../../../blessingPreheat/courseItem/index'
 import {withRouter} from "react-router-dom"
@@ -307,7 +307,7 @@ class YarnWish extends Component {
                                                                 <a
                                                                     onClick={() => this.toCourse(item.course_id)}
                                                                     className="status-btn to-group"
-                                                                >马上抢>></a>
+                                                                >马上抢&gt;&gt;</a>
                                                             }
                                                             {
                                                                 item.type === 6 &&

src/components/activity/treasure-box/common/prizes/index.js

 import React, { Component } from 'react'
-import { http } from "@/utils"
+import { http } from "src/utils"
 import './prizes.scss'
-import { Popup } from "@common/index"
+import { Popup } from "src/common/index"
 import { Toast } from "antd-mobile"
 
 
 import Loadable from '@loadable/component'
 
-const SystemBulletScreen = Loadable(() => import(/* webpackChunkName: 'system-notices' */'@components/activity/newyear-2019/common/system-bullet-screen'))
+const SystemBulletScreen = Loadable(() => import(/* webpackChunkName: 'system-notices' */'src/components/activity/newyear-2019/common/system-bullet-screen'))
 
 class Prizes extends Component {
 
@@ -88,7 +88,7 @@ class Prizes extends Component {
       <>
         {(showSystemNotices && notices && notices.length) ? <SystemBulletScreen bullets={notices}/> : null}
         <div className={'prizes-box'} ref={el => this.prizeBox = el}>
-          <a href="javascript:;" className='rule-btn' onClick={this.showRules}>活动规则 > </a>
+          <a href="javascript:;" className='rule-btn' onClick={this.showRules}>活动规则 &gt; </a>
           <div className={`bg`} ref={el => this.bg = el}/>
           <div className={`inner-box`} ref={el => this.innerBox = el}>
             <ul className='prize-list' ref={el => this.prizeList = el}>

src/components/activity/treasure-box/common/splitSuccess/index.js

 import React, { Component } from 'react';
-import { http } from '@/utils';
+import { http } from 'src/utils';
 import './index.scss';
 
 class SplitSuccess extends Component {

src/components/activity/treasure-box/common/user-bullet-screen/index.js

 import React, { Component } from 'react'
-import { http } from "@/utils"
+import { http } from "src/utils"
 import Swiper from 'swiper'
 import 'swiper/dist/css/swiper.min.css'
 import './bullet-screen.scss'

src/components/activity/treasure-box/landing/index.js

 import React, { Component } from 'react'
 import BoxContainer from '../box-container/container'
 import { Toast, WhiteSpace } from "antd-mobile"
-import { Popup } from "@common/index"
+import { Popup } from "src/common/index"
 import { connect } from "react-redux"
-import Prizes from "@components/activity/newyear-2019/common/prizes"
-import BulletScreen from "@components/activity/newyear-2019/common/user-bullet-screen"
+import Prizes from "src/components/activity/newyear-2019/common/prizes"
+import BulletScreen from "src/components/activity/newyear-2019/common/user-bullet-screen"
 import './landing.scss'
-import { browser, getParam, http, wxShare, SendMessageToApp } from "@/utils"
+import { browser, getParam, http, wxShare, SendMessageToApp } from "src/utils"
 import QRCode from "qrcode"
 import { FadeLoader } from "react-spinners"
-import HomeCourseList from "@components/Index/course-list"
-import AllCourseNavigation from "@components/Index/all-course"
+import HomeCourseList from "src/components/Index/course-list"
+import AllCourseNavigation from "src/components/Index/all-course"
 
 class Landing extends Component {
 
@@ -488,7 +488,7 @@ class Landing extends Component {
         {
           !(standby_plan && browser.isWeixin) &&
           <div id="to-square">
-            <a href='javascript:' onClick={this.toSquare}>前往七月在线官网，学人工智能精品课程！ >></a>
+            <a href='javascript:' onClick={this.toSquare}>前往七月在线官网，学人工智能精品课程！ &gt;&gt;</a>
           </div>
         }
         <BoxContainer>

src/components/activity/treasure-box/myTreasure/index.js

 import React, { Component } from 'react'
 import { connect } from 'react-redux'
-import { HeaderBar } from '@common'
-import AddressPopup from '@common/addressPopup/index'
-import BindPhone from '@common/bindPhone/index'
-import ConfirmPhone from '@common/confirmPhone/index'
+import { HeaderBar } from 'src/common'
+import AddressPopup from 'src/common/addressPopup/index'
+import BindPhone from 'src/common/bindPhone/index'
+import ConfirmPhone from 'src/common/confirmPhone/index'
 import CreateSuccess from './../common/createSuccess/index'
 import TreasureTeam from './team'
 import PrizeStatus from './prize'
 import SplitSuccess from './../common/splitSuccess/index'
-import { http, getParam, SendMessageToApp, browser } from '@/utils'
+import { http, getParam, SendMessageToApp, browser } from 'src/utils'
 import Mask from './mask'
 import './index.scss'
 

src/components/activity/treasure-box/myTreasure/team.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import classnames from 'classnames';
 import { Link } from 'react-router-dom';
 import './team.scss';
-import { getParam } from "@/utils"
+import { getParam } from "src/utils"
 
 class TreasureTeam extends Component {
   constructor(props) {

src/components/activity/treasure-box/preheat/LiveRoom/index.js

@@ -2,11 +2,11 @@ import React, { Component } from 'react';
 import './index.scss';
 import { Toast } from 'antd-mobile';
 import {Link, withRouter} from "react-router-dom"
-import { getParam, http, SendMessageToApp, browser } from "@/utils"
+import { getParam, http, SendMessageToApp, browser } from "src/utils"
 import CommonContainer from './../../common/commonContainer/index'
 import CommonPopup from './../../common/commonPopup/index';
 import { connect } from 'react-redux';
-import { Popup } from "@common/index"
+import { Popup } from "src/common/index"
 import QRCode from 'qrcode'
 @connect(state => ({
   user: state.user

src/components/activity/treasure-box/preheat/YearCourse/index.js

 import React, { Component } from 'react'
 import './index.scss'
-import { http, SendMessageToApp, getParam, browser } from '@/utils'
+import { http, SendMessageToApp, getParam, browser } from 'src/utils'
 import CommonContainer from './../../common/commonContainer/index'
 import CourseItem from '../../../../blessingPreheat/courseItem/index'
 import { withRouter } from "react-router-dom"

src/components/activity/treasure-box/preheat/index.js

@@ -6,8 +6,8 @@ import TreasureBox from './../treasure-box/index'
 import TreasureNav from './nav'
 import CommonPopup from './../common/commonPopup/index'
 import cookie from "js-cookie"
-import {setCurrentUser, startFetchUser} from "@/store/userAction"
-import {SendMessageToApp, getParam, http} from '@/utils'
+import {setCurrentUser, startFetchUser} from "src/store/userAction"
+import {SendMessageToApp, getParam, http} from 'src/utils'
 import {addDays} from "date-fns"
 import {connect} from "react-redux"
 import {Toast} from 'antd-mobile'

src/components/activity/treasure-box/preheat/nav.js

 import React, { Component } from 'react';
 import classnames from 'classnames';
-import { http } from '@/utils';
+import { http } from 'src/utils';
 import './nav.scss';
 
 class TreasureNav extends Component {

src/components/activity/treasure-box/treasure-box/index.js

@@ -3,8 +3,8 @@ import { withRouter } from 'react-router-dom';
 import CommonContainer from './../common/commonContainer/index';
 import TreasureRank from './rank';
 import TeamInfo from './team'
-import Prizes from "@components/activity/treasure-box/common/prizes"
-import UserBulletScreen from "@components/activity/treasure-box/common/user-bullet-screen"
+import Prizes from "src/components/activity/treasure-box/common/prizes"
+import UserBulletScreen from "src/components/activity/treasure-box/common/user-bullet-screen"
 
 class TreasureBox extends Component {
   constructor(props) {

src/components/activity/treasure-box/treasure-box/rank.js

 import React, { Component } from 'react';
-import { http, getParam, SendMessageToApp } from '@/utils';
+import { http, getParam, SendMessageToApp } from 'src/utils';
 import './rank.scss'
 
 class TreasureRank extends Component {

src/components/activity/treasure-box/treasure-box/team.js

 import React, { Component } from 'react';
 import './team.scss'
-import { getParam, http, SendMessageToApp } from "@/utils"
+import { getParam, http, SendMessageToApp } from "src/utils"
 import { Toast } from 'antd-mobile';
 import {withRouter} from 'react-router-dom';
 import {compose} from "redux"

src/components/activity/treasure-box/year-wish/index.js

 import React, {Component} from 'react'
 import './index.scss'
-import {http, SendMessageToApp, getParam} from '@/utils'
+import {http, SendMessageToApp, getParam} from 'src/utils'
 import CommonContainer from './../common/commonContainer/index'
 import CourseItem from '../../../blessingPreheat/courseItem/index'
 import {withRouter} from "react-router-dom"
@@ -307,7 +307,7 @@ class YarnWish extends Component {
                                                                 <a
                                                                     onClick={() => this.toCourse(item.course_id)}
                                                                     className="status-btn to-group"
-                                                                >马上抢>></a>
+                                                                >马上抢&gt;&gt;</a>
                                                             }
                                                             {
                                                                 item.type === 6 &&

src/components/ai-test/analysis/index.js

 import React, { Component } from 'react';
 import './index.scss'
-import { HeaderBar } from "@common/index"
-import Question from "@components/ai-test/common/question"
-import Navigation from "@components/ai-test/common/navigation"
-import { html, http } from "@/utils"
+import { HeaderBar } from "src/common/index"
+import Question from "src/components/ai-test/common/question"
+import Navigation from "src/components/ai-test/common/navigation"
+import { html, http } from "src/utils"
 import { Toast } from "antd-mobile";
-import Recommends from '@/components/ai-test/common/recommends'
+import Recommends from 'src/components/ai-test/common/recommends'
 
 
 class Analysis extends Component {

src/components/ai-test/assist/index.js

 import React, { Component } from 'react';
 import './index.scss'
-import { HeaderBar } from "@common/index"
-import Question from "@components/ai-test/common/question"
-import { html, http, browser } from "@/utils"
+import { HeaderBar } from "src/common/index"
+import Question from "src/components/ai-test/common/question"
+import { html, http, browser } from "src/utils"
 import { Toast } from "antd-mobile";
 import { Link } from "react-router-dom";
 import { connect } from "react-redux";
-import Recommends from "@components/ai-test/common/recommends"
+import Recommends from "src/components/ai-test/common/recommends"
 import classnames from 'classnames'
 import storage from 'store2'
 

src/components/ai-test/common/question/index.js

 import React, { Component } from 'react';
 import './index.scss'
-import { html } from "@/utils"
+import { html } from "src/utils"
 import classnames from 'classnames'
 
 

src/components/ai-test/exam/index.js

 import React, { Component } from 'react';
 import './index.scss'
 import Question from '../common/question'
-import { browser, getParam, http } from "@/utils"
+import { browser, getParam, http } from "src/utils"
 import { Toast } from 'antd-mobile'
 import storage from 'store2'
-import Navigation from "@components/ai-test/common/navigation"
+import Navigation from "src/components/ai-test/common/navigation"
 import {
   differenceInSeconds,
   differenceInMinutes,

src/components/ai-test/index.js

@@ -3,11 +3,11 @@ import './index.scss'
 import { Switch, Route } from 'react-router-dom'
 import Scores from './scores'
 import Exam from './exam'
-import SubmitAnswer from "@components/ai-test/submit-answer"
-import Analysis from "@components/ai-test/analysis"
-import Assist from "@components/ai-test/assist"
-import Help from '@components/ai-test/share'
-import Report from '@components/ai-test/report'
+import SubmitAnswer from "src/components/ai-test/submit-answer"
+import Analysis from "src/components/ai-test/analysis"
+import Assist from "src/components/ai-test/assist"
+import Help from 'src/components/ai-test/share'
+import Report from 'src/components/ai-test/report'
 
 class AiTest extends Component {
 

src/components/ai-test/report/index.js

 import React, { Component } from 'react'
-import { HeaderBar } from '@/common'
-import { getParam, http } from '@/utils'
+import { HeaderBar } from 'src/common'
+import { getParam, http } from 'src/utils'
 import './index.scss'
 import QRCode from 'qrcode'
 import html2canvas from 'html2canvas'
-import scoreIconL from '@assets/image/score_icon-l.png'
-import scoreIconR from '@assets/image/score_icon-r.png'
-import scoreReportBg from '@assets/image/scoreReport_bg.png'
+import scoreIconL from 'src/assets/image/score_icon-l.png'
+import scoreIconR from 'src/assets/image/score_icon-r.png'
+import scoreReportBg from 'src/assets/image/scoreReport_bg.png'
 import { connect } from "react-redux"
 
 @connect(state => ({

src/components/ai-test/scores/index.js

 import React, { Component } from 'react';
 import './index.scss'
 import { Tabs, Toast } from "antd-mobile";
-import { http } from "@/utils"
+import { http } from "src/utils"
 import storage from 'store2'
-import { html } from '@/utils'
+import { html } from 'src/utils'
 import { compareDesc } from "date-fns";
 import { Link } from "react-router-dom";
 import { connect } from "react-redux";

src/components/ai-test/share/index.js

 import React, {Component} from 'react'
 import {CopyToClipboard} from 'react-copy-to-clipboard'
-import {browser, http, wxShare,getParam} from '@/utils'
+import {browser, http, wxShare,getParam} from 'src/utils'
 import './index.scss'
 import {Toast} from "antd-mobile"
 

src/components/ai-test/submit-answer/index.js

 import React, { Component } from 'react';
 import './index.scss'
-import { HeaderBar } from "@common/index"
+import { HeaderBar } from "src/common/index"
 import storage from 'store2'
 import { Toast } from "antd-mobile";
-import { http } from "@/utils"
+import { http } from "src/utils"
 import classnames from 'classnames'
 import { Link } from "react-router-dom";
 import { isEmpty } from 'lodash'

src/components/bargainMiddlePage/barcode/index.js

 import React, { Component } from 'react';
 import QRCode from 'qrcode';
-import { http } from "@/utils"
+import { http } from "src/utils"
 import './index.scss';
 
 class FollowBarcode extends Component {

src/components/bargainMiddlePage/barcode/index.scss

+@import "src/assets/css/variable";
 .bargain-popup__barcode {
   width: 300px;
   height: 185px;

src/components/bargainMiddlePage/bargain-middle-page.scss

+@import "src/assets/css/variable";
 .bargain-middle-page {
   background: $bg_f4f4f4;
   padding-bottom: 50px;

src/components/bargainMiddlePage/index.js

 import React, {Component} from 'react'
 import './bargain-middle-page.scss'
-import {HeaderBar, VList} from '@common'
-import {Course} from '@common'
-import {api, getParam, http, browser, wxShare} from "@/utils"
+import {HeaderBar, VList} from 'src/common'
+import {Course} from 'src/common'
+import {api, getParam, http, browser, wxShare} from "src/utils"
 import {Toast} from "antd-mobile"
 import {Link, withRouter} from "react-router-dom"
 import Ranking from './ranking'
@@ -516,7 +516,7 @@ class BargainMiddlePage extends Component {
                             }
 
                         </ul>
-                        <div className="more" onClick={this.getMore}>查看更多>></div>
+                        <div className="more" onClick={this.getMore}>查看更多&gt;&gt;</div>
                     </div>
                 </div>
                 <div className="bargain-course-list" id='bargainCourse'>
@@ -547,7 +547,7 @@ class BargainMiddlePage extends Component {
                         }
                     </ul>
                 </div>
-                <Link to={'/classify'} className={'preferential'}>查看更多精品课程 >></Link>
+                <Link to={'/classify'} className={'preferential'}>查看更多精品课程 &gt;&gt;</Link>
 
 
                 {/*更多好友砍价*/}

src/components/bargainMiddlePage/ranking/index.scss

+@import "src/assets/css/variable";
 .ranking-box {
   .moreMbc {
     position: fixed;

src/components/blessingGetPrize/index.js

 import React, { Component } from 'react';
 import './index.scss';
 import ListHeader from './../blessingPreheat/listHeader/index'
-import { http, getParam } from '@/utils';
+import { http, getParam } from 'src/utils';
 import { Toast } from 'antd-mobile';
 import AddressPopup from './../blessingPreheat/addressPopup/index'
-import { Popup } from '@/common'
+import { Popup } from 'src/common'
 import { connect } from 'react-redux'
 import jsCookie from 'js-cookie'
 @connect(({user}) => (

src/components/blessingPreheat/ReserveCourse/index.js

 import React, {Component} from 'react';
-import {http, getParam, SendMessageToApp} from '@/utils';
+import {http, getParam, SendMessageToApp} from 'src/utils';
 import listFrame from './../listFrame/index';
 import './index.scss';
 import {Toast} from "antd-mobile"

src/components/blessingPreheat/addressPopup/index.js

 import React, { Component } from 'react';
 import { isEmpty } from 'lodash';
-import { http } from '@/utils';
+import { http } from 'src/utils';
 import { Formik, Form, Field } from 'formik';
 import { Toast } from "antd-mobile";
 import './index.scss';

src/components/blessingPreheat/collectBlessing/index.js

 import React, { Component } from 'react';
 import { connect } from 'react-redux';
 import { Link } from 'react-router-dom';
-import { http, getParam, SendMessageToApp } from '@/utils';
+import { http, getParam, SendMessageToApp } from 'src/utils';
 import { Toast } from "antd-mobile";
 import ListFrame from './../listFrame/index';
 import ListHeader from './../listHeader';

src/components/blessingPreheat/courseList/index.js

 import React, { Component } from 'react';
 import classnames from 'classnames';
-import { http , getParam, SendMessageToApp} from '@/utils';
+import { http , getParam, SendMessageToApp} from 'src/utils';
 import { Toast } from "antd-mobile";
 import ListFrame from './../listFrame/index';
 import CourseItem from './../courseItem/index';

src/components/blessingPreheat/coursePopup/index.js

 import React, { Component } from 'react';
 import classnames from 'classnames';
-import { http, SendMessageToApp } from "@/utils";
+import { http, SendMessageToApp } from "src/utils";
 import './index.scss';
 import { getParam } from '../../../utils';
 

src/components/blessingPreheat/formal-draw/index.js

 import React, { Component } from 'react'
-import { http } from "@/utils"
+import { http } from "src/utils"
 import { Toast, Tabs } from 'antd-mobile'
 import './index.scss'
 import 'swiper/dist/css/swiper.min.css'
 import { Link, withRouter } from 'react-router-dom'
 import classnames from 'classnames'
 import Swiper from 'swiper'
-import { Popup } from "@common/index"
+import { Popup } from "src/common/index"
 import QRCode from 'qrcode'
 import { connect } from 'react-redux'
 

src/components/blessingPreheat/index.js

 import React, { Component } from 'react'
 import QRCode from 'qrcode'
-import { http, SendMessageToApp, wxShare, is_weixin, getParam } from '@/utils'
+import { http, SendMessageToApp, wxShare, is_weixin, getParam } from 'src/utils'
 import { Link } from 'react-router-dom'
 import { throttle, findIndex, debounce } from 'lodash'
 import RulePopup from './rulePopup/index'
@@ -15,12 +15,12 @@ import ListHeader from './listHeader/index'
 import LevelTest from './levelTest/index'
 import RankList from './rankList/index'
 import './index.scss'
-import { Popup } from '@/common'
+import { Popup } from 'src/common'
 import { Toast } from "antd-mobile"
 import Live from './live'
 import Banner from './banner'
 import cookie from "js-cookie"
-import { setCurrentUser, startFetchUser } from "@/store/userAction"
+import { setCurrentUser, startFetchUser } from "src/store/userAction"
 import { addDays } from "date-fns"
 import { compose } from "redux"
 import { connect } from "react-redux"
@@ -677,8 +677,8 @@ class BlessingPreheat extends Component {
               ) : null
             }
             <div className="formal-draw-btns">
-              <button className="luck-draw__button" onClick={() => this.handleToShow('isRule')}>活动规则></button>
-              <button className='prize-record' onClick={this.getMyPrizeRecord}>中奖记录></button>
+              <button className="luck-draw__button" onClick={() => this.handleToShow('isRule')}>活动规则&gt;</button>
+              <button className='prize-record' onClick={this.getMyPrizeRecord}>中奖记录&gt;</button>
             </div>
             <FormalDraw toLogin={this.toLogin} isApp={isApp}/>
           </>
@@ -713,7 +713,7 @@ class BlessingPreheat extends Component {
           <>
             <ListHeader id={'lucky-draw'} text="幸运大抽奖" styles={{margin: '30px 0 10px'}}/>
             <p className="luck-draw__tip">- 将于11月11日10点开启 -</p>
-            <button className="luck-draw__button" onClick={() => this.handleToShow('isRule')}>活动规则></button>
+            <button className="luck-draw__button" onClick={() => this.handleToShow('isRule')}>活动规则&gt;</button>
             <LuckDraw/>
           </>
 
@@ -771,7 +771,7 @@ class BlessingPreheat extends Component {
               ) : null
             }
         <div className="test__record" onClick={() => this.handleToShow('showRecordList', true)}>
-          测试记录>
+          测试记录&gt;
         </div>
         <LevelTest
           history={history}

src/components/blessingPreheat/levelTest/index.js

 import React, { Component } from 'react'
 import './index.scss'
 import listFrame from './../listFrame/index';
-import { http, SendMessageToApp, getParam} from "@/utils"
+import { http, SendMessageToApp, getParam} from "src/utils"
 
 class LevelTest extends Component {
   constructor(props) {

src/components/blessingPreheat/live/index.js

 import React, { Component } from 'react'
 import './index.scss'
 import { Tabs, Toast } from "antd-mobile"
-import { getParam, http, SendMessageToApp, browser } from "@/utils"
-import { Popup } from "@common/index"
+import { getParam, http, SendMessageToApp, browser } from "src/utils"
+import { Popup } from "src/common/index"
 import QRCode from 'qrcode'
 import { uniqBy } from 'lodash'
 import { connect } from 'react-redux'

src/components/blessingPreheat/luckDraw/index.js

 import React, { Component } from 'react';
-import { http } from '@/utils';
+import { http } from 'src/utils';
 import { Tabs } from 'antd-mobile';
 import ListFrame from './../listFrame/index';
 import './index.scss';

src/components/blessingPreheat/rankList/index.js

 import React, { Component } from 'react'
 import './index.scss'
-import {http} from "@/utils"
+import {http} from "src/utils"
 import ListHeader from './../listHeader';
 
 export default class RankList extends Component {

src/components/blessingPreheat/recordPopup/index.js

 import React, { Component } from 'react'
 import './index.scss'
-import { http, getParam } from '@/utils';
+import { http, getParam } from 'src/utils';
 
 export default class RecordPopup extends Component {
   constructor(props) {

src/components/blessingPreheat/sharePopup/index.js

 import React, { Component } from 'react';
-import { browser } from '@/utils';
+import { browser } from 'src/utils';
 import './index.scss'
 
 export default class SharePopup extends Component {

src/components/blessingPreheat/toAppDemo.js

 import React, {Component} from 'react'
-import {SendMessageToApp,wxShare} from '@/utils'
-import {setCurrentUser, startFetchUser} from "@/store/userAction"
+import {SendMessageToApp,wxShare} from 'src/utils'
+import {setCurrentUser, startFetchUser} from "src/store/userAction"
 import {Button, Toast, WhiteSpace} from 'antd-mobile'
 import cookie from 'js-cookie'
 import {addDays} from "date-fns"

src/components/blessingRank/index.js

 import React, { Component } from 'react'
 import { connect } from 'react-redux'
-import { http } from "@/utils"
-import { Popup } from '@/common'
+import { http } from "src/utils"
+import { Popup } from 'src/common'
 import AddressPopup from './../blessingPreheat/addressPopup/index'
 import './index.scss'
 
@@ -67,7 +67,7 @@ class BlessingRank extends Component {
       <>
         <div className="rank__banner"></div>
         <div className="rank__body">
-          <button className="rank__address" onClick={() => this.handleToSwitch(true)}>填写收货地址></button>
+          <button className="rank__address" onClick={() => this.handleToSwitch(true)}>填写收货地址&gt;</button>
           <div className="rank__table">
             <dl className="rank__table-header">
               <dd className="rank__table-column">排名</dd>