frontcommentpackage

1.轮播图模块 （views\swiper\index.vue）

1.验证码模块

引入import VueImage from './components/vueImageVerify.vue'

VueImage注册后可以通过

<vue-image @getIdentifyCode="getIdentifyCodes" />

进行使用，其中getIdentifyCode方法定义如下

 getIdentifyCodes(value) {
	      console.log('------', value)
	      // 判断验证码输入是否有误 和输入的文本框
	      // if (this.verify.toLowerCase() != value.toLowerCase()) {
            // Toast.fail('验证码有误')
            // return
	      // }
        this.valiatecode=value.toLowerCase()
 },

具体的调用可以看

views/login/login.vue view/login/loginMobile.vue

2.登录样式

2.1移动端登录样式（view/loginMobile.vue）

需要安装mint

import Mint from 'mint-ui'
import 'mint-ui/lib/style.css';
Vue.use(Mint);

2.2桌面端样式(view/login/login.vue)

无需依赖别的东西

2.3桌面端样式(view/login/loginElement.vue)

需要安装elementui

// 真实项目中这里要按需引用
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

3.详情页样式

3.1 文章详情页(view/details/detailsText.vue)

无需任何依赖

3.2视频详情页

需要安装vant ui

import Vant from 'vant';
import 'vant/lib/index.css';
Vue.use(Vant);