1.0.1 • Published 2 years ago
frontcommonpackage v1.0.1
1.轮播图模块 (views\swiper\index.vue)
bin-ui 也有这个模块,然后swiper-awesome也有
1.验证码模块
import VueImage from 'frontcommonpackage/src/vueImageVerify.vue'
引入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)
import VueImage from 'frontcommonpackage/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);