更新记录

1.2.1（2023-03-22）

changelog.md保持同步

1.2.0（2023-03-21）

增加js方法

1.1.9（2023-03-21）

1

平台兼容性

yy-base🍒🍒🍒🍒

插件概述🍒🍒🍒🍒

yybase插件是封装好的JavaScript文件，可在yybase应用中直接调用，提供丰富的功能和扩展性。插件已经集合了color-ui，项目中可以直接使用。🍒🍒🍒🍒

结构说明🍒🍒🍒🍒

📦yy-base
 ├── 📜changelog.md
 ├── 📜components➖➖➖➖组件库
 ├── 📜config.js➖➖➖➖配置为了将
 ├── 📜index.js➖➖➖➖组件库索引
 ├── 📜index.scss➖➖➖➖样式库索引
 ├── 📂js
 │   ├── 📜index.js➖➖➖➖函数库索引
 │   ├── 📂mixin➖➖➖➖混入父类
 │   │   └── 📜mixin.js➖➖➖➖全路婚礼
 │   └── 📂tools➖➖➖➖函数库
 │       ├── 📜array.js➖➖➖➖数组
 │       ├── 📜cache.js➖➖➖➖缓存
 │       ├── 📜dialog.js➖➖➖➖弹框
 │       ├── 📜eventBus.js➖➖➖➖事务
 │       ├── 📜jump.js➖➖➖➖跳转
 │       ├── 📜number.js➖➖➖➖数字
 │       ├── 📜object.js➖➖➖➖对象
 │       ├── 📜request.js➖➖➖➖请求
 │       └── 📜string.js➖➖➖➖字符串
 ├── 📜package.json
 ├── 📜readme.md
 └── 📂styles➖➖➖➖样式库
     ├── 📂color-ui
     │   ├── 📜animation.css➖➖➖➖动画css
     │   ├── 📜icon.css➖➖➖➖图标css
     │   └── 📜main.css➖➖➖➖colorUI主样式
     └── 📜index.scss➖➖➖➖样式库索引

安装使用🍒🍒🍒🍒

全局使用yybase.js🍒🍒🍒🍒

// 引入全局yybase.js - main.js
import yyBase from '@/uni_modules/yy-base'
Vue.use(yyBase)

全局使用yybase.css🍒🍒🍒🍒

// 引入全局yybase.css - App.vue

<style lang="scss">
/*每个页面公共css */
@import 'uni_modules/yy-base/index.scss';
</style>

yybase.js部分示例🍒🍒🍒🍒

// 示例1：隐藏手机号中间4位
const phone = '13812345678';
const maskedPhone = yy.maskString(phone, 3, 6);
console.log(maskedPhone); // 输出：138****5678

// 示例2：隐藏身份证号中间6位
const idCard = '110101199001010001';
const maskedIdCard = yy.maskString(idCard, 6, 11, '#');
console.log(maskedIdCard); // 输出：110101######0001

// 示例3：start和end不是数字或小于0，返回原字符串
const str1 = 'hello world';
const maskedStr1 = yy.maskString(str1, 'a', -1);
console.log(maskedStr1); // 输出：hello world

// 示例4：start大于等于end，返回原字符串
const str2 = 'hello world';
const maskedStr2 = yy.maskString(str2, 5, 3);
console.log(maskedStr2); // 输出：hello world

// 示例5：end大于等于str.length，end会自动调整为str.length-1
const str3 = 'hello world';
const maskedStr3 = yy.maskString(str3, 6, 20);
console.log(maskedStr3); // 输出：hello w*****

请求拦截示例🍒🍒🍒🍒

 - 🍒🍒配置根域名 -  yybase>config.js🍒🍒
export default {
   // 根域名
   baseUrl: "http://byxw.wq.com",
   // 登录页面路径 
   loginUrl: '/pages/test/test',
   // 白名单，不需要登录就能访问的页面
   whiteList: [
      '/pages/index/index', '/pages/test/test', '/pages/index/indexs'
   ],
   // 分享配置
   share: {
      title: '分享标题',
      path: '/pages/index/index',
      imageUrl: '',
      desc: ''
   }
}
- 🍒🍒配置请求拦截器 - yybase>js>tools>request.js🍒🍒

 setInterceptor(config => {
    config.header.Authorization = `Bearer 11111111111`; 
   return Promise.reject(config)

 })

- 🍒🍒请求示例🍒🍒
 // 获取数据
 async getList() {
       const { data, statusCode } = await yy.req({
          url: '/api/config',
          method: 'get', //默认get
          loading: true, // 请求loading开关 ,默认true
          toastError: true // 保存提示消息开关 ,默认true
       });
 },
 // 请求成功会默认打印出数据

路由跳转拦截🍒🍒🍒🍒

- 🍒🍒配置登录页面路径，路由白名单 -  yybase>config.js🍒🍒
export default {
   // 根域名
   baseUrl: "http://byxw.wq.com",
   // 登录页面路径 
   loginUrl: '/pages/test/test',
   // 白名单，不需要登录就能访问的页面
   whiteList: [
      '/pages/index/index', '/pages/test/test', '/pages/index/indexs'
   ],
   // 分享配置
   share: {
      title: '分享标题',
      path: '/pages/index/index',
      imageUrl: '',
      desc: ''
   }
}

- 🍒🍒配置自己的跳转逻辑 - yybase>jump.js🍒🍒

function isLoggedIn(url) {

   const token = uni.getStorageSync('token');
   // 判断当前路由是否在白名单中，在返回true，不在返回false
   const isWhiteListed = [...whiteList, config.loginUrl].includes(url);
   // 如果当前路由在白名单中 并且未登录 
   if (isWhiteListed && token) {

      return true;
   }

   // 否则返回 false
   return false;
}

- 🍒🍒跳转示例🍒🍒

yy.jump('/pages/index/new')

函数集合(后续会连续增加，也可以评论反应看到后会进行增加)🍒🍒🍒🍒