- 博客(10)
- 收藏
- 关注
RSS订阅原创 3.大屏页面完成中间部分的布局
先声明字体，通过font-family: electronicFont;首先是no-hd头部数字，需要加上边框和通过伪元素做出来的边框装饰线。再开启flex布局，让两个数字占一行 flex：1两个元素各占一份。text-align:center设置居中。下方的和数字是一样的布局，这里不赘述。
2024-07-05 12:44:02
273
原创 1.结合flexible.js实现页面自适应
flexible.js下载链接：https://pan.baidu.com/s/1RToh6kAFVVckuvtH0EG-rw?电脑屏幕为1920px,在flexible.js中，默认分为10份，改为分为24份，所以1920/24 = 80。使用flexible.js可以实现页面自适应，单位使用rem，会随页面的变化而自适应页面的内容。F12坚持是否引入成功，font-size会随着页面而变化，代表引入成功。安装如图所示插件，将基准改为80（80px 代表1rem）将flexible.js引入到项目中。
2024-06-20 17:40:58
1066
原创 项目全部路由配置
动画是参考router-vue官网 v-enter-from 其中v即是模板中设置的name。在封装的菜单组件中（具体见上篇文章），给遍历出的每一个菜单加上点击事件。如果不想要使用左侧菜单栏，想要一整个屏幕都是此组件的话。3，跟组件展示路由出口的地方，可以进行封装，加上动画。6，引入全局路由对象，使用编程式路由进行跳转。4，封装的main/index文件。1，首先要添加需要的路由页面。放一个为例，其余是一样配置的。2，在路由中配置这些组件。注册组件不使用跟组件即可。5，点击菜单进行路由跳转。
2024-05-22 17:31:14
331
1
原创 后台管理菜单图标
3，在菜单组件在使用 src/layout/menu/index.vue（菜单组件源码见上一篇文章）在src/components/index.ts文件中注册全局组件。2，这时，全局都可以使用icon,在路由原信息中添加icon字段。mian.ts中会引入使用。
2024-05-21 18:37:17
508
1
原创 递归组件生成动态菜单
5，将常量路由放入到仓库store/modules/user.ts中，引入后会报错，useUserStore中menuRoutes未定义，只需要在store/modules/types中定义一下类型。2，让菜单根据配置的路由动态的生成菜单，封装成组件动态生成菜单，在layout文件下新建文件menu。1，在跟组件layout下的index.vue中使用Element Plus中菜单组件。使用递归组件的前提的，组件必须有命名，所以添加了name:'Menu'3，layout/index.vue中引入。
2024-05-21 17:13:50
885
2
原创 web官网实现字体、图片响应式
如果是vue项目，在app.vue中，或者单独写一个css文件，引入到main.js中。em是相对父元素，rem相对于根元素（一般浏览器默认字体大小16px）
2023-12-04 18:12:35
133
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人