图标库: npminstallqweather-icons @import"qweather-icons/font/qweather-icons.css"; <template> <a-spin:spinning="data.loading"> <div style=" height:132px; padding:10px16px16px16px; background:fff; border:1pxsolidrgba(217,217,217,0.4); border-radius:6px; " > <div> <spanstyle="...
mounted(){ window.addEventListener("scroll",this.handleScroll); } methods:{ handleScroll(){ constscrollTop= document.documentElement.scrollTop||document.body.scrollTop; constscrollHeight= document.documentElement.scrollHeight||document.body.scrollHeight; constclientHeight= document.documentEleme...
constcontext=require.context("./",true,/\.vue$/); constcmps={}; context.keys().forEach((key)=>{ if(key.includes("components")){ constcomponent=context(key).default; cmps[component.name]=component; } }); // components:{ ...cmps, },
1.vue2版本 yarnaddvue-grid-layout import{GridLayout,GridItem}from"vue-grid-layout"; 2.vue3版本 yarnaddvue-grid-layout@3.0.0-beta1 importVueGridLayoutfrom'vue-grid-layout'; app.use(VueGridLayout);
1.component引入组件 components:markRaw(Watch) <component:is="item.components"></component> 2.计算两个时间相差多少小时 moment .duration( moment(newDate(),'YYYY/MM/DDHH:mm').diff(moment(item.createTime,'YYYY/MM/DDHH:mm')) ) .asHours()
<style> .first-loading-wrp{ display:flex; justify-content:center; align-items:center; flex-direction:column; min-height:420px; height:100%; margin-top:150px; } .first-loading-wrp.loading-wrp{ padding:98px; display:flex; justify-content:center; align-items:center; } .dot{ animation:antRotate...