todaytech-ui

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