[
{
"path": ".gitignore",
"content": ".DS_Store\nnode_modules\n/dist\n\n\n# local env files\n.env.local\n.env.*.local\n\n# Log files\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\npnpm-debug.log*\n\n# Editor directories and files\n.idea\n.vscode\n*.suo\n*.ntvs*\n*.njsproj\n*.sln\n*.sw?\n"
},
{
"path": "README.md",
"content": "# vue-finance mobile web \n这是一个基于Vue2开发的移动端财经网站\n\n## Project setup\n```\nnpm install\n```\n\n### Compiles and hot-reloads for development\n```\nnpm run serve\n```\n\n### Compiles and minifies for production\n```\nnpm run build\n```\n\n### Customize configuration\nSee [Configuration Reference](https://cli.vuejs.org/config/).\n"
},
{
"path": "babel.config.js",
"content": "module.exports = {\n presets: [\n '@vue/cli-plugin-babel/preset'\n ]\n}\n"
},
{
"path": "package.json",
"content": "{\n \"name\": \"vue-finance\",\n \"version\": \"0.1.0\",\n \"private\": true,\n \"scripts\": {\n \"serve\": \"vue-cli-service serve\",\n \"build\": \"vue-cli-service build\"\n },\n \"dependencies\": {\n \"axios\": \"^0.26.1\",\n \"core-js\": \"^3.6.5\",\n \"vant\": \"^2.12.47\",\n \"vue\": \"^2.6.11\",\n \"vue-router\": \"^3.2.0\",\n \"vuex\": \"^3.4.0\"\n },\n \"devDependencies\": {\n \"@vue/cli-plugin-babel\": \"~4.5.13\",\n \"@vue/cli-plugin-router\": \"~4.5.13\",\n \"@vue/cli-plugin-vuex\": \"~4.5.13\",\n \"@vue/cli-service\": \"~4.5.13\",\n \"babel-plugin-import\": \"^1.13.5\",\n \"less\": \"^3.0.4\",\n \"less-loader\": \"^5.0.0\",\n \"vue-template-compiler\": \"^2.6.11\"\n }\n}\n"
},
{
"path": "public/index.html",
"content": "\n\n \n \n \n \n favicon.ico\">\n <%= htmlWebpackPlugin.options.title %>\n \n \n \n \n \n \n\n"
},
{
"path": "src/App.vue",
"content": "\n \n \n \n \n \n \n
\n\n\n\n\n"
},
{
"path": "src/api/articleApi.js",
"content": "import request from \"@/api/index\";\n\nlet getComment = (params) => {\n\treturn request({\n\t\turl: '/article/comments',\n\t\tmethod:\"GET\",\n\t\tparams,\n\t})\n}\n\nexport {\n\tgetComment,\n}\n"
},
{
"path": "src/api/fundApi.js",
"content": "import request from \"@/api/index\";\n\n//获取基金轮播图\nlet getFund = () => {\n\treturn request({\n\t\turl: '/fund/banner',\n\t\tmethod: \"GET\",\n\t})\n}\n\nlet getFundTabList = () => {\n\treturn request({\n\t\turl:'/fund/tablist',\n\t\tmethod:\"GET\",\n\t})\n}\n\nexport {\n\tgetFund,getFundTabList\n}\n"
},
{
"path": "src/api/homeApi.js",
"content": "import request from \"@/api/index\";\n\nlet getHotspot = () => {\n\treturn request({\n\t\tmethod:'GET',\n\t\turl:'/quote',\n\t})\n}\n\nlet getArticle = (params) => {\n\treturn request({\n\t\tmethod:\"GET\",\n\t\turl:'/articles',\n\t\tparams,\n\t})\n}\n\nexport {\n\tgetHotspot,getArticle,\n}\n"
},
{
"path": "src/api/index.js",
"content": "import axios from \"axios\";\nimport store from '@/store/index'\n\nconst request = axios.create({\n\tbaseURL: 'http://api.cpengx.cn/finance/api',\n})\n\nrequest.interceptors.request.use(function (config) {\n\tif(store.state.user&&store.state.user.token) {\n\t\tconfig.headers.Authorization = 'Bearer '+store.state.user.token;\n\t}\n\treturn config;\n}, function (error) {\n\treturn Promise.reject(error);\n})\n\nrequest.interceptors.response.use(function (response) {\n\tif(response.status===200) {\t\t\t//代表拦截到的回应没问题\n\t\treturn response.data;\t\t\t\t\t//返回数据\n\t}else {\n\t\treturn response;\t\t\t\t\t\t\t//返回数据有问题\n\t}\n},function (error) {\n\treturn Promise.reject(error);\t\t//出错了，显示错误\n})\n\nexport default request;\n"
},
{
"path": "src/api/loginApi.js",
"content": "import request from \"@/api/index\";\n\nlet getLogin = (data) => {\n\treturn request({\n\t\turl: '/login',\n\t\tmethod: \"POST\",\n\t\tdata,\n\t})\n}\nlet getVerifyCode = (params) => {\n\treturn request({\n\t\turl: '/code',\n\t\tmethod: \"GET\",\n\t\tparams,\n\t})\n}\nexport {\n\tgetLogin,getVerifyCode\n}\n"
},
{
"path": "src/api/stockApi.js",
"content": "import request from \"@/api/index\";\n\nlet getStockRank = (params) => {\n\treturn request({\n\t\turl: '/stocks',\n\t\tmethod: \"GET\",\n\t\tparams,\n\t})\n}\n\nexport {\n\tgetStockRank,\n}\n"
},
{
"path": "src/assets/iconfont.css",
"content": "@font-face {\n font-family: \"iconfont\"; /* Project id 3336648 */\n src: url('//at.alicdn.com/t/font_3336648_zc9svdlbwz.woff2?t=1650537850371') format('woff2'),\n url('//at.alicdn.com/t/font_3336648_zc9svdlbwz.woff?t=1650537850371') format('woff'),\n url('//at.alicdn.com/t/font_3336648_zc9svdlbwz.ttf?t=1650537850371') format('truetype');\n}\n\n.iconfont {\n font-family: \"iconfont\" !important;\n font-size: 16px;\n font-style: normal;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.icon-comment:before {\n content: \"\\e667\";\n}\n\n.icon-star:before {\n content: \"\\e7df\";\n}\n\n.icon-like:before {\n content: \"\\e707\";\n}\n\n.icon-youxiang1:before {\n content: \"\\e664\";\n}\n\n.icon-gerenzhongxin:before {\n content: \"\\e61d\";\n}\n"
},
{
"path": "src/components/Article/Comment.vue",
"content": "\n \n\n\n\n\n\n"
},
{
"path": "src/components/Home/Article.vue",
"content": "\n \n
\n \n 正在加载中
\n 你到了世界的尽头
\n \n \n 首页\n 股票\n 基金\n 我的\n \n
\n\n\n\n\n\n"
},
{
"path": "src/components/Home/HeaderNav.vue",
"content": "\n \n\n\n\n\n\n"
},
{
"path": "src/components/Home/HotSpot.vue",
"content": "\n \n
今日市场
\n \n \n \n \n {{ item.quote.name }}
\n 0?'red':'green'\">{{ item.quote.chg }}%
\n 0?'red':'green'\">{{ item.quote.current }}
\n \n \n \n \n \n\n\n\n\n\n"
},
{
"path": "src/components/Home/NaviList.vue",
"content": "\n \n \n \n \n \n
\n\n\n\n\n\n"
},
{
"path": "src/components/Me/MeContent.vue",
"content": "\n \n
服务
\n \n \n \n\n 其他
\n \n \n \n\n\n\n\n\n"
},
{
"path": "src/components/Me/MeHeader.vue",
"content": "\n \n\n\n\n\n\n"
},
{
"path": "src/main.js",
"content": "import Vue from 'vue'\nimport App from './App.vue'\nimport router from './router'\nimport store from './store'\nimport './utils/rem'\nimport Vant from 'vant';\nimport 'vant/lib/index.css';\nimport '@/assets/iconfont.css';\n\nVue.use(Vant);\nconst bus = new Vue();\nVue.prototype.$bus = bus;\nVue.config.productionTip = false\n\nnew Vue({\n router,\n store,\n render: h => h(App)\n}).$mount('#app')\n"
},
{
"path": "src/router/index.js",
"content": "import Vue from 'vue'\nimport VueRouter from 'vue-router'\nimport Home from '../views/Home.vue'\nimport ArticlePage from \"@/views/ArticlePage\";\nimport Stock from \"@/views/Stock\";\nimport Fund from \"@/views/Fund\";\nimport Me from \"@/views/Me\";\nimport Login from \"@/views/Login\";\n\nVue.use(VueRouter)\n\nconst routes = [\n\t{\n\t\tpath: '/',\n\t\tname: 'Home',\n\t\tcomponent: Home\n\t},\n\t{\n\t\tpath: '/article/:id',\n\t\tname: 'Article',\n\t\tprops: route => ({ article: route.params }),\n\t\tcomponent: ArticlePage\n\t},\n\t{\n\t\tpath: '/stock',\n\t\tname: 'Stock',\n\t\tcomponent: Stock,\n\t},\n\t{\n\t\tpath:'/fund',\n\t\tname:'Fund',\n\t\tcomponent: Fund,\n\t},\n\t{\n\t\tpath: '/me',\n\t\tname: 'Me',\n\t\tcomponent: Me,\n\t},\n\t{\n\t\tpath: '/login',\n\t\tname:'Login',\n\t\tcomponent: Login,\n\t}\n]\n\nconst router = new VueRouter({\n\tmode: 'hash',\n\tbase: process.env.BASE_URL,\n\troutes\n})\n\nexport default router\n"
},
{
"path": "src/store/index.js",
"content": "import Vue from 'vue'\nimport Vuex from 'vuex'\nimport {getLogin} from \"@/api/loginApi\";\nimport {Toast} from \"vant\";\nVue.use(Vuex)\n\nexport default new Vuex.Store({\n state: {\n user:localStorage.user?JSON.parse(localStorage.user):null,\n },\n mutations: {\n setUser(state,payload){\n state.user = payload;\n console.log(state.user);\n }\n },\n actions: {\n async asyncLogin(context,payload) {\n let res =await getLogin(payload);\n console.log(res)\n if(res.msg ==='操作成功') {\n Toast.success('登录成功');\n context.commit('setUser',res.result);\n localStorage.user = JSON.stringify(res.result);\n return {user:res.result,successLogin:true};\n }\n else {\n Toast.fail(res.result);\n return {user:res,successLogin:false};\n }\n }\n },\n modules: {\n }\n})\n"
},
{
"path": "src/utils/rem.js",
"content": "function setRem() {\n\tlet width = document.documentElement.clientWidth;\n\tlet htmlFontsize = width/3.75;\n\tdocument.documentElement.style.fontSize = htmlFontsize+'px';\n}\nwindow.addEventListener('resize',()=>{\n\tsetRem();\n})\nsetRem();\n"
},
{
"path": "src/views/ArticlePage.vue",
"content": "\n \n
\n
\n \n
{{ articleDetails.original_status.title }}
\n
\n
\n
\n
\n
\n
\n
\n \n {{ articleDetails.original_status.like_count }}
\n \n
\n \n {{ articleDetails.original_status.retweet_count }}
\n \n
\n \n {{ commentArr.count }}
\n \n
\n
\n
\n
\n \n \n \n \n
\n \n \n
{{ item.comment }}
\n
{{ item.tips }}
\n
\n
\n
![]()
\n
{{ content.name }}\n
\n {{ content.content[0].desc }}\n {{ content.content[0].value }}\n \n
\n {{ content.content[1].desc }}\n {{ content.content[1].value }}\n \n
\n
\n
\n
\n \n
\n
\n \n
\n \n
\n \n
\n \n
\n \n
\n
\n \n
\n
\n
![](\"/imgs/logo.png\")
\n
登录账户
\n
\n
\n
登录\n \n
\n
\n \n \n
\n\n\n\n\n\n"
},
{
"path": "src/views/Stock.vue",
"content": "\n \n
\n
股票榜单
\n \n
\n \n \n
\n
{{ index + 1 }}\n
{{ item.name }}\n
\n ![](\"/imgs/up.png\")
0\">\n ![](\"/imgs/down.png\")
\n \n
{{ item.current }}\n
\n
\n
\n \n
\n
![](\"/imgs/me1.png\")
\n ![](\"/imgs/me2.png\")
\n ![](\"/imgs/me3.png\")
\n ![](\"/imgs/me4.png\")
\n ![](\"/imgs/quit.png\")
评论
\n