Felix_Openmind

摘要： document.addEventListener("visibilitychange", function() { if (document.visibilityState 'visible') { // 当前页签处于活跃状态 console.log('当前页签处于活跃状态'); } else { 阅读全文

摘要： <span class="role-name role-count-info"> {{ roleCountInfo }} <div class="all-roleName-box"> <li v-for="(roleName, index) in roleListNames" :key="index 阅读全文

摘要： 放大图片组件 img-preview.vue <template> <div class="preview" @click="onClick" @keydown="onKeydown"> <div class="preview-img" > <img :src="src" alt /> </div> 阅读全文

摘要： const imgRegEx = /<img.*?>/gi; const handleChange = (editor) => { console.log('change:', editor.getHtml()) const richText = valueHtml.value valueHtml. 阅读全文

摘要： body{ filter: grayscale(1); } //或者 html.gray-mode { filter: grayscale(.95); -webkit-filter: grayscale(.95); } 其他 blur 模糊-webkit-filter:blur(2px); brig 阅读全文

摘要： border有个border-image的属性，类似background也有个background-image一样,通过为其设置渐变颜色后，实现的渐变，后面的数字4为x方向偏移量 .border-grident{ margin-top: 20px; width: 200px; height: 200 阅读全文

摘要： useModal.js import { nextTick, ref } from 'vue' import {isFunction} from "lodash-es"; export function useModal() { const visible = ref(false) const lo 阅读全文

摘要： watch(() => props.record, () => { if (props?.record) { let recordData = props?.record console.log('output-> recordData', recordData) // 2 - 待反馈 if (re 阅读全文

摘要： 效果图 核心代码 <a-cascader @change="handleModule" :fieldNames="{label: 'moduleName', value: 'moduleId' , children: 'moduleVoList'}" :options="moduleTypeArrs 阅读全文

摘要： 参考连接 https://www.wangeditor.com/v5/for-frame.html#使用-1 效果图 相关依赖 <template> <div> <div style="border: 1px solid #ccc; margin-top: 10px"> <Toolbar :edit 阅读全文