每一个目录的内容页面 最顶层class名称要于文件名相同
如:home/home.vue class="home"
最顶层的class需要再增加一个副类 用于表示页面
如:home/home.vue class="qn-page home"
在写样式的时候 如果是属于该页面的样式
如:.qn-page.home {}
内容样式主布局可以使用
container aside header content footer
在命名使用的时候可以使用less默认是使用less
可以自行调整
如:
.qn-page.home{
.container {
}
}
二级元素可以使用具体作用域的单词命名,命名跟在一级区块后
如 .container-article
三级元素内容同二级命名方式一样
如 .container-article-title
子集内容则可以直接使用__开头命名class
如 .__header
通用样式命名以.qn-开头
如 .qn-button .qn_tag 等等
所有页面调用的方法都必须添加
handle
做前缀,所有的方法名必须使用驼峰命名方法
例如:handleOladData
页面通用方法请写在根目录下utils目录下,并加载到index.js当中,utils暂时不支持自动加载
所有页面是自动加载,需要创建在pages目录下,默认请创建于文件夹同名的vue页面文件。 如果想使用独立的页面布局,在pages新建vue文件,名称与文件夹相同,结构如下
|-pages
|--home
|----home.vue //默认继承layout下面的Main.vue未主页面布局
|--home.vue //如果该VUE不创建,则自动集成默认的布局 如果创建改文件,则home/home.vue则继承该页面作为布局页面
在页面开发过程中,如果只是当模块使用的组建,请在pages/<模块名> 如pages/home新建一个components在该目录下新建组建,全局通用请在根目录下的components创建组建
VUEX类文件也是启动的自动加载模式,只需要在store下面创建js文件即可,切勿删除目录下index.js和getter.js文件。公共的计算属性请写在getters.s下面
在pages目录下必须创建页面的时候必须保证有一个与模块同名的
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。