一、标签选择
<header> //定义 section 或 page 的页眉。
<aside> //定义页面内容之外的内容。
<section> //定义 section。
二、类名
- 变量名
@active-text: #006BFF
@default-text: #202020
@light-text: #626F84
@desc-text: #9BA7BA
@default-color: #FFFFFF
@active-bg: #F2F7FF
@basc-bg: #F0F0F5
@light-bg: #F7F9FA
@dark-bg:#9BA7BA
@default-space: 8px
@small-space: 4px
@large-space: 16px - 类名
querydetail
querydetail-header
querydetail-content
querydetail-aside
-task
-searchbar
-list
-item
-num
-center
-right
-source
-databar
-list
querydetail-main
-top
-workspace
三、目录结构
-api
-query.js
-query
-components
-aside
-aside-task
-aside-source
-header
-constants
-natural-language
-index
-main
四、通信
vuex的modules
const store = new Vuex.Store({
state,
getters,
mutations,
actions,
plugins: [plugins],
modules: { // 导出模块
query
}
})
//新增query的store
//query如下:
import state from './state'
import getters from './getters'
import mutations from './mutations'
import actions from './actions'
export { default as MUTATIONS_TYPES } from './mutation-types'
export default {
namespaced: true, //开启命名空间
state,
getters,
mutations,
actions,
}