todaytech-ui 移动端组件库

``
基于vue4.0开发
cnpm install -g @vue/cli

使用前需要引入
- mint-ui
npm i mint-ui
import mintUi from 'mint-ui'
import 'mint-ui/lib/style.css'
- swiper
npm i vue-awesome-swiper
import 'swiper/dist/css/swiper.css';
import VueAwesomeSwiper from 'vue-awesome-swiper';
- vuex
npm i vuex

使用前需要设置路由守卫
router.beforeEach((to, from, next) => {
/ 路由发生变化修改页面title /
if (to.meta.title) {
document.title = to.meta.title;
}
// 路由跳转 关闭弹窗
MintUI.MessageBox.close();
next(
store.state.$router = {
to,
from
}
);
})

使用前需要设置Date全局对象的格式化方法
// 时间格式化
// 调用：
// var time1 = new Date().Format("yyyy-MM-dd");
// var time2 = new Date().Format("yyyy-MM-dd HH:mm:ss");
Date.prototype.Format = function (fmt) {
var o = {
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"H+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds(), //秒
"q+": Math.floor((this.getMonth() + 3) / 3), //季度
"S": this.getMilliseconds() //毫秒
};
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}

使用前需要设置axios的返回值
axios.interceptors.response.use(
response => {
return response.data
}
)


1. 使用todaytech-ui
cnpm i todaytech-ui

todaytechUi = import "todaytech-ui"
import "todaytech-ui/dist/todaytech-ui.css"
// 全局
Vue.use(todaytechUi)
// 按需
Vue.use(todaytechUi.xxx组件)

2. 基于mintui的组件库
cnpm i mint-ui

3. 打包命令 (命令)
cnpm run lib

4. 发布npm包
保证代码是最新的才打包
先改package.json版本号
npm run lib
npm login
npm publish
``