19 |
--------------------------------------------------------------------------------
/dva-umi-template/assets/analysis.json:
--------------------------------------------------------------------------------
1 | {tabData:[
2 | {
3 | date:'2017-05-02',
4 | name:'王小虎',
5 | address:'上海市普陀区金沙江路1518弄'
6 | },
7 | {
8 | date:'2016-06-04',
9 | name:'王小虎',
10 | address: '上海市普陀区金沙江路 1517 弄'
11 | },
12 | {
13 | date:'2016-05-01',
14 | name:'王小虎',
15 | address:'上海市普陀区金沙江路 1519 弄'
16 | },
17 | {
18 | date: '2018-05-03',
19 | name: '王小虎',
20 | address: '上海市普陀区金沙江路 1516 弄'
21 | }
22 | ]}
--------------------------------------------------------------------------------
/dva-umi-template/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/dva-umi-template/assets/logo.png
--------------------------------------------------------------------------------
/dva-umi-template/assets/react-pc-template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/dva-umi-template/assets/react-pc-template.png
--------------------------------------------------------------------------------
/dva-umi-template/components/GlobalFooter/index.less:
--------------------------------------------------------------------------------
1 | @import '~antd/lib/style/themes/default.less';
2 |
3 | .globalFooter {
4 | padding: 0 16px;
5 | margin: 48px 0 24px 0;
6 | text-align: center;
7 |
8 | .links {
9 | margin-bottom: 8px;
10 |
11 | a {
12 | color: @text-color-secondary;
13 | transition: all 0.3s;
14 |
15 | &:not(:last-child) {
16 | margin-right: 40px;
17 | }
18 |
19 | &:hover {
20 | color: @text-color;
21 | }
22 | }
23 | }
24 |
25 | .copyright {
26 | color: @text-color-secondary;
27 | font-size: @font-size-base;
28 | }
29 | }
30 |
--------------------------------------------------------------------------------
/dva-umi-template/components/NoticeIcon/index.less:
--------------------------------------------------------------------------------
1 | @import '~antd/lib/style/themes/default.less';
2 |
3 | .popover {
4 | width: 336px;
5 | :global(.ant-popover-inner-content) {
6 | padding: 0;
7 | }
8 | }
9 |
10 | .noticeButton {
11 | cursor: pointer;
12 | display: inline-block;
13 | transition: all 0.3s;
14 | }
15 |
16 | .icon {
17 | font-size: 16px;
18 | padding: 4px;
19 | }
20 |
21 | .tabs {
22 | :global {
23 | .ant-tabs-nav-scroll {
24 | text-align: center;
25 | }
26 | .ant-tabs-bar {
27 | margin-bottom: 4px;
28 | }
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/dva-umi-template/components/_utils/pathTools.js:
--------------------------------------------------------------------------------
1 | // /userinfo/2144/id => ['/userinfo','/useinfo/2144,'/userindo/2144/id']
2 | export function urlToList(url) {
3 | const urllist = url.split('/').filter(i => i);
4 | return urllist.map((urlItem, index) => {
5 | return `/${urllist.slice(0, index + 1).join('/')}`;
6 | });
7 | }
8 |
--------------------------------------------------------------------------------
/dva-umi-template/components/_utils/pathTools.test.js:
--------------------------------------------------------------------------------
1 | import { urlToList } from './pathTools';
2 |
3 | describe('test urlToList', () => {
4 | it('A path', () => {
5 | expect(urlToList('/userinfo')).toEqual(['/userinfo']);
6 | });
7 | it('Secondary path', () => {
8 | expect(urlToList('/userinfo/2144')).toEqual(['/userinfo', '/userinfo/2144']);
9 | });
10 | it('Three paths', () => {
11 | expect(urlToList('/userinfo/2144/addr')).toEqual([
12 | '/userinfo',
13 | '/userinfo/2144',
14 | '/userinfo/2144/addr',
15 | ]);
16 | });
17 | });
18 |
--------------------------------------------------------------------------------
/dva-umi-template/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "scripts": {
3 | "start": "umi dev",
4 | "build": "umi build"
5 | },
6 | "dependencies": {
7 | "ant-design-pro": "^1.3.0",
8 | "axios": "^0.18.0",
9 | "dva": "^2.4.1",
10 | "lodash": "^4.17.10",
11 | "lodash-decorators": "^5.0.0",
12 | "moment": "^2.22.1",
13 | "path-to-regexp": "^1.7.0",
14 | "rc-drawer-menu": "^0.5.7",
15 | "umi": "^2.1.1",
16 | "umi-plugin-react": "^1.0.0-beta.17"
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/dva-umi-template/pages/.umi/DvaContainer.js:
--------------------------------------------------------------------------------
1 | import { Component } from 'react';
2 |
3 | class DvaContainer extends Component {
4 | render() {
5 | window.g_app.router(() => this.props.children);
6 | return window.g_app.start()();
7 | }
8 | }
9 |
10 | export default DvaContainer;
11 |
--------------------------------------------------------------------------------
/dva-umi-template/pages/.umi/initDva.js:
--------------------------------------------------------------------------------
1 | import dva from 'dva';
2 | import createLoading from 'dva-loading';
3 |
4 | const runtimeDva = window.g_plugins.mergeConfig('dva');
5 | let app = dva({
6 | history: window.g_history,
7 |
8 | ...(runtimeDva.config || {}),
9 | });
10 |
11 | window.g_app = app;
12 | app.use(createLoading());
13 | (runtimeDva.plugins || []).forEach(plugin => {
14 | app.use(plugin);
15 | });
16 |
17 | app.model({ namespace: 'analysis', ...(require('E:/my-react/react-pc-template/pages/dashboard/models/analysis.js').default) });
18 | app.model({ namespace: 'login', ...(require('E:/my-react/react-pc-template/pages/login/models/login.js').default) });
19 |
--------------------------------------------------------------------------------
/dva-umi-template/pages/.umi/initHistory.js:
--------------------------------------------------------------------------------
1 | // create history
2 | window.g_history = require('history/createHashHistory').default();
3 |
--------------------------------------------------------------------------------
/dva-umi-template/pages/.umi/polyfills.js:
--------------------------------------------------------------------------------
1 | import '@babel/polyfill';
2 |
3 |
--------------------------------------------------------------------------------
/dva-umi-template/pages/dashboard/models/analysis.js:
--------------------------------------------------------------------------------
1 | import {queryWeather} from '@/service/dashboard';
2 |
3 | export default {
4 | namespace: 'analysis',
5 |
6 | state: {
7 | weatherData: [],
8 | },
9 |
10 | effects: {
11 | *fetchWeather(action, { call, put }) {
12 | const response = yield call(queryWeather);
13 | yield put({
14 | type: 'changeWeather',
15 | weather: response.result||"返回值为空的默认值是weather",
16 | });
17 | },
18 | },
19 |
20 | reducers: {
21 | changeWeather(state, action) {
22 | return {
23 | ...state,
24 | queryWeather: action.weather,
25 | };
26 | },
27 | },
28 | };
--------------------------------------------------------------------------------
/dva-umi-template/pages/dashboard/monitor.js:
--------------------------------------------------------------------------------
1 | import router from 'umi/router';
2 | import { Button } from 'antd';
3 |
4 | export default () =>
5 | <>
6 | 这是{type}
17 | )
18 | }
19 | }
20 |
21 | export default ShopCart;
22 |
--------------------------------------------------------------------------------
/react-mobile/src/store/index.js:
--------------------------------------------------------------------------------
1 | import { createStore,combineReducers, applyMiddleware, compose } from 'redux';
2 | import thunk from 'redux-thunk';
3 | import {API} from '@/api';
4 | import global from './reducer';
5 | const rootReducer = combineReducers({
6 | global
7 | })
8 | export default function configureStore(initialState) {
9 | const store = createStore(
10 | rootReducer,
11 | initialState,
12 | compose(
13 | applyMiddleware(thunk.withExtraArgument({API})),
14 | window.devToolsExtension ? window.devToolsExtension() : f => f
15 | )
16 | );
17 | return store;
18 | };
--------------------------------------------------------------------------------
/react-mobile/static/index.js:
--------------------------------------------------------------------------------
1 | //这是存放静态资源页
--------------------------------------------------------------------------------
/react-mobile/theme.js:
--------------------------------------------------------------------------------
1 | module.exports={
2 | "brand-primary":"#31c37c"
3 | }
--------------------------------------------------------------------------------
/react-pc-skill/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
--------------------------------------------------------------------------------
/react-pc-skill/assets/react-pc-template.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/react-pc-skill/assets/react-pc-template.jpg
--------------------------------------------------------------------------------
/react-pc-skill/config/jest/cssTransform.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | // This is a custom Jest transformer turning style imports into empty objects.
4 | // http://facebook.github.io/jest/docs/en/webpack.html
5 |
6 | module.exports = {
7 | process() {
8 | return 'module.exports = {};';
9 | },
10 | getCacheKey() {
11 | // The output is always the same.
12 | return 'cssTransform';
13 | },
14 | };
15 |
--------------------------------------------------------------------------------
/react-pc-skill/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/react-pc-skill/public/favicon.ico
--------------------------------------------------------------------------------
/react-pc-skill/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": ".",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/react-pc-skill/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(
16 |
21 | );
22 | }
23 | }
24 |
25 |
--------------------------------------------------------------------------------
/react-pc-skill/src/components/TwoTen/EightteenChildOne.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import PropTypes from "prop-types";
3 | import { Button } from "antd";
4 |
5 | export default class EightteenChildOne extends React.Component {
6 | static propTypes = { //
7 | name: PropTypes.string
8 | };
9 |
10 | click = () => {
11 | this.props.eightteenChildOneToFather("这是 props 改变父元素的值");
12 | };
13 |
14 | render() {
15 | return (
16 | {this.state.name}
17 |
20 |
17 |
22 | );
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/react-pc-skill/src/components/TwoTen/EightteenChildTwoChild.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { Consumer } from "../../utils/context"
3 | function Grandson(props) {
4 | return (
5 | //Consumer容器,可以拿到上文传递下来的name属性,并可以展示对应的值
6 | 这是通过 props 传入的值{this.props.name}
18 |
21 |
9 |
11 | }
12 | 孙组件。获取传递下来的值:{name}
10 |这是ThirteenChild,通过异步加载方法导入的
8 | )
9 | }
10 | }
--------------------------------------------------------------------------------
/react-pc-skill/src/components/TwoTen/TwentyChild.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | function areEqual(prevProps, nextProps) {
4 | /*
5 | 如果把 nextProps 传入 render 方法的返回结果与
6 | 将 prevProps 传入 render 方法的返回结果一致则返回 true，
7 | 否则返回 false
8 | */
9 | if (prevProps.val === nextProps.val) {
10 | return true;
11 | } else {
12 | return false;
13 | }
14 | }
15 |
16 | export default React.memo(function twentyChild(props) {
17 | console.log("MemoSon rendered : " + Date.now());
18 | return {props.val}
;
19 | }, areEqual);
--------------------------------------------------------------------------------
/react-pc-skill/src/index.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
4 | "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
5 | sans-serif;
6 | -webkit-font-smoothing: antialiased;
7 | -moz-osx-font-smoothing: grayscale;
8 | }
9 |
10 | code {
11 | font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
12 | monospace;
13 | }
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/FourTen/thirtyFour.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | export default class ThirtyFour extends React.Component{
4 |
5 | render(){
6 | const flag=true
7 | return (
8 | 这是技巧 34
9 | )
10 | }
11 | }
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/FourTen/thirtyOne.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Button } from 'antd'
3 |
4 | export default class Three extends React.Component {
5 | state = {
6 | flag: true,
7 | flagOne: 1
8 | };
9 | click(data1,data2){
10 | console.log('data1 值为',data1)
11 | console.log('data2 值为',data2)
12 | }
13 | render() {
14 | return (
15 |
16 |
17 |
18 | );
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/FourTen/thirtyTwo.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | export default class ThirtyTwo extends React.Component{
4 |
5 | render(){
6 | return (
7 | 这是技巧32,详情使用见 App.js
8 | )
9 | }
10 | }
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/Home/index.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Redirect } from 'react-router-dom'
3 |
4 | export default class Home extends React.Component {
5 | render(){
6 | return (
7 |
20 | {info}
21 |
22 | );
23 | }
24 | }
25 |
26 |
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/OneTen/nine.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | export default class Nine extends React.Component {
4 | static update(data) {
5 | console.log('静态方法调用执行啦')
6 | }
7 | render() {
8 | return (
9 |
10 | 这是 static 关键字技能
11 |
12 | );
13 | }
14 | }
15 |
16 | Nine.update('2')
17 |
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/OneTen/store/action.js:
--------------------------------------------------------------------------------
1 | import * as Types from './types';
2 |
3 | export const onChangeCount = count => ({
4 | type: Types.EXAMPLE_TEST,
5 | count: count + 1
6 | })
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/OneTen/store/reducer.js:
--------------------------------------------------------------------------------
1 | import * as Types from "./types";
2 |
3 | export const defaultState = {
4 | count: 0
5 | };
6 |
7 | export default (state, action) => {
8 | switch (action.type) {
9 | case Types.EXAMPLE_TEST:
10 | return {
11 | ...state,
12 | count: action.count
13 | };
14 | default: {
15 | return state;
16 | }
17 | }
18 | };
19 |
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/OneTen/store/types.js:
--------------------------------------------------------------------------------
1 | export const EXAMPLE_TEST = 'EXAMPLE_TEST';
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/OneTen/ten.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | export default class Ten extends React.Component {
4 | constructor() { // class 的主函数
5 | super() // React.Component.prototype.constructor.call(this),其实就是拿到父类的属性和方法
6 | this.state = {
7 | arr:[]
8 | }
9 | }
10 | render() {
11 | return (
12 |
13 | 这是技巧constructor和super的说明
14 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/OneTen/three.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import Test from '../../utils/decorators'
3 |
4 | @Test
5 |
6 | class TwentyNine extends React.Component{
7 | componentDidMount(){
8 | console.log(this,'decorator.js') // 这里的this是类的一个实例
9 | console.log(this.testable)
10 | }
11 | render(){
12 | return (
13 | 这是技巧2,装饰器的使用
14 | )
15 | }
16 | }
17 |
18 | export default TwentyNine
19 |
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/OneTen/two.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | export default class ThirtyOne extends React.Component{
4 |
5 | render(){
6 | return (
7 | 这是技巧2,require.context的使用详见 router.js
8 | )
9 | }
10 | }
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/ThreeTen/thirty.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | export default class Thirty extends React.Component {
4 | click = e => {
5 | console.log(e.target.getAttribute("data-row"));
6 | };
7 |
8 | render() {
9 | return (
10 |
11 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/ThreeTen/twentyFive.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | export default class TwentyFive extends React.Component {
4 | render() {
5 | return (
6 |
12 | 点击获取属性
13 |
14 | 这是渲染的 HTML 内容" }}>
7 | );
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/ThreeTen/twentyNine.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { Button } from 'antd'
3 |
4 | export default class Three extends React.Component {
5 | state = {
6 | flag: true,
7 | flagOne: 1
8 | };
9 | click(data1,data2){
10 | console.log('data1 值为',data1)
11 | console.log('data2 值为',data2)
12 | }
13 | render() {
14 | return (
15 |
16 |
17 |
18 | );
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/ThreeTen/twentyOne.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | class TwentyOneChild extends React.PureComponent{
4 | render() {
5 | return {this.props.name}
6 | }
7 | }
8 |
9 | export default class TwentyOne extends React.Component{
10 |
11 | render(){
12 | return (
13 |
14 |
16 | )
17 | }
18 |
19 | }
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/ThreeTen/twentySix.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | export default class TwentySix extends React.Component {
4 | render() {
5 | return (
6 |
7 | {React.createElement(
8 | "div",
9 | { id: "one", className: "two" },
10 | React.createElement("span", { id: "spanOne" }, "这是第一个 span 标签"),
11 | React.createElement("br"),
12 | React.createElement("span", { id: "spanTwo" }, "这是第二个 span 标签")
13 | )}
14 |
15 | );
16 | }
17 | }
18 |
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/ThreeTen/twentyThree.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | export default class TwentyThree extends React.Component{
4 | state={myVariable:null}
5 | render(){
6 | return (
7 | {String(this.state.myVariable)}
8 | )
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/ThreeTen/twentyTwo.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | export default class TwentyTwo extends React.Component{
4 |
5 | render(){
6 | return (
7 | 这是技巧22
8 | )
9 | }
10 | }
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/TwoTen/eighteen.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 |
3 | export default class One extends React.Component {
4 | state = {
5 | flag: true,
6 | flagOne: 1
7 | };
8 | render() {
9 | return (
10 |
11 | {this.state.flag ?
14 | );
15 | }
16 | }
17 |
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/TwoTen/thirteen.jsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import Loadable from "react-loadable";
3 | //通用的过场组件
4 | const Loading = () => {
5 | return 显示内容
: ""}
12 | {this.state.flagOne ? 显示内容1
: ""}
13 | loading
;
6 | };
7 |
8 | const LoadableComponent = Loadable({
9 | loader: () => import("../../components/TwoTen/Thirteen"),
10 | loading: Loading
11 | });
12 |
13 | export default class Thirteen extends React.Component {
14 | render() {
15 | return
11 |
13 | );
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/react-pc-skill/src/pages/User/index.less:
--------------------------------------------------------------------------------
1 | .logo {
2 | height: 32px;
3 | background: rgba(255, 255, 255, 0.2);
4 | margin: 16px;
5 | }
6 | .ant-breadcrumb > span:last-child a{
7 | color:#000;
8 | }
9 | .logoutIcon{
10 | float: right;
11 | margin-right: 20px;
12 | font-size: 24px;
13 | color: #bbb;
14 | cursor: pointer;
15 | }
16 | .loginUser{
17 | float: right;
18 | margin-right: 10px;
19 | font-size: 16px;
20 | color: #1890ff;
21 | }
--------------------------------------------------------------------------------
/react-pc-skill/src/setupProxy.js:
--------------------------------------------------------------------------------
1 | const proxy = require('http-proxy-middleware')
2 | module.exports = function (app) {
3 | // ...You can now register proxies as you wish!
4 | app.use(proxy('/randy', {
5 | target: 'http://47.105.71.81:3306',
6 | secure: false,
7 | changeOrigin: true,
8 | pathRewrite: {
9 | "^/randy": ""
10 | },
11 | }));
12 | app.use(proxy('/peter', {
13 | target: 'http://172.19.5.34:9531',
14 | secure: false,
15 | changeOrigin: true,
16 | pathRewrite: {
17 | "^/peter": ""
18 | },
19 | }));
20 | };
--------------------------------------------------------------------------------
/react-pc-skill/src/store/actionTypes.js:
--------------------------------------------------------------------------------
1 | export const AUTH_CHANGE = 'auth_change';
2 | export const PERMISSION_CHANGE = 'permission_change';
3 | export const CURRENT_CHANGE = 'current_change';
--------------------------------------------------------------------------------
/react-pc-skill/src/store/index.js:
--------------------------------------------------------------------------------
1 | import { createStore,applyMiddleware ,compose} from 'redux';
2 | import thunk from 'redux-thunk';
3 | import reducer from './reducer';
4 |
5 | const composeEnhancers =window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({}) : compose;
6 | const enhancer = composeEnhancers(
7 | applyMiddleware(thunk)
8 | );
9 |
10 | const store = createStore(reducer, enhancer);
11 | export default store;
--------------------------------------------------------------------------------
/react-pc-skill/src/stylus/common.less:
--------------------------------------------------------------------------------
1 | .display_flex{
2 | display:flex;
3 | }
4 | .flex_one{
5 | flex:1;
6 | }
7 | .flex_center{
8 | display:flex;
9 | justify-content: center;
10 | align-items: center;
11 | }
12 |
--------------------------------------------------------------------------------
/react-pc-skill/src/stylus/index.less:
--------------------------------------------------------------------------------
1 | //重置样式
2 | @import './reset.less';
3 | //公用样式
4 | @import './common.less';
5 | //loading样式
6 | @import './loading.less';
--------------------------------------------------------------------------------
/react-pc-skill/src/utils/baseUrl.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | const proxyTargetMap = {
4 | prod: '/',
5 | randy: '/randy',
6 | peter: '/peter'
7 | }
8 | const API_TYPE = process.env.API_TYPE?process.env.API_TYPE:'randy'
9 | const baseUrl = process.env.NODE_ENV === 'production' ? '/' : proxyTargetMap[API_TYPE]
10 | export default baseUrl
--------------------------------------------------------------------------------
/react-pc-skill/src/utils/connect.js:
--------------------------------------------------------------------------------
1 | // import actions from '../actions'
2 | import * as action from '../store/actionCreator'
3 | import { connect } from 'react-redux'
4 | // import { bindActionCreators } from 'redux'
5 | export default connect(
6 | // state => ({state}),
7 | state => ({
8 | state
9 | }),
10 |
11 |
12 |
13 | // dispatch => {
14 | // return bindActionCreators({
15 | // action,
16 | // dispatch
17 | // })
18 |
19 | // }
20 | dispatch =>{
21 | return {
22 | ...action,
23 | dispatch
24 | }
25 | }
26 |
27 | )
28 |
--------------------------------------------------------------------------------
/react-pc-skill/src/utils/context.js:
--------------------------------------------------------------------------------
1 | // context.js
2 | import React from 'react'
3 | let { Consumer, Provider } = React.createContext();
4 | export {
5 | Consumer,
6 | Provider
7 | }
--------------------------------------------------------------------------------
/react-pc-skill/src/utils/decorators.js:
--------------------------------------------------------------------------------
1 | function testable(target) {
2 | console.log(target)
3 | target.isTestable = true;
4 | target.prototype.getDate = ()=>{
5 | console.log( new Date() )
6 | }
7 | }
8 |
9 | export default testable
--------------------------------------------------------------------------------
/react-pc-skill/src/utils/loadable.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Loadable from 'react-loadable';
3 |
4 | //通用的过场组件
5 | const loadingComponent =()=>{
6 | return (
7 | loading
8 | )
9 | }
10 |
11 | //过场组件默认采用通用的，若传入了loading，则采用传入的过场组件
12 | export default (loader,loading = loadingComponent)=>{
13 | return Loadable({
14 | loader,
15 | loading
16 | });
17 | }
--------------------------------------------------------------------------------
/react-pc-skill/src/utils/useConnect.js:
--------------------------------------------------------------------------------
1 | // import React from 'react'
2 | // import conncet from './connect'
3 |
4 | // export default @connect
--------------------------------------------------------------------------------
/react-pc-template/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | /node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | /coverage
10 |
11 | # production
12 | /build
13 |
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 |
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 |
--------------------------------------------------------------------------------
/react-pc-template/config/jest/cssTransform.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | // This is a custom Jest transformer turning style imports into empty objects.
4 | // http://facebook.github.io/jest/docs/en/webpack.html
5 |
6 | module.exports = {
7 | process() {
8 | return 'module.exports = {};';
9 | },
10 | getCacheKey() {
11 | // The output is always the same.
12 | return 'cssTransform';
13 | },
14 | };
15 |
--------------------------------------------------------------------------------
/react-pc-template/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/react-pc-template/public/favicon.ico
--------------------------------------------------------------------------------
/react-pc-template/public/manifest.json:
--------------------------------------------------------------------------------
1 | {
2 | "short_name": "React App",
3 | "name": "Create React App Sample",
4 | "icons": [
5 | {
6 | "src": "favicon.ico",
7 | "sizes": "64x64 32x32 24x24 16x16",
8 | "type": "image/x-icon"
9 | }
10 | ],
11 | "start_url": ".",
12 | "display": "standalone",
13 | "theme_color": "#000000",
14 | "background_color": "#ffffff"
15 | }
16 |
--------------------------------------------------------------------------------
/react-pc-template/src/App.test.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import App from './App';
4 |
5 | it('renders without crashing', () => {
6 | const div = document.createElement('div');
7 | ReactDOM.render(这是技巧 1
8 | )
9 | }
10 | }
--------------------------------------------------------------------------------
/react-pc-template/src/pages/TwoTen/Eleven.jsx:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 |
3 | export default class One extends React.Component{
4 |
5 | render(){
6 | return (
7 | 这是技巧 11
8 | )
9 | }
10 | }
--------------------------------------------------------------------------------
/react-pc-template/src/pages/User/index.less:
--------------------------------------------------------------------------------
1 | .logo {
2 | height: 32px;
3 | background: rgba(255, 255, 255, 0.2);
4 | margin: 16px;
5 | }
6 | .ant-breadcrumb > span:last-child a{
7 | color:#000;
8 | }
9 | .logoutIcon{
10 | float: right;
11 | margin-right: 20px;
12 | font-size: 24px;
13 | color: #bbb;
14 | cursor: pointer;
15 | }
16 | .loginUser{
17 | float: right;
18 | margin-right: 10px;
19 | font-size: 16px;
20 | color: #1890ff;
21 | }
--------------------------------------------------------------------------------
/react-pc-template/src/setupProxy.js:
--------------------------------------------------------------------------------
1 | const proxy = require('http-proxy-middleware')
2 | module.exports = function (app) {
3 | // ...You can now register proxies as you wish!
4 | app.use(proxy('/randy', {
5 | target: 'http://47.105.71.81:3306',
6 | secure: false,
7 | changeOrigin: true,
8 | pathRewrite: {
9 | "^/randy": ""
10 | },
11 | }));
12 | app.use(proxy('/peter', {
13 | target: 'http://172.19.5.34:9531',
14 | secure: false,
15 | changeOrigin: true,
16 | pathRewrite: {
17 | "^/peter": ""
18 | },
19 | }));
20 | };
--------------------------------------------------------------------------------
/react-pc-template/src/store/actionTypes.js:
--------------------------------------------------------------------------------
1 | export const AUTH_CHANGE = 'auth_change';
2 | export const PERMISSION_CHANGE = 'permission_change';
3 | export const CURRENT_CHANGE = 'current_change';
--------------------------------------------------------------------------------
/react-pc-template/src/store/index.js:
--------------------------------------------------------------------------------
1 | import { createStore,applyMiddleware ,compose} from 'redux';
2 | import thunk from 'redux-thunk';
3 | import reducer from './reducer';
4 |
5 | const composeEnhancers =window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({}) : compose;
6 | const enhancer = composeEnhancers(
7 | applyMiddleware(thunk)
8 | );
9 |
10 | const store = createStore(reducer, enhancer);
11 | export default store;
--------------------------------------------------------------------------------
/react-pc-template/src/stylus/common.less:
--------------------------------------------------------------------------------
1 | .display_flex{
2 | display:flex;
3 | }
4 | .flex_one{
5 | flex:1;
6 | }
7 | .flex_center{
8 | display:flex;
9 | justify-content: center;
10 | align-items: center;
11 | }
12 |
--------------------------------------------------------------------------------
/react-pc-template/src/stylus/index.less:
--------------------------------------------------------------------------------
1 | //重置样式
2 | @import './reset.less';
3 | //公用样式
4 | @import './common.less';
5 | //loading样式
6 | @import './loading.less';
--------------------------------------------------------------------------------
/react-pc-template/src/utils/baseUrl.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | const proxyTargetMap = {
4 | prod: '/',
5 | randy: '/randy',
6 | peter: '/peter'
7 | }
8 | const API_TYPE = process.env.API_TYPE?process.env.API_TYPE:'randy'
9 | const baseUrl = process.env.NODE_ENV === 'production' ? '/' : proxyTargetMap[API_TYPE]
10 | export default baseUrl
--------------------------------------------------------------------------------
/react-pc-template/src/utils/connect.js:
--------------------------------------------------------------------------------
1 | // import actions from '../actions'
2 | import * as action from '../store/actionCreator'
3 | import { connect } from 'react-redux'
4 | // import { bindActionCreators } from 'redux'
5 | export default connect(
6 | // state => ({state}),
7 | state => ({
8 | state
9 | }),
10 |
11 |
12 |
13 | // dispatch => {
14 | // return bindActionCreators({
15 | // action,
16 | // dispatch
17 | // })
18 |
19 | // }
20 | dispatch =>{
21 | return {
22 | ...action,
23 | dispatch
24 | }
25 | }
26 |
27 | )
28 |
--------------------------------------------------------------------------------
/react-pc-template/src/utils/loadable.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Loadable from 'react-loadable';
3 |
4 | //通用的过场组件
5 | const loadingComponent =()=>{
6 | return (
7 | loading
8 | )
9 | }
10 |
11 | //过场组件默认采用通用的，若传入了loading，则采用传入的过场组件
12 | export default (loader,loading = loadingComponent)=>{
13 | return Loadable({
14 | loader,
15 | loading
16 | });
17 | }
--------------------------------------------------------------------------------
/react-pc-template/src/utils/useConnect.js:
--------------------------------------------------------------------------------
1 | // import React from 'react'
2 | // import conncet from './connect'
3 |
4 | // export default @connect
--------------------------------------------------------------------------------
/utils-lan/index.js:
--------------------------------------------------------------------------------
1 | export default {
2 | ...require('./lib/client'),
3 | ...require('./lib/arr'),
4 | ...require('./lib/check'),
5 | ...require('./lib/file'),
6 | ...require('./lib/obj'),
7 | ...require('./lib/storage'),
8 | ...require('./lib/str'),
9 | ...require('./lib/thrDeb'),
10 | ...require('./lib/time'),
11 | ...require('./lib/url')
12 | }
--------------------------------------------------------------------------------
/utils-lan/lib/file.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 格式化文件单位
3 | * @param {String || Number} size 文件大小(kb)
4 | */
5 | export const fileFormatSize = size => {
6 | var i
7 | var unit = ['B', 'KB', 'MB', 'GB', 'TB', 'PB']
8 | for (i = 0; i < unit.length && size >= 1024; i++) {
9 | size /= 1024
10 | }
11 | return (Math.round(size * 100) / 100 || 0) + unit[i]
12 | }
13 |
--------------------------------------------------------------------------------
/utils-lan/lib/url.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 获取 url 后面通过?传参的参数
3 | * @param {String} name
4 | */
5 | export function getQueryString(name) {
6 | const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')
7 | const url = window.location.href
8 | const search = url.substring(url.lastIndexOf('?') + 1)
9 | const r = search.match(reg)
10 | if (r != null) return unescape(r[2])
11 | return null
12 | }
13 |
--------------------------------------------------------------------------------
/vue-demo/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | ["env", {
4 | "modules": false,
5 | "targets": {
6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
7 | }
8 | }],
9 | "stage-2"
10 | ],
11 | "plugins": ["transform-vue-jsx", "transform-runtime"],
12 | "env": {
13 | "test": {
14 | "presets": ["env", "stage-2"],
15 | "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
16 | }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/vue-demo/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | charset = utf-8
5 | indent_style = space
6 | indent_size = 2
7 | end_of_line = lf
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
--------------------------------------------------------------------------------
/vue-demo/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | /dist/
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | /test/unit/coverage/
8 |
9 | # Editor directories and files
10 | .idea
11 | .vscode
12 | *.suo
13 | *.ntvs*
14 | *.njsproj
15 | *.sln
16 |
--------------------------------------------------------------------------------
/vue-demo/.postcssrc.js:
--------------------------------------------------------------------------------
1 | // https://github.com/michael-ciniawsky/postcss-load-config
2 |
3 | module.exports = {
4 | "plugins": {
5 | "postcss-import": {},
6 | "postcss-url": {},
7 | // to edit target browsers: use "browserslist" field in package.json
8 | "autoprefixer": {}
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/vue-demo/build/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-demo/build/logo.png
--------------------------------------------------------------------------------
/vue-demo/build/vue-loader.conf.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const utils = require('./utils')
3 | const config = require('../config')
4 | const isProduction = process.env.NODE_ENV === 'production'
5 | const sourceMapEnabled = isProduction
6 | ? config.build.productionSourceMap
7 | : config.dev.cssSourceMap
8 |
9 | module.exports = {
10 | loaders: utils.cssLoaders({
11 | sourceMap: sourceMapEnabled,
12 | extract: isProduction
13 | }),
14 | cssSourceMap: sourceMapEnabled,
15 | cacheBusting: config.dev.cacheBusting,
16 | transformToRequire: {
17 | video: ['src', 'poster'],
18 | source: 'src',
19 | img: 'src',
20 | image: 'xlink:href'
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/vue-demo/config/dev.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const prodEnv = require('./prod.env')
4 |
5 | module.exports = merge(prodEnv, {
6 | NODE_ENV: '"development"'
7 | })
8 |
--------------------------------------------------------------------------------
/vue-demo/config/prod.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | module.exports = {
3 | NODE_ENV: '"production"'
4 | }
5 |
--------------------------------------------------------------------------------
/vue-demo/config/test.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const devEnv = require('./dev.env')
4 |
5 | module.exports = merge(devEnv, {
6 | NODE_ENV: '"testing"'
7 | })
8 |
--------------------------------------------------------------------------------
/vue-demo/images/vue-demo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-demo/images/vue-demo.png
--------------------------------------------------------------------------------
/vue-demo/scripts/template/add.template.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | _module_
4 |
5 |
6 |
7 |
23 |
24 |
--------------------------------------------------------------------------------
/vue-demo/scripts/template/api.template.js:
--------------------------------------------------------------------------------
1 | /*
2 | * @Author: _author_
3 | * @Email: _email_
4 | * @Date: _date_
5 | * @Description: _comment_
6 | */
7 | import http from '@/utils/http'
8 |
9 | export function demo(data) {
10 | return http({
11 | method: 'post',
12 | url: '/',
13 | data
14 | })
15 | }
16 |
--------------------------------------------------------------------------------
/vue-demo/scripts/template/info.template.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | _module_
4 |
5 |
6 |
7 |
23 |
24 |
--------------------------------------------------------------------------------
/vue-demo/scripts/template/route.template.js:
--------------------------------------------------------------------------------
1 | /*
2 | * @Author: _author_
3 | * @Email: _email_
4 | * @Date: _date_
5 | * @Description: _comment_
6 | */
7 | export default [
8 | {
9 | path: "/_mainPath",
10 | component: () => import("@/views/frame/Frame"),
11 | redirect: "/_filePath",
12 | name: "_mainPath",
13 | icon: "",
14 | noDropdown: false,
15 | children: [
16 | {
17 | path: "/_filePath",
18 | component: () => import("@/views/_filePath/index"),
19 | name: "_module",
20 | meta: {
21 | keepAlive: false
22 | }
23 | }
24 | ]
25 | }
26 | ]
--------------------------------------------------------------------------------
/vue-demo/scripts/zip.js:
--------------------------------------------------------------------------------
1 | /*
2 | * @Author: etongfu
3 | * @Email: 13583254085@163.com
4 | * @Date: 2019-08-21 19:55:03
5 | * @LastEditors: etongfu
6 | * @LastEditTime: 2019-08-21 20:05:45
7 | * @Description: 进行zip压缩 ❤暂时不要使用，只是一个雏形
8 | * @YouWant: add you want info here
9 | */
10 | const { FileUtil } = require('./util')
11 |
12 | FileUtil.zipDir()
--------------------------------------------------------------------------------
/vue-demo/src/assets/avactor.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-demo/src/assets/avactor.png
--------------------------------------------------------------------------------
/vue-demo/src/assets/fonts/iconfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-demo/src/assets/fonts/iconfont.eot
--------------------------------------------------------------------------------
/vue-demo/src/assets/fonts/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-demo/src/assets/fonts/iconfont.ttf
--------------------------------------------------------------------------------
/vue-demo/src/assets/fonts/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-demo/src/assets/fonts/iconfont.woff
--------------------------------------------------------------------------------
/vue-demo/src/assets/fonts/iconfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-demo/src/assets/fonts/iconfont.woff2
--------------------------------------------------------------------------------
/vue-demo/src/assets/login.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-demo/src/assets/login.jpg
--------------------------------------------------------------------------------
/vue-demo/src/assets/login_pass.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-demo/src/assets/login_pass.png
--------------------------------------------------------------------------------
/vue-demo/src/assets/login_user.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-demo/src/assets/login_user.png
--------------------------------------------------------------------------------
/vue-demo/src/assets/right-arrow-sel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-demo/src/assets/right-arrow-sel.png
--------------------------------------------------------------------------------
/vue-demo/src/assets/right-arrow.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-demo/src/assets/right-arrow.png
--------------------------------------------------------------------------------
/vue-demo/src/store/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Vuex from 'vuex'
3 | import createPersistedState from 'vuex-persistedstate'
4 | import comTable from './modules/comTable'
5 | Vue.use(Vuex)
6 |
7 | export default new Vuex.Store({
8 | modules: {
9 | comTable
10 | },
11 | plugins: [createPersistedState({ storage: window.sessionStorage })]
12 | })
13 |
--------------------------------------------------------------------------------
/vue-demo/src/utils/api.js:
--------------------------------------------------------------------------------
1 | const API={
2 | login:"/api/loginOut",
3 | tableData:"/static/comTable.json",
4 | }
5 |
6 |
7 | export default API;
8 |
--------------------------------------------------------------------------------
/vue-demo/src/utils/config/cloud.js:
--------------------------------------------------------------------------------
1 | let TenBUCKET,TenUrl;
2 |
3 | if(location.hostname.indexOf('dev-')!=-1
4 | ||location.hostname.indexOf('test-')!=-1){
5 | TenBUCKET='resource-125578';//配置腾讯云的Bucket
6 | TenUrl='https://resource.com';//配置腾讯云的路径
7 | }else if(location.hostname=== "prod.com"){
8 | TenBUCKET='prod-1255821078';
9 | TenUrl='https://cos.com';
10 | }else{
11 | TenBUCKET='resource-125578';
12 | TenUrl='https://resource.com';
13 | }
14 |
15 | export{
16 | TenBUCKET,TenUrl
17 | }
--------------------------------------------------------------------------------
/vue-demo/src/utils/config/index.js:
--------------------------------------------------------------------------------
1 | let API_ROOT = '',host=location.host
2 | switch(host){
3 | case 'pre.my.com':
4 | API_ROOT='pre'
5 | break
6 | case 'test.my.com':
7 | API_ROOT='test'
8 | break
9 | case 'checkout.my.com':
10 | API_ROOT='checkout'
11 | break
12 | case 'business.my.com':
13 | API_ROOT='prod'
14 | break
15 | default:
16 | API_ROOT='http://localhost:5220'
17 | break
18 | }
19 | export {
20 | API_ROOT
21 | }
22 |
23 | export default API_ROOT
--------------------------------------------------------------------------------
/vue-demo/static/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-demo/static/.gitkeep
--------------------------------------------------------------------------------
/vue-demo/static/comTable.json:
--------------------------------------------------------------------------------
1 | {tabData:[
2 | {
3 | date:'2017-05-02',
4 | name:'王小虎',
5 | address:'上海市普陀区金沙江路1518弄'
6 | },
7 | {
8 | date:'2016-06-04',
9 | name:'王小虎',
10 | address: '上海市普陀区金沙江路 1517 弄'
11 | },
12 | {
13 | date:'2016-05-01',
14 | name:'王小虎',
15 | address:'上海市普陀区金沙江路 1519 弄'
16 | },
17 | {
18 | date: '2018-05-03',
19 | name: '王小虎',
20 | address: '上海市普陀区金沙江路 1516 弄'
21 | }
22 | ]}
--------------------------------------------------------------------------------
/vue-demo/static/css/common.css:
--------------------------------------------------------------------------------
1 | ul,li{ padding:0;margin:0;list-style:none}
2 | p{margin:0}
--------------------------------------------------------------------------------
/vue-demo/static/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-demo/static/favicon.png
--------------------------------------------------------------------------------
/vue-demo/test/unit/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "env": {
3 | "jest": true
4 | },
5 | "globals": {
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/vue-demo/test/unit/setup.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 |
3 | Vue.config.productionTip = false
4 |
--------------------------------------------------------------------------------
/vue-demo/test/unit/specs/HelloWorld.spec.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import HelloWorld from '@/components/HelloWorld'
3 |
4 | describe('HelloWorld.vue', () => {
5 | it('should render correct contents', () => {
6 | const Constructor = Vue.extend(HelloWorld)
7 | const vm = new Constructor().$mount()
8 | expect(vm.$el.querySelector('.hello h1').textContent)
9 | .toEqual('Welcome to Your Vue.js App')
10 | })
11 | })
12 |
--------------------------------------------------------------------------------
/vue-mobile-template/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | ["env", {
4 | "modules": false,
5 | "targets": {
6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
7 | }
8 | }],
9 | "stage-2"
10 | ],
11 | "plugins": ["transform-vue-jsx", "transform-runtime"],
12 | "env": {
13 | "test": {
14 | "presets": ["env", "stage-2"],
15 | "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
16 | }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/vue-mobile-template/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | charset = utf-8
5 | indent_style = space
6 | indent_size = 2
7 | end_of_line = lf
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
--------------------------------------------------------------------------------
/vue-mobile-template/.eslintignore:
--------------------------------------------------------------------------------
1 | /build/
2 | /config/
3 | /dist/
4 | /*.js
5 | /test/unit/coverage/
6 |
--------------------------------------------------------------------------------
/vue-mobile-template/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | /dist/
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | /test/unit/coverage/
8 |
9 | # Editor directories and files
10 | .idea
11 | .vscode
12 | *.suo
13 | *.ntvs*
14 | *.njsproj
15 | *.sln
16 |
--------------------------------------------------------------------------------
/vue-mobile-template/.postcssrc.js:
--------------------------------------------------------------------------------
1 | // https://github.com/michael-ciniawsky/postcss-load-config
2 |
3 | module.exports = {
4 | "plugins": {
5 | "postcss-import": {},
6 | "postcss-url": {},
7 | // to edit target browsers: use "browserslist" field in package.json
8 | "autoprefixer": {}
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/vue-mobile-template/build/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile-template/build/logo.png
--------------------------------------------------------------------------------
/vue-mobile-template/config/dev.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const prodEnv = require('./prod.env')
4 |
5 | module.exports = merge(prodEnv, {
6 | NODE_ENV: '"development"'
7 | })
8 |
--------------------------------------------------------------------------------
/vue-mobile-template/config/prod.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | module.exports = {
3 | NODE_ENV: '"production"'
4 | }
5 |
--------------------------------------------------------------------------------
/vue-mobile-template/config/test.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const devEnv = require('./dev.env')
4 |
5 | module.exports = merge(devEnv, {
6 | NODE_ENV: '"testing"'
7 | })
8 |
--------------------------------------------------------------------------------
/vue-mobile-template/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
3 |
5 |
6 |
7 |
12 |
13 |
20 |
--------------------------------------------------------------------------------
/vue-mobile-template/src/assets/fonts/iconfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile-template/src/assets/fonts/iconfont.eot
--------------------------------------------------------------------------------
/vue-mobile-template/src/assets/fonts/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile-template/src/assets/fonts/iconfont.ttf
--------------------------------------------------------------------------------
/vue-mobile-template/src/assets/fonts/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile-template/src/assets/fonts/iconfont.woff
--------------------------------------------------------------------------------
/vue-mobile-template/src/pages/classify/classify.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | 这是classify页面
4 |
5 |
6 |
7 |
31 |
32 |
--------------------------------------------------------------------------------
/vue-mobile-template/src/pages/classify/img/classify1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile-template/src/pages/classify/img/classify1.jpg
--------------------------------------------------------------------------------
/vue-mobile-template/src/pages/home/img/bgc.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile-template/src/pages/home/img/bgc.jpg
--------------------------------------------------------------------------------
/vue-mobile-template/src/pages/home/img/bgc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile-template/src/pages/home/img/bgc.png
--------------------------------------------------------------------------------
/vue-mobile-template/src/pages/main/img/banner1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile-template/src/pages/main/img/banner1.jpg
--------------------------------------------------------------------------------
/vue-mobile-template/src/pages/main/img/banner2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile-template/src/pages/main/img/banner2.jpg
--------------------------------------------------------------------------------
/vue-mobile-template/src/pages/main/img/product1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile-template/src/pages/main/img/product1.jpg
--------------------------------------------------------------------------------
/vue-mobile-template/src/pages/main/img/product2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile-template/src/pages/main/img/product2.jpg
--------------------------------------------------------------------------------
/vue-mobile-template/src/pages/main/img/product3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile-template/src/pages/main/img/product3.jpg
--------------------------------------------------------------------------------
/vue-mobile-template/src/pages/main/img/product4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile-template/src/pages/main/img/product4.jpg
--------------------------------------------------------------------------------
/vue-mobile-template/src/pages/my/my.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | 这是my页面
4 |
5 |
6 |
7 |
24 |
25 |
--------------------------------------------------------------------------------
/vue-mobile-template/src/pages/product/product.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | 这是product页面
4 |
5 |
6 |
7 |
23 |
24 |
--------------------------------------------------------------------------------
/vue-mobile-template/src/pages/productDetail/img/product-detail1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile-template/src/pages/productDetail/img/product-detail1.jpg
--------------------------------------------------------------------------------
/vue-mobile-template/src/pages/productDetail/productDetail.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
8 |
31 |
32 |
--------------------------------------------------------------------------------
/vue-mobile-template/src/pages/shopcart/shopcart.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | 这是购物车页面
4 |
5 |
6 |
7 |
20 |
21 |
--------------------------------------------------------------------------------
/vue-mobile-template/src/store/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue';
2 | import Vuex from 'vuex';
3 | import createPersistedState from 'vuex-persistedstate';
4 | import tabIndex from './modules/tabIndex';
5 | Vue.use(Vuex);
6 |
7 | export default new Vuex.Store({
8 | modules: {
9 | tabIndex
10 | },
11 | plugins: [createPersistedState({ storage: window.sessionStorage })]
12 | });
13 |
--------------------------------------------------------------------------------
/vue-mobile-template/src/store/modules/tabIndex.js:
--------------------------------------------------------------------------------
1 | // initial state
2 | const state = {
3 | tabIndex: 0,
4 | };
5 |
6 | // getters
7 | const getters = {
8 | allTabIndex: state => state.tabIndex,
9 | };
10 |
11 | // actions
12 | const actions = {
13 | getAllTabIndex({ commit }, index) {
14 | commit('setTabData', index);
15 | }
16 | };
17 |
18 | // mutations
19 | const mutations = {
20 | setTabData(state, index) {
21 | state.tabIndex = index;
22 | }
23 | };
24 |
25 | export default {
26 | state,
27 | getters,
28 | actions,
29 | mutations
30 | };
--------------------------------------------------------------------------------
/vue-mobile-template/src/utils/api.js:
--------------------------------------------------------------------------------
1 | const API = {
2 | login: "/api/loginOut",
3 | tableData: "/static/comTable.json",
4 | };
5 |
6 |
7 | export default API;
8 |
--------------------------------------------------------------------------------
/vue-mobile-template/src/utils/config/index.js:
--------------------------------------------------------------------------------
1 | let API_ROOT='';
2 | if(location.hostname.indexOf('dev-')!=-1
3 | ||location.hostname.indexOf('test-')!=-1
4 | ||location.hostname.indexOf('prod-')!=-1){
5 | API_ROOT=`https://${location.hostname}`;
6 | }else{
7 | API_ROOT=`http://localhost:5220`
8 | }
9 |
10 | export default API_ROOT
--------------------------------------------------------------------------------
/vue-mobile-template/static/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile-template/static/.gitkeep
--------------------------------------------------------------------------------
/vue-mobile-template/static/comTable.json:
--------------------------------------------------------------------------------
1 | {tabData:[
2 | {
3 | date:'2017-05-02',
4 | name:'王小虎',
5 | address:'上海市普陀区金沙江路1518弄'
6 | },
7 | {
8 | date:'2016-06-04',
9 | name:'王小虎',
10 | address: '上海市普陀区金沙江路 1517 弄'
11 | },
12 | {
13 | date:'2016-05-01',
14 | name:'王小虎',
15 | address:'上海市普陀区金沙江路 1519 弄'
16 | },
17 | {
18 | date: '2018-05-03',
19 | name: '王小虎',
20 | address: '上海市普陀区金沙江路 1516 弄'
21 | }
22 | ]}
--------------------------------------------------------------------------------
/vue-mobile-template/static/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile-template/static/favicon.png
--------------------------------------------------------------------------------
/vue-mobile-template/static/lib/css/function.scss:
--------------------------------------------------------------------------------
1 | @function ptr($px) {
2 | @return $px/100 * 1rem;
3 | }
4 |
5 | @function ptro($px) {
6 | @return $px/100 * 1rem;
7 | }
--------------------------------------------------------------------------------
/vue-mobile-template/static/lib/js/initFontSize.min.js:
--------------------------------------------------------------------------------
1 | (function() {
2 | function a() {
3 | var b = document.documentElement.clientWidth;
4 | b = b > 750 ? 750 : b;//这个值可以根据设计图尺寸变化
5 | var c = (b / 750) * 100;
6 | document.getElementsByTagName('html')[0].style.fontSize = c + 'px';
7 | }
8 | a();
9 | window.onresize = a;
10 | })();
11 |
--------------------------------------------------------------------------------
/vue-mobile-template/test/unit/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "env": {
3 | "jest": true
4 | },
5 | "globals": {
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/vue-mobile-template/test/unit/setup.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 |
3 | Vue.config.productionTip = false
4 |
--------------------------------------------------------------------------------
/vue-mobile-template/test/unit/specs/HelloWorld.spec.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import HelloWorld from '@/components/HelloWorld'
3 |
4 | describe('HelloWorld.vue', () => {
5 | it('should render correct contents', () => {
6 | const Constructor = Vue.extend(HelloWorld)
7 | const vm = new Constructor().$mount()
8 | expect(vm.$el.querySelector('.hello h1').textContent)
9 | .toEqual('Welcome to Your Vue.js App')
10 | })
11 | })
12 |
--------------------------------------------------------------------------------
/vue-mobile-template/test/unit/specs/List.spec.js:
--------------------------------------------------------------------------------
1 | // import List from '@/page/List';
2 | // import Vue from 'vue';
3 |
4 | // describe('List.vue', () => {
5 |
6 | // it('displays items from the list', () => {
7 | // // our test goes here,设置Vue组件
8 | // const Constructor = Vue.extend(List);
9 | // const ListComponent = new Constructor().$mount();
10 | // expect(ListComponent.$el.textContent).to.contain('play games');
11 | // })
12 | // })
--------------------------------------------------------------------------------
/vue-mobile/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | ["env", {
4 | "modules": false,
5 | "targets": {
6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
7 | }
8 | }],
9 | "stage-2"
10 | ],
11 | "plugins": ["transform-vue-jsx", "transform-runtime"],
12 | "env": {
13 | "test": {
14 | "presets": ["env", "stage-2"],
15 | "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
16 | }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/vue-mobile/.editorconfig:
--------------------------------------------------------------------------------
1 | # 是否是顶级配置
2 | root = true
3 |
4 | [*]
5 | charset = utf-8
6 | # 缩进方式
7 | indent_style = space
8 | # 缩进大小
9 | indent_size = 2
10 | # 换行符类型
11 | end_of_line = lf
12 | # 是否让文件以空行结束
13 | insert_final_newline = true
14 | # 是否删除行尾空格
15 | trim_trailing_whitespace = true
--------------------------------------------------------------------------------
/vue-mobile/.eslintignore:
--------------------------------------------------------------------------------
1 | /build/
2 | /config/
3 | /dist/
4 | /*.js
5 | /test/
6 | /src/assets/fonts/
7 |
--------------------------------------------------------------------------------
/vue-mobile/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | /dist/
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | /test/unit/coverage/
8 |
9 | # Editor directories and files
10 | .idea
11 | .vscode
12 | *.suo
13 | *.ntvs*
14 | *.njsproj
15 | *.sln
16 |
--------------------------------------------------------------------------------
/vue-mobile/.postcssrc.js:
--------------------------------------------------------------------------------
1 | // https://github.com/michael-ciniawsky/postcss-load-config
2 |
3 | module.exports = {
4 | "plugins": {
5 | "postcss-import": {},
6 | "postcss-url": {},
7 | // to edit target browsers: use "browserslist" field in package.json
8 | "autoprefixer": {}
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/vue-mobile/build/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/build/logo.png
--------------------------------------------------------------------------------
/vue-mobile/config/dev.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const prodEnv = require('./prod.env')
4 |
5 | module.exports = merge(prodEnv, {
6 | NODE_ENV: '"development"'
7 | })
8 |
--------------------------------------------------------------------------------
/vue-mobile/config/prod.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | module.exports = {
3 | NODE_ENV: '"production"'
4 | }
5 |
--------------------------------------------------------------------------------
/vue-mobile/config/test.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const devEnv = require('./dev.env')
4 |
5 | module.exports = merge(devEnv, {
6 | NODE_ENV: '"testing"'
7 | })
8 |
--------------------------------------------------------------------------------
/vue-mobile/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
3 |
4 |
6 |
8 |
9 |
10 |
15 |
16 |
23 |
--------------------------------------------------------------------------------
/vue-mobile/src/api/pay.js:
--------------------------------------------------------------------------------
1 | import { post } from '@/utils/request'
2 |
3 | export function previewPrepay(data) {
4 | const url = '/jiajiao/order/h5/preview/prepay'
5 | return post(url, data)
6 | }
7 |
--------------------------------------------------------------------------------
/vue-mobile/src/assets/activityDetail/more-sel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/assets/activityDetail/more-sel.png
--------------------------------------------------------------------------------
/vue-mobile/src/assets/css/activityTheme.scss:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/assets/css/activityTheme.scss
--------------------------------------------------------------------------------
/vue-mobile/src/assets/fonts/iconfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/assets/fonts/iconfont.eot
--------------------------------------------------------------------------------
/vue-mobile/src/assets/fonts/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/assets/fonts/iconfont.ttf
--------------------------------------------------------------------------------
/vue-mobile/src/assets/fonts/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/assets/fonts/iconfont.woff
--------------------------------------------------------------------------------
/vue-mobile/src/assets/img/overview_dia_close.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/assets/img/overview_dia_close.png
--------------------------------------------------------------------------------
/vue-mobile/src/assets/img/project.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/assets/img/project.jpg
--------------------------------------------------------------------------------
/vue-mobile/src/components/activityDetail/DropBox.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
22 |
23 |
25 |
--------------------------------------------------------------------------------
/vue-mobile/src/components/activityDetail/PreviewImg.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | ![]()
4 |
5 |
6 |
7 |
23 |
24 |
30 |
--------------------------------------------------------------------------------
/vue-mobile/src/components/activityDetail/TextInstruct.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
5 |
6 |
7 |
23 |
24 |
26 |
--------------------------------------------------------------------------------
/vue-mobile/src/components/activityDetail/TitleText.vue:
--------------------------------------------------------------------------------
1 |
2 | {{val.tip}}
4 |
3 | {{val.tip}}
4 |
5 |
6 |
7 |
25 |
26 |
37 |
--------------------------------------------------------------------------------
/vue-mobile/src/components/calendar/images/calendar-left.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/components/calendar/images/calendar-left.png
--------------------------------------------------------------------------------
/vue-mobile/src/components/calendar/images/calendar-right.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/components/calendar/images/calendar-right.png
--------------------------------------------------------------------------------
/vue-mobile/src/components/confirm/index.js:
--------------------------------------------------------------------------------
1 |
2 | import confirm from './index.vue'
3 | // import Vue from 'vue'
4 |
5 | export default {
6 | install: function(Vue) {
7 | const Profile = Vue.extend(confirm)
8 |
9 | const PortfolioMsg = (options) => {
10 | options.onCancel = (reject) => { reject() }
11 | const $ele = document.createElement('div')
12 | document.body.appendChild($ele)
13 | new Profile({
14 | data() {
15 | return options
16 | }
17 | }).$mount($ele)
18 | }
19 |
20 | Vue.prototype.$confirm = PortfolioMsg
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/vue-mobile/src/pages/classify/img/classify1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/pages/classify/img/classify1.jpg
--------------------------------------------------------------------------------
/vue-mobile/src/pages/home/img/bgc.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/pages/home/img/bgc.jpg
--------------------------------------------------------------------------------
/vue-mobile/src/pages/home/img/bgc.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/pages/home/img/bgc.png
--------------------------------------------------------------------------------
/vue-mobile/src/pages/main/img/banner1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/pages/main/img/banner1.jpg
--------------------------------------------------------------------------------
/vue-mobile/src/pages/main/img/banner2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/pages/main/img/banner2.jpg
--------------------------------------------------------------------------------
/vue-mobile/src/pages/main/img/product1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/pages/main/img/product1.jpg
--------------------------------------------------------------------------------
/vue-mobile/src/pages/main/img/product2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/pages/main/img/product2.jpg
--------------------------------------------------------------------------------
/vue-mobile/src/pages/main/img/product3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/pages/main/img/product3.jpg
--------------------------------------------------------------------------------
/vue-mobile/src/pages/main/img/product4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/pages/main/img/product4.jpg
--------------------------------------------------------------------------------
/vue-mobile/src/pages/pay/img/wx-pay-icon.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/pages/pay/img/wx-pay-icon.jpg
--------------------------------------------------------------------------------
/vue-mobile/src/pages/pay/img/wx-qrcode.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/pages/pay/img/wx-qrcode.png
--------------------------------------------------------------------------------
/vue-mobile/src/pages/productDetail/img/product-detail1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/src/pages/productDetail/img/product-detail1.jpg
--------------------------------------------------------------------------------
/vue-mobile/src/store/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Vuex from 'vuex'
3 | import createPersistedState from 'vuex-persistedstate'
4 | import tabIndex from './modules/tabIndex'
5 | Vue.use(Vuex)
6 |
7 | export default new Vuex.Store({
8 | modules: {
9 | tabIndex
10 | },
11 | plugins: [createPersistedState({ storage: window.sessionStorage })]
12 | })
13 |
--------------------------------------------------------------------------------
/vue-mobile/src/store/modules/tabIndex.js:
--------------------------------------------------------------------------------
1 | // initial state
2 | const state = {
3 | tabIndex: 0
4 | }
5 |
6 | // getters
7 | const getters = {
8 | allTabIndex: state => state.tabIndex
9 | }
10 |
11 | // actions
12 | const actions = {
13 | getAllTabIndex({ commit }, index) {
14 | commit('setTabData', index)
15 | }
16 | }
17 |
18 | // mutations
19 | const mutations = {
20 | setTabData(state, index) {
21 | state.tabIndex = index
22 | }
23 | }
24 |
25 | export default {
26 | state,
27 | getters,
28 | actions,
29 | mutations
30 | }
31 |
--------------------------------------------------------------------------------
/vue-mobile/src/utils/config/index.js:
--------------------------------------------------------------------------------
1 | let API_ROOT = ''
2 | if (
3 | location.hostname.indexOf('dev-') !== -1 ||
4 | location.hostname.indexOf('test-') !== -1 ||
5 | location.hostname === 'jiajiao.aijiatui.com'
6 | ) {
7 | API_ROOT = `https://${location.hostname}`
8 | } else {
9 | API_ROOT = `https://dev-jiajiao.aijiatui.com`
10 | }
11 |
12 | export default API_ROOT
13 |
--------------------------------------------------------------------------------
/vue-mobile/src/utils/file.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 转化文件 kb 为 MB
3 | * @param {String || Number} size 文件大小(kb)
4 | */
5 | export const formatFileSize = size => {
6 | var i
7 | var unit = ['B', 'KB', 'MB', 'GB', 'TB', 'PB']
8 | for (i = 0; i < unit.length && size >= 1024; i++) {
9 | size /= 1024
10 | }
11 | return (Math.round(size * 100) / 100 || 0) + unit[i]
12 | }
13 |
--------------------------------------------------------------------------------
/vue-mobile/src/utils/url.js:
--------------------------------------------------------------------------------
1 | /**
2 | * 获取 url 后面通过?传参的参数
3 | * @param {String} name
4 | */
5 | export function getQueryString(name) {
6 | const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i')
7 | const url = window.location.href
8 | const search = url.substring(url.lastIndexOf('?') + 1)
9 | const r = search.match(reg)
10 | if (r != null) return unescape(r[2])
11 | return null
12 | }
13 |
--------------------------------------------------------------------------------
/vue-mobile/static/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-mobile/static/.gitkeep
--------------------------------------------------------------------------------
/vue-mobile/static/lib/css/function.scss:
--------------------------------------------------------------------------------
1 | @function ptr($px) {
2 | @return $px/100 * 1rem;
3 | }
4 |
5 | @function ptro($px) {
6 | @return $px/100 * 1rem;
7 | }
--------------------------------------------------------------------------------
/vue-mobile/static/lib/js/initFontSize.min.js:
--------------------------------------------------------------------------------
1 | (function() {
2 | function a() {
3 | var b = document.documentElement.clientWidth;
4 | b = b > 750 ? 750 : b;//这个值可以根据设计图尺寸变化
5 | var c = (b / 750) * 100;
6 | document.getElementsByTagName('html')[0].style.fontSize = c + 'px';
7 | }
8 | a();
9 | window.onresize = a;
10 | })();
11 |
--------------------------------------------------------------------------------
/vue-mobile/test/unit/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "env": {
3 | "jest": true
4 | },
5 | "globals": {
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/vue-mobile/test/unit/setup.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 |
3 | Vue.config.productionTip = false
4 |
--------------------------------------------------------------------------------
/vue-mobile/test/unit/specs/HelloWorld.spec.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import HelloWorld from '@/components/HelloWorld'
3 |
4 | describe('HelloWorld.vue', () => {
5 | it('should render correct contents', () => {
6 | const Constructor = Vue.extend(HelloWorld)
7 | const vm = new Constructor().$mount()
8 | expect(vm.$el.querySelector('.hello h1').textContent)
9 | .toEqual('Welcome to Your Vue.js App')
10 | })
11 | })
12 |
--------------------------------------------------------------------------------
/vue-mobile/test/unit/specs/List.spec.js:
--------------------------------------------------------------------------------
1 | // import List from '@/page/List';
2 | // import Vue from 'vue';
3 |
4 | // describe('List.vue', () => {
5 |
6 | // it('displays items from the list', () => {
7 | // // our test goes here,设置Vue组件
8 | // const Constructor = Vue.extend(List);
9 | // const ListComponent = new Constructor().$mount();
10 | // expect(ListComponent.$el.textContent).to.contain('play games');
11 | // })
12 | // })
13 |
--------------------------------------------------------------------------------
/vue-multi-template/.browserslistrc:
--------------------------------------------------------------------------------
1 | > 1%
2 | last 2 versions
3 |
--------------------------------------------------------------------------------
/vue-multi-template/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | env: {
4 | node: true
5 | },
6 | extends: ['plugin:vue/essential', '@vue/prettier'],
7 | rules: {
8 | 'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
9 | 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
10 | 'prettier/prettier': [
11 | 'error',
12 | {
13 | semi: false,
14 | singleQuote: true
15 | }
16 | ]
17 | },
18 | parserOptions: {
19 | parser: 'babel-eslint'
20 | }
21 | };
22 |
--------------------------------------------------------------------------------
/vue-multi-template/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | /dist/
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | /test/unit/coverage/
8 |
9 | # Editor directories and files
10 | .idea
11 | .vscode
12 | *.suo
13 | *.ntvs*
14 | *.njsproj
15 | *.sln
16 |
--------------------------------------------------------------------------------
/vue-multi-template/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | presets: ["@vue/app"]
3 | };
4 |
--------------------------------------------------------------------------------
/vue-multi-template/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | plugins: {
3 | autoprefixer: {}
4 | }
5 | };
6 |
--------------------------------------------------------------------------------
/vue-multi-template/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-multi-template/public/favicon.ico
--------------------------------------------------------------------------------
/vue-multi-template/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-multi-template/src/assets/logo.png
--------------------------------------------------------------------------------
/vue-multi-template/src/components/Test.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 | ![]()
4 |
5 |
6 |
7 |
23 |
24 |
--------------------------------------------------------------------------------
/vue-multi-template/src/pages/index/App.vue:
--------------------------------------------------------------------------------
1 |
2 |
3 |
6 |
7 |
8 |
11 |
12 |
--------------------------------------------------------------------------------
/vue-multi-template/src/pages/index/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import App from './App.vue'
3 | import router from './router'
4 |
5 | Vue.config.productionTip = false
6 |
7 | new Vue({
8 | router,
9 | render: h => h(App)
10 | }).$mount('#app')
11 |
--------------------------------------------------------------------------------
/vue-multi-template/src/pages/index/router.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Router from 'vue-router'
3 | import home from './views/index.vue'
4 |
5 | Vue.use(Router)
6 |
7 | export default new Router({
8 | routes: [
9 | {
10 | path: '/',
11 | name: 'home',
12 | component: home
13 | }
14 | ]
15 | })
16 |
--------------------------------------------------------------------------------
/vue-multi-template/src/pages/index/views/index.vue:
--------------------------------------------------------------------------------
1 |
2 |
7 |
8 |
9 |
17 |
18 |
--------------------------------------------------------------------------------
/vue-multi-template/src/pages/page1/App.vue:
--------------------------------------------------------------------------------
1 |
2 | 我是首页
4 |
3 |
8 |
9 |
10 |
13 |
14 |
--------------------------------------------------------------------------------
/vue-multi-template/src/pages/page1/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import App from './App.vue'
3 | import router from './router'
4 |
5 | Vue.config.productionTip = false
6 |
7 | new Vue({
8 | router,
9 | render: h => h(App)
10 | }).$mount('#app')
11 |
--------------------------------------------------------------------------------
/vue-multi-template/src/pages/page1/router.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Router from 'vue-router'
3 |
4 | Vue.use(Router)
5 |
6 | export default new Router({
7 | routes: [
8 | {
9 | path: '/',
10 | name: 'home',
11 | component: () => import('./views/page1-1.vue')
12 | },
13 | {
14 | path: '/page1-2',
15 | // route level code-splitting
16 | // this generates a separate chunk (about.[hash].js) for this route
17 | // which is lazy-loaded when the route is visited.
18 | component: () =>
19 | import(/* webpackChunkName: "about" */ './views/page1-2.vue')
20 | }
21 | ]
22 | })
23 |
--------------------------------------------------------------------------------
/vue-multi-template/src/pages/page1/views/page1-1.vue:
--------------------------------------------------------------------------------
1 |
2 | 4 | 我是page1首页返回首页 5 |
6 |
3 | 跳转至page1-2
5 |
6 |
7 |
8 |
11 |
12 |
--------------------------------------------------------------------------------
/vue-multi-template/src/pages/page1/views/page1-2.vue:
--------------------------------------------------------------------------------
1 |
2 | 我是page1-1
4 |
3 | 跳转至page1-1
5 |
6 |
7 |
8 |
11 |
12 |
--------------------------------------------------------------------------------
/vue-multi-template/src/pages/page2/App.vue:
--------------------------------------------------------------------------------
1 |
2 | 我是page1-2
4 |
3 |
6 |
7 |
8 |
11 |
12 |
--------------------------------------------------------------------------------
/vue-multi-template/src/pages/page2/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import App from './App.vue'
3 | import router from './router'
4 |
5 | Vue.config.productionTip = false
6 |
7 | new Vue({
8 | router,
9 | render: h => h(App)
10 | }).$mount('#app')
11 |
--------------------------------------------------------------------------------
/vue-multi-template/src/pages/page2/router.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Router from 'vue-router'
3 |
4 | Vue.use(Router)
5 |
6 | export default new Router({
7 | routes: [
8 | {
9 | path: '/',
10 | name: 'home',
11 | component: () => import('./views/page2-1.vue')
12 | },
13 | {
14 | path: '/page2-2',
15 | // route level code-splitting
16 | // this generates a separate chunk (about.[hash].js) for this route
17 | // which is lazy-loaded when the route is visited.
18 | component: () =>
19 | import(/* webpackChunkName: "about" */ './views/page2-2.vue')
20 | }
21 | ]
22 | })
23 |
--------------------------------------------------------------------------------
/vue-multi-template/src/pages/page2/views/page2-1.vue:
--------------------------------------------------------------------------------
1 |
2 | 我是page2返回首页
4 |
3 | page2-2
5 |
6 |
7 |
8 |
11 |
12 |
--------------------------------------------------------------------------------
/vue-multi-template/src/pages/page2/views/page2-2.vue:
--------------------------------------------------------------------------------
1 |
2 | 我是page2-1
4 |
3 | page2-1
5 |
6 |
7 |
8 |
11 |
12 |
--------------------------------------------------------------------------------
/vue-pc-template/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | ["env", {
4 | "modules": false,
5 | "targets": {
6 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
7 | }
8 | }],
9 | "stage-2"
10 | ],
11 | "plugins": ["transform-vue-jsx", "transform-runtime"],
12 | "env": {
13 | "test": {
14 | "presets": ["env", "stage-2"],
15 | "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
16 | }
17 | }
18 | }
19 |
--------------------------------------------------------------------------------
/vue-pc-template/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | charset = utf-8
5 | indent_style = space
6 | indent_size = 2
7 | end_of_line = lf
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
--------------------------------------------------------------------------------
/vue-pc-template/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules/
3 | /dist/
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 | /test/unit/coverage/
8 |
9 | # Editor directories and files
10 | .idea
11 | .vscode
12 | *.suo
13 | *.ntvs*
14 | *.njsproj
15 | *.sln
16 |
--------------------------------------------------------------------------------
/vue-pc-template/.postcssrc.js:
--------------------------------------------------------------------------------
1 | // https://github.com/michael-ciniawsky/postcss-load-config
2 |
3 | module.exports = {
4 | "plugins": {
5 | "postcss-import": {},
6 | "postcss-url": {},
7 | // to edit target browsers: use "browserslist" field in package.json
8 | "autoprefixer": {}
9 | }
10 | }
11 |
--------------------------------------------------------------------------------
/vue-pc-template/build/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-pc-template/build/logo.png
--------------------------------------------------------------------------------
/vue-pc-template/config/dev.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const prodEnv = require('./prod.env')
4 |
5 | module.exports = merge(prodEnv, {
6 | NODE_ENV: '"development"'
7 | })
8 |
--------------------------------------------------------------------------------
/vue-pc-template/config/prod.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | module.exports = {
3 | NODE_ENV: '"production"'
4 | }
5 |
--------------------------------------------------------------------------------
/vue-pc-template/config/test.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const devEnv = require('./dev.env')
4 |
5 | module.exports = merge(devEnv, {
6 | NODE_ENV: '"testing"'
7 | })
8 |
--------------------------------------------------------------------------------
/vue-pc-template/images/vue-pc-template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-pc-template/images/vue-pc-template.png
--------------------------------------------------------------------------------
/vue-pc-template/src/assets/avactor.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-pc-template/src/assets/avactor.png
--------------------------------------------------------------------------------
/vue-pc-template/src/assets/fonts/iconfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-pc-template/src/assets/fonts/iconfont.eot
--------------------------------------------------------------------------------
/vue-pc-template/src/assets/fonts/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-pc-template/src/assets/fonts/iconfont.ttf
--------------------------------------------------------------------------------
/vue-pc-template/src/assets/fonts/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-pc-template/src/assets/fonts/iconfont.woff
--------------------------------------------------------------------------------
/vue-pc-template/src/assets/login.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-pc-template/src/assets/login.jpg
--------------------------------------------------------------------------------
/vue-pc-template/src/assets/login_pass.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-pc-template/src/assets/login_pass.png
--------------------------------------------------------------------------------
/vue-pc-template/src/assets/login_user.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-pc-template/src/assets/login_user.png
--------------------------------------------------------------------------------
/vue-pc-template/src/store/index.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Vuex from 'vuex'
3 | import createPersistedState from 'vuex-persistedstate'
4 | import comTable from './modules/comTable'
5 | Vue.use(Vuex)
6 |
7 | export default new Vuex.Store({
8 | modules: {
9 | comTable
10 | },
11 | plugins: [createPersistedState({ storage: window.sessionStorage })]
12 | })
13 |
--------------------------------------------------------------------------------
/vue-pc-template/src/utils/api.js:
--------------------------------------------------------------------------------
1 | const API={
2 | login:"/api/loginOut",
3 | tableData:"/static/comTable.json",
4 | }
5 |
6 |
7 | export default API;
8 |
--------------------------------------------------------------------------------
/vue-pc-template/src/utils/config/index.js:
--------------------------------------------------------------------------------
1 | let API_ROOT='';
2 | if(location.hostname.indexOf('dev-')!=-1
3 | ||location.hostname.indexOf('test-')!=-1
4 | ||location.hostname.indexOf('prod-')!=-1){
5 | API_ROOT=`https://${location.hostname}`;
6 | }else{
7 | API_ROOT=`https://dev-jiajiao.aijiatui.com`
8 | }
9 |
10 | export default API_ROOT
--------------------------------------------------------------------------------
/vue-pc-template/static/.gitkeep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-pc-template/static/.gitkeep
--------------------------------------------------------------------------------
/vue-pc-template/static/comTable.json:
--------------------------------------------------------------------------------
1 | {tabData:[
2 | {
3 | date:'2017-05-02',
4 | name:'王小虎',
5 | address:'上海市普陀区金沙江路1518弄'
6 | },
7 | {
8 | date:'2016-06-04',
9 | name:'王小虎',
10 | address: '上海市普陀区金沙江路 1517 弄'
11 | },
12 | {
13 | date:'2016-05-01',
14 | name:'王小虎',
15 | address:'上海市普陀区金沙江路 1519 弄'
16 | },
17 | {
18 | date: '2018-05-03',
19 | name: '王小虎',
20 | address: '上海市普陀区金沙江路 1516 弄'
21 | }
22 | ]}
--------------------------------------------------------------------------------
/vue-pc-template/static/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-pc-template/static/favicon.png
--------------------------------------------------------------------------------
/vue-pc-template/test/unit/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "env": {
3 | "jest": true
4 | },
5 | "globals": {
6 | }
7 | }
8 |
--------------------------------------------------------------------------------
/vue-pc-template/test/unit/setup.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 |
3 | Vue.config.productionTip = false
4 |
--------------------------------------------------------------------------------
/vue-pc-template/test/unit/specs/HelloWorld.spec.js:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import HelloWorld from '@/components/HelloWorld'
3 |
4 | describe('HelloWorld.vue', () => {
5 | it('should render correct contents', () => {
6 | const Constructor = Vue.extend(HelloWorld)
7 | const vm = new Constructor().$mount()
8 | expect(vm.$el.querySelector('.hello h1').textContent)
9 | .toEqual('Welcome to Your Vue.js App')
10 | })
11 | })
12 |
--------------------------------------------------------------------------------
/vue-ts-template/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | node_modules
3 | /dist
4 |
5 | # local env files
6 | .env.local
7 | .env.*.local
8 |
9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 |
14 | # Editor directories and files
15 | .idea
16 | .vscode
17 | *.suo
18 | *.ntvs*
19 | *.njsproj
20 | *.sln
21 | *.sw?
22 |
--------------------------------------------------------------------------------
/vue-ts-template/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | presets: [
3 | '@vue/app'
4 | ]
5 | }
6 |
--------------------------------------------------------------------------------
/vue-ts-template/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-ts-template/public/favicon.ico
--------------------------------------------------------------------------------
/vue-ts-template/public/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | 我是page2-2
4 |
3 |
5 |
6 |
7 |
26 |
--------------------------------------------------------------------------------
/vue-ts-template/src/assets/avactor.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-ts-template/src/assets/avactor.png
--------------------------------------------------------------------------------
/vue-ts-template/src/assets/fonts/iconfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-ts-template/src/assets/fonts/iconfont.eot
--------------------------------------------------------------------------------
/vue-ts-template/src/assets/fonts/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-ts-template/src/assets/fonts/iconfont.ttf
--------------------------------------------------------------------------------
/vue-ts-template/src/assets/fonts/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-ts-template/src/assets/fonts/iconfont.woff
--------------------------------------------------------------------------------
/vue-ts-template/src/assets/login.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-ts-template/src/assets/login.jpg
--------------------------------------------------------------------------------
/vue-ts-template/src/assets/login_pass.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-ts-template/src/assets/login_pass.png
--------------------------------------------------------------------------------
/vue-ts-template/src/assets/login_user.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-ts-template/src/assets/login_user.png
--------------------------------------------------------------------------------
/vue-ts-template/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-ts-template/src/assets/logo.png
--------------------------------------------------------------------------------
/vue-ts-template/src/router.ts:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Router from 'vue-router'
3 |
4 | Vue.use(Router)
5 |
6 | export default new Router({
7 | routes: [
8 | {
9 | path: '/',
10 | name: 'home',
11 | component: ()=>import('@/pages/Home.vue'),
12 | children:[
13 | {path:'/ComEcharts',name:'ComEcharts',component:()=>import('@/pages/ComEcharts.vue')},
14 | ]
15 | },
16 | ]
17 | })
18 |
19 |
--------------------------------------------------------------------------------
/vue-ts-template/src/shims-tsx.d.ts:
--------------------------------------------------------------------------------
1 | import Vue, { VNode } from 'vue'
2 |
3 | declare global {
4 | namespace JSX {
5 | // tslint:disable no-empty-interface
6 | interface Element extends VNode {}
7 | // tslint:disable no-empty-interface
8 | interface ElementClass extends Vue {}
9 | interface IntrinsicElements {
10 | [elem: string]: any
11 | }
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/vue-ts-template/src/shims-vue.d.ts:
--------------------------------------------------------------------------------
1 | declare module '*.vue' {
2 | import Vue from 'vue'
3 | export default Vue
4 | }
5 |
--------------------------------------------------------------------------------
/vue-ts-template/src/store.ts:
--------------------------------------------------------------------------------
1 | import Vue from 'vue'
2 | import Vuex from 'vuex'
3 |
4 | Vue.use(Vuex)
5 |
6 | export default new Vuex.Store({
7 | state: {
8 |
9 | },
10 | mutations: {
11 |
12 | },
13 | actions: {
14 |
15 | }
16 | })
17 |
--------------------------------------------------------------------------------
/vue-ts-template/src/utils/api.ts:
--------------------------------------------------------------------------------
1 | const API={
2 | login:"/api/loginOut",
3 | tableData:"/static/comTable.json",
4 | }
5 |
6 |
7 | export default API;
8 |
--------------------------------------------------------------------------------
/vue-ts-template/src/utils/config/index.ts:
--------------------------------------------------------------------------------
1 | let API_ROOT='';
2 | if(location.hostname.indexOf('dev-')!=-1
3 | ||location.hostname.indexOf('test-')!=-1
4 | ||location.hostname.indexOf('prod-')!=-1){
5 | API_ROOT=`https://${location.hostname}`;
6 | }else{
7 | API_ROOT=`https://dev-jiajiao.aijiatui.com`
8 | }
9 |
10 | export default API_ROOT
--------------------------------------------------------------------------------
/vue-ts-template/static/vue-ts-template.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lanzhsh/react-vue-koa/8f23d46b4af76b569f58765e1e69d191de0b0d4e/vue-ts-template/static/vue-ts-template.png
--------------------------------------------------------------------------------