-
-
-
{{ item.visit_count > 0 ? item.visit_count : '暂无阅读' }}
-
-
-
-
{{ item.reply_count > 0 ? item.reply_count : '暂无评论' }}
+
-
-
{{ item.last_reply_at | formatDate }}
+
{{ item.title }}
+
+
+
+
{{ item.visit_count > 0 ? item.visit_count : '暂无阅读' }}
+
+
+
+
{{ item.reply_count > 0 ? item.reply_count : '暂无评论' }}
+
+
+ {{ formatDate(item.last_reply_at) }}
+
-
-
-
-
-
-
-
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/vuet/index.js b/src/vuet/index.js
index 89e5c35..7db4fff 100644
--- a/src/vuet/index.js
+++ b/src/vuet/index.js
@@ -1,3 +1,13 @@
-import vuet from './vuet'
+import Vue from 'vue'
+import Vuet from 'vuet'
+import topic from './topic'
-export default vuet
+Vue.use(Vuet)
+
+export function createVuet () {
+ return new Vuet({
+ modules: {
+ topic
+ }
+ })
+}
diff --git a/src/vuet/topic.js b/src/vuet/topic.js
new file mode 100644
index 0000000..7979077
--- /dev/null
+++ b/src/vuet/topic.js
@@ -0,0 +1,48 @@
+import api from '@/api/topic'
+
+function loading (className, propName, descriptor) {
+ const { value } = descriptor
+ descriptor.value = async function () {
+ let res
+ this.loading = true
+ try {
+ res = await value.apply(this, arguments)
+ } catch (e) {
+ res = Promise.reject(e)
+ }
+ this.loading = false
+ return res
+ }
+}
+
+export default {
+ modules: {
+ index: {
+ data () {
+ return {
+ list: [],
+ loading: false,
+ // scroll: { x: 0, y: 0 },
+ query: {
+ tab: 'all',
+ limit: 20,
+ mdrender: false,
+ page: 1
+ }
+ }
+ },
+ @loading
+ async getTopics (query) {
+ this.query.page = 1
+ const res = await api.getTopics({ ...this.query, ...query })
+ this.list = res.data
+ },
+ @loading
+ async pullGetTopics (query) {
+ this.query.page++
+ const res = await api.getTopics(this.query)
+ this.list = [...this.list, ...res.data]
+ }
+ }
+ }
+}
diff --git a/src/vuet/vuet.js b/src/vuet/vuet.js
deleted file mode 100644
index 8aac02a..0000000
--- a/src/vuet/vuet.js
+++ /dev/null
@@ -1,203 +0,0 @@
-import Vue from 'vue'
-import Vuet from 'vuet'
-import utils from 'utils'
-import http from 'http'
-import VuetScroll from 'vuet-scroll'
-import VuetRoute from 'vuet-route'
-
-Vue
- .use(Vuet)
- .use(VuetScroll)
-
-Vuet
- .rule('route', VuetRoute)
-
-export default new Vuet({
- pathJoin: '-',
- modules: {
- topic: {
- modules: {
- create: {
- data () {
- return {
- title: '', // 标题
- tab: '', // 发表的板块
- content: '' // 发表的内容
- }
- },
- async create () {
- if (!this.title) {
- return utils.toast('标题不能为空')
- } else if (!this.tab) {
- return utils.toast('选项不能为空')
- } else if (!this.content) {
- return utils.toast('内容不能为空')
- }
- const res = await http.post(`/topics`, {
- ...this.state
- })
- if (res.success) {
- this.reset()
- this.app.$router.push({
- path: `/topic/${res.topic_id}`
- })
- } else {
- utils.toast(res.error_msg)
- }
- return res
- }
- },
- list: {
- data () {
- return {
- list: [], // 列表存储的数据
- loading: true, // 数据正在加载中
- done: false, // 数据是否已经全部加载完成
- page: 1 // 加载的页数
- }
- },
- route: {
- once: true // 当前页面，只加载一次，这样我们就可以做上拉加载了
- },
- async fetch () {
- const { tab = '' } = this.app.$route.query
- const query = {
- tab,
- mdrender: false,
- limit: 20,
- page: this.page
- }
- this.loading = true
- const res = await http.get('/topics', query)
- this.list = [...this.list, ...res.data]
- this.page++
- this.loading = false
- this.done = res.data.length < 20
- }
- },
- detail: {
- data () {
- return {
- topic: {
- id: null,
- author_id: null,
- tab: null,
- content: null,
- title: null,
- last_reply_at: null,
- good: false,
- top: false,
- reply_count: 0,
- visit_count: 0,
- create_at: null,
- author: {
- loginname: null,
- avatar_url: null
- },
- replies: [],
- is_collect: false
- },
- existence: true,
- loading: true,
- commentId: null
- }
- },
- async fetch () {
- const route = this.app.$route
- const { data } = await http.get(`/topic/${route.params.id}`)
- if (data) {
- this.topic = data
- this.existence = true
- } else {
- this.existence = false
- }
- this.loading = false
- }
- }
- }
- },
- user: {
- modules: {
- self: {
- data () {
- return JSON.parse(localStorage.getItem('vue_cnode_self')) || {
- avatar_url: null,
- id: null,
- loginname: null,
- success: false
- }
- },
- async login (accesstoken) {
- const res = await http.post(`/accesstoken`, { accesstoken })
- if (typeof res === 'object' && res.success) {
- this.state = res
- localStorage.setItem('vue_cnode_self', JSON.stringify(res))
- localStorage.setItem('vue_cnode_accesstoken', accesstoken)
- }
- return res
- },
- signout () {
- localStorage.removeItem('vue_cnode_self')
- localStorage.removeItem('vue_cnode_accesstoken')
- this.reset()
- this.app.$router.replace('/')
- }
- },
- detail: {
- data () {
- return {
- user: {
- loginname: null,
- avatar_url: null,
- githubUsername: null,
- create_at: null,
- score: 0,
- recent_topics: [],
- recent_replies: []
- },
- existence: true,
- loading: true,
- tabIndex: 0
- }
- },
- async fetch () {
- const route = this.app.$route
- const { data } = await http.get(`/user/${route.params.username}`)
- if (data) {
- this.user = data
- } else {
- this.existence = false
- }
- this.loading = false
- }
- },
- messages: {
- data () {
- return {
- list: [],
- loading: true
- }
- },
- async fetch () {
- if (!this.vuet.getState('user-self').id) return
- const { data } = await http.get(`/messages`, { mdrender: true })
- this.list = [...data.has_read_messages, ...data.hasnot_read_messages]
- },
- modules: {
- count: {
- data () {
- return 0
- },
- async fetch () {
- if (!this.vuet.getState('user-self').id) return
- const res = await http.get('/message/count')
- if (!res.data) return
- this.state = res.data
- }
- }
- }
- }
- }
- }
- }
-})
diff --git a/webpack.config.js b/webpack.config.js
deleted file mode 100644
index 2b0308d..0000000
--- a/webpack.config.js
+++ /dev/null
@@ -1,138 +0,0 @@
-const path = require('path')
-const configs = require('./configs/')
-const webpack = require('webpack')
-const HtmlWebpackPlugin = require('html-webpack-plugin')
-const ExtractTextPlugin = require('extract-text-webpack-plugin')
-
-const extract = new ExtractTextPlugin('css/[name].[hash].css')
-const autoprefixer = require('autoprefixer')({ browsers: ['iOS >= 7', 'Android >= 4.1'] })
-const IS_ENV = process.env.NODE_ENV == 'production'
-const plugins = []
-if (IS_ENV) {
- plugins.push(new webpack.DefinePlugin({
- 'process.env': {
- NODE_ENV: JSON.stringify('production')
- }
- }))
- plugins.push(new webpack.optimize.UglifyJsPlugin({
- compress: {
- warnings: false
- },
- sourceMap: true
- }))
-}
-
-module.exports = {
- target: 'web',
- entry: {
- main: ['babel-polyfill', 'whatwg-fetch', './src/main.js']
- },
- output: {
- filename: 'js/[name].[hash].js',
- path: path.resolve(__dirname, `${configs.dest}static`),
- publicPath: configs.publicPath
- },
- module: {
- rules: [
- {
- test: /\.js$/,
- use: ['babel-loader', 'eslint-loader'],
- exclude: /node_modules/
- },
- {
- test: /\.vue$/,
- use: [
- {
- loader: 'vue-loader',
- options: {
- loaders: {
- css: ExtractTextPlugin.extract({
- use: ['css-loader'],
- fallback: 'vue-style-loader'
- }),
- less: ExtractTextPlugin.extract({
- use: ['css-loader', 'less-loader'],
- fallback: 'vue-style-loader'
- })
- },
- postcss: [autoprefixer]
- }
- },
- 'eslint-loader'
- ]
- },
- {
- test: /\.css$/,
- use: extract.extract([
- 'css-loader',
- {
- loader: 'postcss-loader',
- options: {
- plugins: [autoprefixer]
- }
- }
- ])
- },
- {
- test: /\.less$/,
- use: extract.extract([
- 'css-loader',
- {
- loader: 'postcss-loader',
- options: {
- plugins: [autoprefixer]
- }
- },
- 'less-loader'
- ])
- },
- {
- test: /\.(eot|woff|svg|ttf|woff2|)(\?|$)/,
- use: [
- {
- loader: 'file-loader',
- options: {
- name: 'iconfont/[name].[hash].[ext]'
- }
- }
- ]
- },
- {
- test: /\.(png|jpg|gif)$/,
- use: [
- {
- loader: 'url-loader',
- options: {
- limit: 2000,
- name: 'images/[name].[hash].[ext]'
- }
- }
- ]
- }
- ]
- },
- plugins: [
- new HtmlWebpackPlugin({
- template: path.resolve(__dirname, 'src/template/index.html'),
- filename: '../index.html',
- title: configs.title,
- hash: true,
- minify: {
- removeComments: true,
- collapseWhitespace: true,
- removeAttributeQuotes: true
- }
- }),
- extract
- ].concat(plugins),
- resolve: {
- alias: {
- 'vue$': 'vue/dist/vue.esm.js',
- 'utils$': path.resolve(__dirname, 'src/utils/index.js'), //常用工具方法
- 'is-seeing$': path.resolve(__dirname, 'src/utils/is-seeing.js'),
- 'http$': path.resolve(__dirname, 'src/http/index.js'),
- },
- extensions: ['.js', '.vue', '.json']
- },
- devtool: false
-}
\ No newline at end of file
-